• easyui datagrid 动态加入、移除editor


    使用easyui 行编辑的时候完毕编辑的功能比較简单,可是假设要依据一个框的值动态改变别的值或者编辑的时候禁用某个框的时候就比較麻烦了。
    比方像以下这样:加入行的时候每一个值都是手动输入,改动的时候第一个值不能改动。我们来看下怎么实现这种效果。
    这里写图片描写叙述

    easyui本身是不提供这么细节的功能的。须要我们自己拓展下:
    在编辑的时候移除第一列的editor属性,加入的时候,加入第一列的属性。

    //扩展datagrid:动态加入删除editor
        $.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 = {};  
                }   
            }
        });

    (代码出自网上大神。

    调用:
    移除:

    $("#dg").datagrid('removeEditor','cardNo');//这里的cardNo是须要移除editor的列的field值

    加入:

    $("#dg").datagrid('addEditor',[ //加入cardNo列editor
                {field:'cardNo',editor:{
                    type:'textbox',
                    options:{
                        required:true,
                        validType:'length[3,3]', 
                        invalidMessage:'请输入3位号码!'
                    }
                }
            }]

    别的操作都能够据此拓展.
    (完)

  • 相关阅读:
    在windows环境中使用varnish
    CENTOS 5.5 64位 编译安装 webbench 1.5网站压力测试工具
    CentOS设置时间
    Tomcat性能优化
    Squid 2.6 2.7 3.0 3.1 以及 varnish 2.1.5 性能对比测试
    Varnish加速网站图片显示
    保护你的Web服务器 iptables防火墙脚本全解读
    纯静态文件环境下的Nginx优化思路
    tomcat报 Context [] startup failed due toprevious errors
    siege工具安装
  • 原文地址:https://www.cnblogs.com/gccbuaa/p/7073184.html
Copyright © 2020-2023  润新知