博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easyui datagrid 动态加入、移除editor
阅读量:6180 次
发布时间:2019-06-21

本文共 1603 字,大约阅读时间需要 5 分钟。

使用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位号码!' } } }]

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

(完)

你可能感兴趣的文章
Java每天10道面试题,跟我走,offer有!(六)
查看>>
四种途径提高RabbitMQ传输数据的可靠性(二)
查看>>
c语言实现多态
查看>>
Linux 在 TOP 命令中切换内存的显示单位
查看>>
浏览器的加载与页面性能优化
查看>>
Java基础学习总结(5)——多态
查看>>
shell: demo
查看>>
使用vc+如何添加特殊字符的控件(创世纪篇)
查看>>
Linux下的常用信号
查看>>
3.UIImageView+category
查看>>
2.UIView+category
查看>>
Android ImageLoader使用
查看>>
LDTP
查看>>
StringUtils工具类的常用方法
查看>>
linux下VNC安装与配置
查看>>
URL编码
查看>>
光模块及光纤知识(含分类,常用类型介绍)
查看>>
Apache 单IP多端口设置
查看>>
安装系统前的准备---vmware
查看>>
Tiny并行计算框架之使用介绍
查看>>