日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

layui樹形組件獲取復選框選中的id,禁用選中父節點后自動選中子節點功能

作者:傻的太壞 更新時間: 2024-03-04 編程語言

在項目中,tree組件獲取選中id后,id也包涵了父節點,回顯的時候,父節點選中,子節點也全部選中的問題,以下簡單的方法,用oncheck

禁用選中父節點后自動選中子節點功能,可以再layui tree 的oncheck事件里進行更改即可。

    //開啟復選框
                tree.render({
                  elem: '#test7'
                  , id: 'demoId1'
                  , data: result
                  , showCheckbox: true
                  , oncheck: function (obj) {
                    var childs = $(obj.elem).find('.' + "layui-tree-pack").find('input[same="layuiTreeCheck"]');
                    childs.each(function () {
                      this.checked = false;
                    });
                    form.render('checkbox');
                  }
                });
		tree.setChecked('demoId1', ['1', '11']); //勾選指定節點,1是父節點id,11是子節點。
		
	//選中節點id,包涵了父id
	 var checkedData = tree.getChecked('demoId1'); //獲取選中節點的數據,demoId1在tree定義一個id
              console.log("111", checkedData)
              var arrId = []
              getCheckedId(checkedData);
              // 測試
              console.log(arrId);
              // 獲取選中節點的id,遍歷樹形列表去獲取每一級的id
              function getCheckedId(jsonObj) {
                jsonObj.forEach((item, index) => {
                  arrId.push(item.id)
                  if (item.children != []) {
                    getCheckedId(item.children);//遞歸實現遍歷每一層級數據
                  }
                });
                return arrId;
              }
              

原文鏈接:https://blog.csdn.net/weixin_38897313/article/details/126865300

  • 上一篇:沒有了
  • 下一篇:沒有了

相關推薦

欄目分類
最近更新