国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

bootstrap treeview 樹形菜單帶復選框及級聯選擇功能

2024-05-06 16:44:51
字體:
來源:轉載
供稿:網友

具體代碼如下所示:

<div id="searchTree"></div>  <script>  var treeData = [{   text: "Parent 1",   nodes: [{    text: "Child 1",    nodes: [{     text: "Grandchild 1"    }, {     text: "Grandchild 2",     nodes: [{      text: "Grandchild 2-1",      nodes: [{       text: "Grandchild 2-1-1"      }, {       text: "Grandchild 2-2-1",      }]     }, {      text: "Grandchild 1-2",     }]    }]   }, {    text: "Child 2",    nodes: [{     text: "Grandchild 2-1"    }, {     text: "Grandchild 2-2",    }]   }]  }, {   text: "Parent 2",   id:'11111'  }, {   text: "Parent 3"  }, {   text: "Parent 4"  }, {   text: "Parent 5"  }];  var nodeCheckedSilent = false;  function nodeChecked(event, node) {   if (nodeCheckedSilent) {    return;   }   nodeCheckedSilent = true;   checkAllParent(node);   checkAllSon(node);   nodeCheckedSilent = false;  }  var nodeUncheckedSilent = false;  function nodeUnchecked(event, node) {   if (nodeUncheckedSilent)    return;   nodeUncheckedSilent = true;   uncheckAllParent(node);   uncheckAllSon(node);   nodeUncheckedSilent = false;  }  //選中全部父節點   function checkAllParent(node) {   $('#searchTree').treeview('checkNode', node.nodeId, {    silent: true   });   var parentNode = $('#searchTree').treeview('getParent', node.nodeId);   if (!("nodeId" in parentNode)) {    return;   } else {    checkAllParent(parentNode);   }  }  //取消全部父節點   function uncheckAllParent(node) {   $('#searchTree').treeview('uncheckNode', node.nodeId, {    silent: true   });   var siblings = $('#searchTree').treeview('getSiblings', node.nodeId);   var parentNode = $('#searchTree').treeview('getParent', node.nodeId);   if (!("nodeId" in parentNode)) {    return;   }   var isAllUnchecked = true; //是否全部沒選中    for (var i in siblings) {    if (siblings[i].state.checked) {     isAllUnchecked = false;     break;    }   }   if (isAllUnchecked) {    uncheckAllParent(parentNode);   }  }  //級聯選中所有子節點   function checkAllSon(node) {   $('#searchTree').treeview('checkNode', node.nodeId, {    silent: true   });   if (node.nodes != null && node.nodes.length > 0) {    for (var i in node.nodes) {     checkAllSon(node.nodes[i]);    }   }  }  //級聯取消所有子節點   function uncheckAllSon(node) {   $('#searchTree').treeview('uncheckNode', node.nodeId, {    silent: true   });   if (node.nodes != null && node.nodes.length > 0) {    for (var i in node.nodes) {     uncheckAllSon(node.nodes[i]);    }   }  }  $('#searchTree').treeview({   showCheckbox: true,   data: treeData,   onNodeChecked: nodeChecked,   onNodeUnchecked: nodeUnchecked  });  </script>

總結

以上所述是小編給大家介紹的bootstrap treeview 樹形菜單帶復選框及級聯選擇功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持!


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 灵石县| 南澳县| 新昌县| 新民市| 久治县| 贺州市| 滨州市| 大宁县| 平果县| 柯坪县| 龙江县| 金秀| 南涧| 大石桥市| 仁化县| 卫辉市| 嵊泗县| 石楼县| 黑龙江省| 西平县| 永寿县| 上林县| 图们市| 龙井市| 宜春市| 景宁| 景德镇市| 改则县| 宁阳县| 子长县| 前郭尔| 青神县| 枣阳市| 清水河县| 竹山县| 高雄市| 慈溪市| 项城市| 陆河县| 临泽县| 布尔津县|