亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

bootstrap-Treeview實現級聯勾選

 更新時間：2017年11月23日 09:02:04   作者：不怕孤單的123  
這篇文章主要為大家詳細介紹了bootstrap-Treeview實現級聯勾選，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了bootstrap Treeview實現級聯勾選的具體代碼，供大家參考，具體內容如下

核心方法

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é)點 
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é)點 
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); 
 } 
 
} 
 
//級聯選中所有子節(jié)點 
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]); 
  } 
 } 
} 
//級聯取消所有子節(jié)點 
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]); 
  } 
 } 
}

6-27 : 經部分網友反饋，圖中的 if(!("id" in perentNode)) 需要改成 if(!("nodeId" in perentNode))才能正常運行，我想應該是版本問題，上面代碼中已經改正了。如果運行不了，請改回 if(!("id" in perentNode))試一下。（謝謝大家提出）
因為treeview中silent屬性指定了無效（我也不知道為什么委屈），所以多加了兩個變量來控制

$('#searchTree').treeview({ 
  showCheckbox:true, 
  data:treeData, 
  onNodeChecked:nodeChecked , 
  onNodeUnchecked:nodeUnchecked 
 });

效果圖：

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

相關文章

  • JS動態(tài)修改圖片的URL（src）的方法

    JS動態(tài)修改圖片的URL（src）的方法

    這篇文章主要介紹了JS動態(tài)修改圖片的URL（src）的方法,涉及javascript操作圖片src屬性的技巧,非常具有實用價值,需要的朋友可以參考下
    2015-04-04
  • 學習JavaScript設計模式之享元模式

    學習JavaScript設計模式之享元模式

    這篇文章主要為大家介紹了JavaScript設計模式中的享元模式，對JavaScript設計模式感興趣的小伙伴們可以參考一下
    2016-01-01
  • 基于JavaScript開發(fā)一個有趣的分組抽簽小程序

    基于JavaScript開發(fā)一個有趣的分組抽簽小程序

    在團隊合作開發(fā)中，經常需要將團隊成員分組，來完成各自的任務，而抽簽的方式自然是最公平、最簡單的方法之一，所以本文就來開發(fā)一個有趣的分組抽簽小程序吧
    2023-05-05
  • 鼠標移動到圖片名上,顯示圖片的簡單實例

    鼠標移動到圖片名上,顯示圖片的簡單實例

    鼠標移動到名(wait.gif)上，顯示圖片，鼠標移開則不顯示圖片
    2013-07-07
  • Javascript中的getter和setter初識

    Javascript中的getter和setter初識

    最近在工作中遇到了getter和setter，getter 是一種獲得屬性值的方法，setter是一種設置屬性值的方法。下面這篇文章主要給大家介紹了關于Javascript中getter和setter的相關資料，需要的朋友可以參考借鑒，下面來一起看看吧。
    2017-08-08
  • 國外大牛IE版本檢測！現在IE都到9了，IE檢測代碼

    國外大牛IE版本檢測！現在IE都到9了，IE檢測代碼

    有時會去看看國外大牛的一些代碼，并學習，引用，并感嘆大牛就是大牛，差距不是一點點，也在一點點的感嘆中慢慢拉進和大牛的距離
    2012-01-01
  • 淺談微信小程序之官方UI框架we-ui使用教程

    淺談微信小程序之官方UI框架we-ui使用教程

    這篇文章主要介紹了淺談微信小程序之官方UI框架we-ui使用教程，WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信內網頁和微信小程序量身設計，感興趣的小伙伴們可以參考一下
    2018-08-08
  • 微信小程序顯示下拉列表功能【附源碼下載】

    微信小程序顯示下拉列表功能【附源碼下載】

    這篇文章主要介紹了微信小程序顯示下拉列表功能,涉及微信小程序navigator組件導航及頁面加載相關操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
    2017-12-12
  • 如何利用Three.js實現web端顯示點云數據

    如何利用Three.js實現web端顯示點云數據

    這篇文章主要給大家介紹了關于如何利用Three.js實現web端顯示點云數據的相關資料,最近在項目中遇到需求,需要在web端顯示點云數據,將我的實現步驟介紹在這里供大家參考,需要的朋友可以參考下
    2023-11-11
  • 微信小程序仿RadioGroup改變樣式的處理方案

    微信小程序仿RadioGroup改變樣式的處理方案

    本文給大家分享一段簡單的代碼來實現微信小程序仿RadioGroup改變樣式的方法，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧
    2018-07-07

最新評論