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

首頁 > 編程 > JavaScript > 正文

bootstrap treeview 樹形菜單帶復(fù)選框及級(jí)聯(lián)選擇功能

2019-11-19 13:41:19
字體:
供稿:網(wǎng)友

具體代碼如下所示:

<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;  }  //選中全部父節(jié)點(diǎn)   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);   }  }  //取消全部父節(jié)點(diǎn)   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);   }  }  //級(jí)聯(lián)選中所有子節(jié)點(diǎn)   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]);    }   }  }  //級(jí)聯(lián)取消所有子節(jié)點(diǎn)   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>

總結(jié)

以上所述是小編給大家介紹的bootstrap treeview 樹形菜單帶復(fù)選框及級(jí)聯(lián)選擇功能,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 湘阴县| 若尔盖县| 株洲县| 连江县| 花莲县| 肃北| 海宁市| 西华县| 汪清县| 连云港市| 大庆市| 尼玛县| 大安市| 班玛县| 杭州市| 全椒县| 堆龙德庆县| 洛阳市| 镇原县| 军事| 海原县| 惠水县| 会宁县| 青岛市| 浠水县| 新郑市| 越西县| 通城县| 阳高县| 蒙自县| 新津县| 萝北县| 桓仁| 天长市| 定远县| 长寿区| 太保市| 元朗区| 堆龙德庆县| 灵石县| 武清区|