论坛首页 Web前端技术论坛

扩展jQuery easyui datagrid增加动态改变列编辑的类型

浏览 3754 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-06-06  

$.extend($.fn.datagrid.methods, {
    addEditor : function(jq, param) {
        if (param instanceof Array) {
            $.each(param, function(index, item) {
                var e = $(jq).datagrid('getColumnOption', item.field);
                e.editor = item.editor;
            });
        } else {
            var e = $(jq).datagrid('getColumnOption', param.field);
            e.editor = param.editor;
        }
    },
    removeEditor : function(jq, param) {
        if (param instanceof Array) {
            $.each(param, function(index, item) {
                var e = $(jq).datagrid('getColumnOption', item);
                e.editor = {};
            });
        } else {
            var e = $(jq).datagrid('getColumnOption', param);
            e.editor = {};
        }
    }
});
 使用方式:

为password字段添加一个editor

$("#gridId").datagrid('addEditor', {
                        field : 'password',
                        editor : {
                            type : 'validatebox',
                            options : {
                                required : true
                            }
                        }
                    });

 删除password的editor

$("#gridid").datagrid('removeEditor', 'password');

注:两个方法,第二个参数都可以传递数组。
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics