【easyUI】禁用datagrid&treegrid复选框
来源:互联网 发布:云墙vpn for mac 编辑:程序博客网 时间:2024/06/05 23:48
最近公司启动了新项目,所以一直在和客户谈需求,撰写前期的设计相关文档,博客也陷入了停滞阶段。刚好今天搜集了两个问题,搜集的过程也算是耗时不短,所以记录下来,以备后用。
- 禁用datagrid复选框
思路就是,datagrid在load成功后,本身就需要去读取数据中的复选框选中值,从而判断该条目是否勾选,于是我在这个逻辑下面增加了一句话$(".datagrid-row[datagrid-row-index=" + idx + "] input[type='checkbox']")[0].disabled = true;
主要意思就是将判断完成后的复选框作失效处理。
代码
onLoadSuccess : function(row) { $(this).datagrid('tooltip'); var rowData = row.rows; $.each(rowData,function(idx,val){//遍历JSON if(val.checked){ roleDataGrid.datagrid("checkRow", idx); //如果数据行为已选中则选中改行 } $(".datagrid-row[datagrid-row-index=" + idx + "] input[type='checkbox']")[0].disabled = true; }); }
- treegrid禁用复选框
思路和上面的差不多,同样是load完成后,对复选框进行失效操作。只不过treegrid在load的过程中,就把复选框值读取并勾选完成了,因此只需要将复选框禁用即可。
onLoadSuccess:function(){ $(this).find('span.tree-checkbox').unbind().click(function(){ return false; }); }
0 0
- 【easyUI】禁用datagrid&treegrid复选框
- EasyUI DataGrid 复选框
- Bootstrap复选框、EasyUI datagrid复选框
- EASYUI DATAGRID 多列复选框CheckBox
- EASYUI DATAGRID 多列复选框CheckBox
- EASYUI DATAGRID 多列复选框CheckBox
- EASYUI DATAGRID 多列复选框CheckBox
- EASYUI DATAGRID 多列复选框CheckBox
- EASYUI DATAGRID 多列复选框CheckBox
- treegrid复选框
- treegrid复选框选中
- EasyUi DataGrid、TreeGrid单元格点击事件
- easyui datagrid 创建带复选框表格(2)
- JQuery EasyUI 隐藏datagrid表头的复选框
- easyUI datagrid 复选框去掉选中状态,解决方法
- jQuery EasyUI, datagrid, treegrid formatter 参数比较 row index
- easyUI的鼠标右键展示菜单(treegrid和datagrid)
- jquery easyui-datagrid/treegrid 清空数据参考
- 皇室战争挑战模式锦标赛概率分析
- 欢迎使用CSDN-markdown编辑器
- WebStorm开启Scss的Source Maps功能
- (iOS开发)UIScrollView的使用以及注意事项
- HYSBZ 2818 Gcd
- 【easyUI】禁用datagrid&treegrid复选框
- mac上抓取ios设备的包
- linux中编译静态库(.a)和动态库(.so)的基本方法
- 小L的牛栏
- WebService的登陆案例
- 进程的创建与可执行程序的加载
- Android ViewPager实现滑动切换页面+底部tab点击切换页面(类微信首页)
- nginx的配置、虚拟主机、负载均衡和反向代理
- 答CsdnBlogger问-关于定时和后台服务问题