extjs设置grid某行可编辑_Web界面开发必看！Kendo UI for jQuery编辑功能指南第一弹...

点击“了解更多”获取Kendo UI for jQuery最新试用版下载

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。

某些Kendo UI窗口小部件提供了编辑功能，该功能通过使用Kendo UI MVVM绑定使用特定的编辑器元素或与模型绑定的表单来实现。

以下小部件支持编辑功能：

• Kendo UI Grid
• Kendo UI ListView
• Kendo UI TreeList
• Kendo UI Scheduler
• Kendo UI Gantt

入门指南

支持编辑的Kendo UI小部件提供以下常用配置选项：

• editable—控制是否启用编辑。 例如默认情况下，Kendo UI Grid小部件中的编辑功能是禁用的。
• editable.template—允许您定义自定义编辑器模板。

注意：一些小部件提供了其他可编辑选项，有关更多详细信息，请参阅特定的窗口小部件API文档。 例如Grid小部件可以使用editable.destroy选项禁用删除功能。

支持编辑的Kendo UI小部件提供以下常见事件：

• edit—在显示编辑器表单之前触发，UI元素已绑定到模型。
• save—在保存模型之前触发，编辑表单仍处于打开状态。
• remove—在删除模型之前触发。

注意：

• 只有Scheduler和Gantt支持防止edit、save和remove事件。
• 这些小部件仅使用一种编辑器形式，它为create和update操作应用相同的编辑器模板。

要启用小部件的编辑功能：

1. 配置数据源的CRUD(创建，读取，更新，销毁)数据操作。
2. 使用schema.model选项定义模型字段。
3. 启用editable选项。

这些方法主要适用于支持编辑的其他Kendo UI小部件。

使用编辑器表单

您可以构建编辑器表单并将特定模型绑定到编辑器表单。

构建编辑器表单

Kendo UI窗口小部件基于schema.model结构(更具体地说是字段集合)动态构建编辑器表单。

注意：

• 在schema.model.id中定义数据项的id字段，这样可以确保正确添加、编辑和删除项目。
• 定义字段的数据类型来利用内置编辑器，可过滤的UI以及正确的排序、过滤和分组功能。

下表列出了可用的数据类型。

下面的示例演示如何通过DataSource schema.model声明字段定义。

schema: {model: {id: "id