当前您所在的位置:首页>新闻中心>新品发布
新品发布
行业动态
营销活动

Kendo UI for jQuery数据管理使用教程:网格编辑操作

发布时间:2020/11/04 浏览量:2157

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 Grid提供以下编辑模式:

 

批量编辑

网格使您能够进行和保存批量更新。要在网格中启用批处理编辑操作,请将数据源的批处理选项设置为true。

 

 

 

 

 

 


 

 

 

 


 

 


 

 



 

 

 

 
 

 

 

 

 

内联编辑

当用户单击一行时,网格提供用于内联编辑其数据的选项。要启用内联编辑操作,请将Grid的editable选项设置为inline。

 

 

 

 

 

 


 

 

 

 


 

 


 

 



 

 

 

 
 

 

 

 

 

 

 

弹出式编辑

网格提供用于在弹出窗口中编辑其数据的选项。要启用弹出窗口编辑操作,请将Grid的editable选项设置为popup。

!DOCTYPE html>

 

 

 

 


 

 

 

 


 

 


 

 



 

 

 

 
 

 

 

 

 

 

 

自定义编辑

网格使您可以实现自定义列编辑器,并指定在用户编辑数据时适用的验证规则。

 

实施自定义编辑器

要在网格中实现自定义编辑器,请指定相应列的编辑器字段。该字段的值将指向JavaScript函数,该函数将实例化对应列单元格的列编辑器。

 

 

 

 

 


 

 

 

 


 

 


 

 



 

 


 

 
 

 

 

 

 

设置验证规则

要为编辑操作定义验证规则,请在数据源的架构中配置验证选项。

 

 

 

 

 


 

 

 

 


 

 


 

 



 

 

 

 
 

 

 

 

 

 

北京哲想软件有限公司