风淡云清2013 2024-01-16 17:23 采纳率: 33.3%
浏览 5
已结题

layui2.8中关于tree组件取消选中的问题

layui2.8中关于tree组件取消选中的问题,前端每次访问页面会生成tree(默认都未选中)并提供选择,
旁边有一个laytable,每行有一单选按钮,点击访问后端,ajax返回类似 [6,9,10]的数组,代表要按这个数组选中tree
代码如下,


```javascript
//生成tree
$.ajax({
    type: "post",
    url: '@Url.Content("~/permission/GetSimpleMenuItemsJson")',
    dataType: "json",
    success: function (result) {
        if (result.code == 0) {
             tree.render({
                elem: '#menusTree'
                ,id:"mytree"
                , data: result.data
                , onlyIconControl: true
                , showCheckbox: true
                , showLine:true
                 , click: function (obj) {
                     var data = obj.data;
                     layer.msg('状态:' + obj.state + '<br>节点数据:' + JSON.stringify(data));
                 }
            })

        } else {
            layer.msg(result.msg, {
                icon: 2,
                time: 1000
            });
        }
    }
});


//layui 单选按钮,点击切换,并按返回的数组选择tree
table.on('radio(roles-table)', function (obj) {
    var data = obj.data; // 获取选中的数据
    $.ajax({
        type: "post",
        url: '@Url.Content("~/Permission/SearcTreeForRoleID/")',
        data: { roleID: data.id },
        success: function (result) {
            if (result.code == 0) {
                $('#menusTree').find('.layui-form-checked').removeClass('layui-form-checked');   //这一行有问题
                tree.setChecked('mytree', result.data); // 重新设置tree的选择
            } else {
                layer.msg(result.msg, {
                    icon: 2,
                    time: 1000
                });
            }
        }
    });

});

$('#menusTree').find('.layui-form-checked').removeClass('layui-form-checked');   //这一行有问题,如何清空tree的选择状态
 

```

  • 写回答

3条回答 默认 最新

  • 风淡云清2013 2024-01-17 09:12
    关注

    @郭老师的小迷弟雅思莫了 感谢了,尝试了还是有问题,我试了一下

    $('input[name*="layuiTreeCheck"]').prop("checked", false);
    form.render();

    问题解决了,分享一下

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 1月25日
  • 已采纳回答 1月17日
  • 修改了问题 1月16日
  • 创建了问题 1月16日

悬赏问题

  • ¥15 keil的map文件中Image component sizes各项意思
  • ¥30 BC260Y用MQTT向阿里云发布主题消息一直错误
  • ¥20 求个正点原子stm32f407开发版的贪吃蛇游戏
  • ¥15 划分vlan后,链路不通了?
  • ¥20 求各位懂行的人,注册表能不能看到usb使用得具体信息,干了什么,传输了什么数据
  • ¥15 Vue3 大型图片数据拖动排序
  • ¥15 Centos / PETGEM
  • ¥15 划分vlan后不通了
  • ¥20 用雷电模拟器安装百达屋apk一直闪退
  • ¥15 算能科技20240506咨询(拒绝大模型回答)