在easyui的treeGrid中添加checkbox（jquery）

最新推荐文章于 2019-04-26 10:56:35 发布

维修工人

最新推荐文章于 2019-04-26 10:56:35 发布

阅读量440

点赞数

本文链接：https://blog.csdn.net/bwt1989/article/details/84136560

版权

本文介绍如何在JSP界面中利用EasyUI的TreeGrid组件添加复选框功能。通过引用treegrid_data.json文件，后端可以动态传递数据到前端，实现数据的显示和交互。

摘要由CSDN通过智能技术生成

jsp界面，也可用在aspx、html等前台界面中：

 1 <script type="text/javascript">
 2 function show(checkid){
 3       var s = '#check_'+checkid;
 4       //alert( $(s).attr("id"));
 5       // alert($(s)[0].checked);
 6       /*选子节点*/
 7        var nodes = $("#test").treegrid("getChildren",checkid);
 8        for(i=0;i<nodes.length;i++){
 9           $(('#check_'+nodes[i].id))[0].checked = $(s)[0].checked;
10           
11        }
12        //选上级节点     可根据自己所定义的字段进行逻辑判断，该代码仅供参考
13        if(!$(s)[0].checked){
14          var parent = $("#test").treegrid("getParent",checkid);
15          $(('#check_'+parent.id))[0].checked  = false;
16          while(parent){
17            parent = $("#test").treegrid("getParent",parent.id);
18             $(('#check_'+parent.id))[0].checked  = false;
19          }
20        }else