bootstrap-Treeview实现级联勾选

发布时间：2020-12-17 20:54:35 所属栏目：安全来源：网络整理

导读：1：bootstrap-Treeview实现级联勾 var ?nodeCheckedSilent?=? false ;?? function ?nodeChecked?(event,?node){?? ???? if (nodeCheckedSilent){?? ???????? return ;?? ????}?? ????nodeCheckedSilent?=? true ;?? ????checkAllParent(node);?? ????checkAl

1：bootstrap-Treeview实现级联勾

var?nodeCheckedSilent?=?false;??
function?nodeChecked?(event,?node){??
????if(nodeCheckedSilent){??
????????return;??
????}??
????nodeCheckedSilent?=?true;??
????checkAllParent(node);??
????checkAllSon(node);??
????nodeCheckedSilent?=? }??
??
var?nodeUncheckedSilent?=?false;??
function?nodeUnchecked??(event,?node){??
????if(nodeUncheckedSilent)??
????????return;??
????nodeUncheckedSilent?=? ????uncheckAllParent(node);??
????uncheckAllSon(node);??
????nodeUncheckedSilent?=? //选中全部父节点??
function?checkAllParent(node){??
????$('#searchTree').treeview('checkNode',node.nodeId,{silent:true});??
var?parentNode?=?$('#searchTree').treeview('getParent',node.nodeId);??
if(!("nodeId"?in?parentNode)){??
????}else{??
????????checkAllParent(parentNode);??
????}??
}??
//取消全部父节点??
function?uncheckAllParent(node){??
????$('#searchTree').treeview('uncheckNode',153); font-weight:bold; background-color:inherit">var?siblings?=?$('#searchTree').treeview('getSiblings',?node.nodeId);??
in?parentNode))?{??
var?isAllUnchecked?=?true;??//是否全部没选中??
for(var?i?in?siblings){??
if(siblings[i].state.checked){??
????????????isAllUnchecked= ????????????break;??
????????}??
if(isAllUnchecked){??
????????uncheckAllParent(parentNode);??
??
//级联选中所有子节点??
function?checkAllSon(node){??
????$('#searchTree').treeview('checkNode',153); font-weight:bold; background-color:inherit">true});??
if(node.nodes!=null&&node.nodes.length>0){??
in?node.nodes){??
????????????checkAllSon(node.nodes[i]);??
//级联取消所有子节点??
function?uncheckAllSon(node){??
null&&node.nodes.length>0){??
in?node.nodes){??
????????????uncheckAllSon(node.nodes[i]);??
????????}??
} ?

$('#searchTree').treeview({??

????????showCheckbox:true,??
????????data:treeData,??
????????onNodeChecked:nodeChecked?,??
????????onNodeUnchecked:nodeUnchecked??
????}); ?
参考地址：http://blog.csdn.net/jiang_2992/article/details/62042028

bootstrap基本结构

 
 <!-- Required Stylesheets --> 

< link href = "./css/bootstrap.css" rel "stylesheet" >

script src "./js/jquery.js" ></ script >

"./js/bootstrap-treeview.js" >????

<div id="tree"></div>???

function getTree() {

???? // Some logic to retrieve,or generate tree structure

???? return data;

}

$( '#tree' ).treeview({data: getTree()});????

参考地址：http://www.htmleaf.com/jQuery/Menu-Navigation/201502141379.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!