【easyUI】禁用datagrid&treegrid复选框

末蓝、 2022-09-26 03:53 385阅读 0赞

最近公司启动了新项目，所以一直在和客户谈需求，撰写前期的设计相关文档，博客也陷入了停滞阶段。刚好今天搜集了两个问题，搜集的过程也算是耗时不短，所以记录下来，以备后用。

1.  禁用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;
                    });           
                }

1.  treegrid禁用复选框

思路和上面的差不多，同样是load完成后，对复选框进行失效操作。只不过treegrid在load的过程中，就把复选框值读取并勾选完成了，因此只需要将复选框禁用即可。

onLoadSuccess:function(){ 
                    $(this).find('span.tree-checkbox').unbind().click(function(){ 
                        return false;
                    });
                }

发表评论取消回复

表情：

评论列表（有 0 条评论，385人围观）

还没有评论，来说两句吧...

相关阅读

相关 css复选框样式_使用CSS样式复选框

css复选框样式 Introduction: 介绍： Sometimes we want to develop a website or web page that wo

秒速五厘米/ 2023年03月05日 11:58/ 0 赞/ 44 阅读

相关 EasyUI 实现复选框添加提示(title)

1 HTML代码 <div id="checkboxDiv"> <input class="easyui-checkbox" name="是"

落日映苍穹つ/ 2023年01月06日 01:54/ 0 赞/ 151 阅读

相关 html禁用整体框,启用或禁用html中的复选框

根据W3Schools你可以使用JavaScript禁用复选框。 // Get your checkbox who determine the condition var

超、凢脫俗/ 2022年10月05日 15:53/ 0 赞/ 185 阅读

相关【easyUI】禁用datagrid&treegrid复选框

最近公司启动了新项目，所以一直在和客户谈需求，撰写前期的设计相关文档，博客也陷入了停滞阶段。刚好今天搜集了两个问题，搜集的过程也算是耗时不短，所以记录下来，以备后用。 1.

末蓝、/ 2022年09月26日 03:53/ 0 赞/ 386 阅读

相关 CheckBox复选框

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schem

男娘i/ 2022年09月26日 03:15/ 0 赞/ 312 阅读

相关点击复选框，按钮禁用/启用

长话短说，一个小功能，按钮最开始的时候是禁用，选择复选框后，按钮启用，再点击一下，按钮禁用。 ![Center][] 本次使用angularjs混合jquery来使用

骑猪看日落/ 2022年08月20日 10:29/ 0 赞/ 253 阅读

相关 EasyUI下拉框实现多选、全选、复选和模糊查询

其实整个的思路还是很麻烦的。之前网上查不到能囊括上面所有东西的。但是参考之后还是摸出了一种新的方法，但是仍然不完美。毕竟是在封装的东西上面修改。 ![Image 1][]

比眉伴天荒/ 2022年07月18日 00:21/ 0 赞/ 395 阅读

相关复选框

![70][] package tu; import java.awt.BorderLayout; import java.awt.B

「爱情、让人受尽委屈。」/ 2022年05月19日 08:10/ 0 赞/ 356 阅读

相关 jQuery 单选框/复选框美化

对于前端萌新来说，美化表单是个痛苦的事情，通常都是去寻找插件这种逃避的办法，其实这并不是难事。在上篇文章中提到了兄弟元素选择器在表单美化中表现突出，下面的示例源码将体现基础篇

我不是女神ヾ/ 2022年05月10日 00:08/ 0 赞/ 519 阅读

相关 ElementUI 表格部分复选框禁用或隐藏

背景我们在使用 element ui 的 Table 组件构建带复选框的表格时，我们希望根据条件禁用或者隐藏某行选择框。如下图所示：

朱雀/ 2021年03月29日 11:59/ 0 赞/ 906 阅读