easyui datagrid的editor的内容验证问题，怎么限制输入为数字和字母

Posted 2023-04-13

我定义了某各列 以及它的editor属性，但是需要这里只能输入数字或者英文，请问怎么写啊？numberbox类型只能输入数字，而且可以输入小数点，这个不需要小数点的话怎么做呢. 不知道editor支持正则表达式验证么。要是只能输入中文的话又该怎么写呢 真心求教啊

直接在此标签上加上正则表达式即可。
通过onkeyup事件，之后判断，如果输入的有问题，easyui标签会直接拒绝输入，给出默认的提示信息的。
相应的规则如下：
onkeyup="value=value.replace(/[^\w\.\/]/ig,'''')"> 参考技术A 在结束编辑的时候写一个方法，用正则去验证么...网上不是很多资料么...记得中文用多少到多少的编码验证来着...

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位号码!‘
                }
            }
        }]

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