Easyui dataGrid启用表格编辑,添加editor,移除editor,自定义验证

最新推荐文章于 2022-10-12 11:23:05 发布

起个破名真费劲..

最新推荐文章于 2022-10-12 11:23:05 发布

阅读量1.9k

点赞数 1

分类专栏： EasyUi 文章标签： dataGrid启用表格编辑 datagrid移除editor datagrid添加editor datagrid自定义验证

本文链接：https://blog.youkuaiyun.com/qq_42440234/article/details/99645902

版权

本文介绍了如何在Easyui的dataGrid中启用表格编辑功能，包括添加和移除editor的操作，同时讲解了如何进行自定义验证，以增强表格数据编辑的灵活性和安全性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML

<table id="dgitem"  class="easyui-datagrid"></table>


$.extend($.fn.datagrid.methods, {
    /*表格编辑器*/
    editCell: function(jq,param){
        return jq.each(function(){
            var fields = $(this).datagrid('getColumnFields',true).concat($(this).datagrid('getColumnFields'));
            for(var i=0; i<fields.length; i++){
                var col = $(this).datagrid('getColumnOption', fields[i]);
                col.editor1 = col.editor;
                if (fields[i] != param.field){
                    col.editor = null;
                }
            }
            $(this).datagrid('beginEdit', param.index);
            for(var i=0; i<fields.length; i++){
                var col = $(this).datagrid('getColumnOption', fields