zoukankan      html  css  js  c++  java
  • [转]扩展jQuery easyui datagrid增加动态改变列编辑的类型

    $.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 

    1
    $("#gridId").datagrid('addEditor', {
    2
                            field : 'password',
    3
                            editor : {
    4
                                type : 'validatebox',
    5
                                options : {
    6
                                    required : true
    7
                                }
    8
                            }
    9

                        });

    删除password的editor
    1$("#gridid").datagrid('removeEditor''password');
    注:两个方法,第二个参数都可以传递数组。
  • 相关阅读:
    8.使用背景图,制作雪碧图效果
    7.使用定位制作轮播图样式
    6.使用定位,制作弹出框界面
    App 抓包代理设置
    Cypress 自动化环境搭建
    Android APP 性能测试之 GT 工具
    接口测试流程
    接口结构内容
    接口定义
    网络七层协议
  • 原文地址:https://www.cnblogs.com/LazyBee/p/2766677.html
Copyright © 2011-2022 走看看