欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

bootstrap-Treeview實(shí)現(xiàn)級聯(lián)勾選

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

本文實(shí)例為大家分享了bootstrap Treeview實(shí)現(xiàn)級聯(lián)勾選的具體代碼,供大家參考,具體內(nèi)容如下

核心方法

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); 
 } 
 
} 
 
//級聯(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]); 
  } 
 } 
} 
//級聯(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]); 
  } 
 } 
} 

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

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

效果圖:

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • JS動(dòng)態(tài)修改圖片的URL(src)的方法

    JS動(dòng)態(tài)修改圖片的URL(src)的方法

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

    學(xué)習(xí)JavaScript設(shè)計(jì)模式之享元模式

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

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

    在團(tuán)隊(duì)合作開發(fā)中,經(jīng)常需要將團(tuán)隊(duì)成員分組,來完成各自的任務(wù),而抽簽的方式自然是最公平、最簡單的方法之一,所以本文就來開發(fā)一個(gè)有趣的分組抽簽小程序吧
    2023-05-05
  • 鼠標(biāo)移動(dòng)到圖片名上,顯示圖片的簡單實(shí)例

    鼠標(biāo)移動(dòng)到圖片名上,顯示圖片的簡單實(shí)例

    鼠標(biāo)移動(dòng)到名(wait.gif)上,顯示圖片,鼠標(biāo)移開則不顯示圖片
    2013-07-07
  • Javascript中的getter和setter初識

    Javascript中的getter和setter初識

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

    國外大牛IE版本檢測!現(xiàn)在IE都到9了,IE檢測代碼

    有時(shí)會(huì)去看看國外大牛的一些代碼,并學(xué)習(xí),引用,并感嘆大牛就是大牛,差距不是一點(diǎn)點(diǎn),也在一點(diǎn)點(diǎn)的感嘆中慢慢拉進(jìn)和大牛的距離
    2012-01-01
  • 淺談微信小程序之官方UI框架we-ui使用教程

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

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

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

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

    如何利用Three.js實(shí)現(xiàn)web端顯示點(diǎn)云數(shù)據(jù)

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

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

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

最新評論