datagrid的方法扩展-增加编辑器和移除编辑器

最新推荐文章于 2020-02-02 12:46:05 发布

转载最新推荐文章于 2020-02-02 12:46:05 发布 · 235 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2331760/blog/406923

本文介绍如何使用EasyUI的Datagrid组件添加和移除编辑器，包括单个字段和多个字段的处理方式，并提供了具体的JavaScript代码示例。

2019独角兽企业重金招聘Python工程师标准>>>

$.extend($.fn.datagrid.methods,{
    addEditor:function(jq,param){//param参数可以为一个数组,或者是一个对象
        if(param instanceof Array){
            $.each(param,function(index,item){
                //getColumnOption返回指定列属性,参数为field
                var e = $(jq).datagrid('getColumnOption',item.field);
                e.editor = item.editor;
            });
        }else{
            var e =  $(jq).datagrid('getColumnOption',param.field);//返回指定列属性。
            e.editor = item.editor;
        }
    },
    removeEditor:function(jq,param){
        if(param instanceof Array){
            $.each(param,function(index,item){//参数为数组,移除多列的editor属性
                var e = $(jq).datagrid('getColumnOption',item);//返回指定列属性。
                e.editor = {};
            });
        }else{//参数为字符串,移除一列的editor属性
            var e =  $(jq).datagrid('getColumnOption',param);//返回指定列属性。
            e.editor = {};
        }
    }
});

使用例子:

$("#id").datagrid('removeEditor','password');//移除该'password'这一列的editor
$("#id").datagrid('removeEditor',['password','name']);//移除该password和name这两列的编辑器

$("#id").datagrid('addEditor',//传入一个对象,构成元素为field和想要的editor
                  {
                    field:'password',
                    editor:{type:'validatebox',
                            options:{required:true}
                            }
                   }
                );
$("#id").datagrid('addEditor',//传入多个对象的数组,数组中每个构成元素为field和想要的editor
                  [
                      {
                        field:'password',
                        editor:{type:'validatebox',options:{required:true}}
                       },
                       {
                        field:'name',
                        editor:{type:'validatebox',options:{required:true}}
                       }
                   ]
                );

转载于:https://my.oschina.net/u/2331760/blog/406923