010-68421378
sales@cogitosoft.com
当前您所在的位置:首页>新闻中心>新品发布

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

发布时间:2020/11/04 浏览量:2171
Kendo UI for jQuery是创建现代Web应用程序的完整UI库

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函数,该函数将实例化对应列单元格的列编辑器。

 

 

 

 

 


 

 

 

 


 

 


 

 



 

 


 

 
 

 

 

 

 

设置验证规则

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

 

 

 

 

 


 

 

 

 


 

 


 

 



 

 

 

 
 

 

 

 

 

 

下一篇:Skyvia:快速集成,备份,管理和共享云应用程序数据
上一篇:SysTools BKF Repair Tool常见问题解答

                               

 京ICP备09015132号-996网络文化经营许可证京网文[2017]4225-497号 | 违法和不良信息举报电话:4006561155

                                   © Copyright 2000-2023 北京哲想软件有限公司版权所有 | 地址:北京市海淀区西三环北路50号豪柏大厦C2座11层1105室

                         北京哲想软件集团旗下网站:哲想软件 | 哲想动画

                            华滋生物