easyUI的异步树复选框选中的问题

最新推荐文章于 2023-07-28 10:04:50 发布

lixujun19910103

最新推荐文章于 2023-07-28 10:04:50 发布

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lixujun19910103/article/details/78083980

本文介绍了一种解决复选框树状结构中父节点与子节点选中状态不同步的问题的方法。通过在JavaScript中动态修改URL参数传递父节点的选中状态，确保子节点的状态与其保持一致。

对于我们需要带复选框的树结构，

当选中7楼时再展开时会出现

7楼的子节点不会被选中，所以我们需要在展开时得到父节点的选中状态，在这里我是利用动态改变url来实现

在js中添加以下代码:

//展开点位树判断当前节点是否被选中
$(function(){
       $('#tt').tree({
              url:"${pageContext.request.contextPath}/shebei/getTree.action?checked="+false,
              method:'post',
           onBeforeLoad: function(node){
               if(node != null){
                   if(node.checked){
                         $('#tt').tree('options').url = "${pageContext.request.contextPath}/shebei/getTree.action?checked="+true;
                   }else{
                       $('#tt').tree('options').url = "${pageContext.request.contextPath}/shebei/getTree.action?checked="+false;
                   }
               }else{
                   $('#tt').tree('options').url = "${pageContext.request.contextPath}/shebei/getTree.action?checked="+false;
               };
           }
        });
});