编辑概述

的剑道UI TreeList HtmlHelper提供内置的编辑功能。

实现TreeList的编辑功能:

1. 设置模型
2. 配置传输

编辑是jQuery的剑道UI，一个具有 110+ 组件的专业级UI库，用于构建现代和功能丰富的 应用程序。想要试用它，可以注册一个30天的免费试用期。

下载免费试用

模型设置

TreeList的所有CRUD操作都需要一个模型id而且parentId字段。这些模型必须在TreeList的数据源中配置。基于parentId字段时，TreeList区分根项。

• 如果schema.model.fields [parentIdField]。是空的，根项目与是谁的项目parentId字段值为零．

• 如果schema.model.fields [parentIdField]。不可为空，则根项将是其数据类型具有默认值的项。

  var dataSource =新的kendo.data。TreeListDataSource({ schema: { model: { id: "IdField", parentId: "ParentIdField", ...

配置传输

模式配置完成后，您需要配置运输操作更新，摧毁,创建．CRUD操作的一个重要部分是来自服务的响应，它需要返回经过操作的记录，这样TreeList就可以相应地将更改应用到数据源。新记录还必须包含在服务中新分配的记录id价值。

var dataSource =新的kendo.data。TreeListDataSource({ transport: { read: { url: crudServiceBaseUrl + "/EmployeeDirectory/All", dataType: "jsonp" }, update: { url: crudServiceBaseUrl + "/EmployeeDirectory/Update", dataType: "jsonp" }, destroy: { url: crudServiceBaseUrl + "/EmployeeDirectory/Destroy", dataType: "jsonp" }, create: { url: crudServiceBaseUrl + "/EmployeeDirectory/Create", dataType: "jsonp" }, parameterMap: function(options, operation) { if (operation !== "read" && options.models) { return {models: kendo.stringify(options.models)}; } } },

另请参阅

• 在TreeList中编辑(演示)
• TreeList JavaScript API参考