zTree學習筆記二：展開樹和收起樹

阿新 • • 發佈：2019-01-29

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/zTreeStyle/zTreeStyle.css">
    <script src="../js/jquery-1.4.4.min.js"></script>
    <script src="../js/jquery.ztree.all.min.js" 
></script>
</head>
<body>
<ul id="leftTree" class="ztree"></ul>
<button  onclick="expandTree()">展開</button>
<button   onclick="closeTree()">合併</button>
<script>
    var setting = {
        check:{
            enable:true //顯示勾選框
        },
        view: {
            showIcon: false 
,//是否顯示節點的圖示
            showLine: true,//顯示節點之間的連線。
            expandSpeed: "slow",//節點展開、摺疊時的動畫速度
            selectedMulti: false//不允許同時選中多個節點。
        },
        data: {
            simpleData: {
                enable:true, //使用簡單資料模式
                idKey: "id",//節點資料中儲存唯一標識的屬性名稱
                pIdKey: "pId" 
,//節點資料中儲存其父節點唯一標識的屬性名稱
                rootPId: "" //用於修正根節點父節點資料 預設值：null
            }
        },
        callback: {}
    };
    var nodes = [
        {id :"1",pId:"0",name :"山西省"},
        {id :"2",pId:"0",name : "河北省"},
        {id :"3",pId:"0",name : "內蒙省"},
        {id :"4",pId:"0",name : "吉林省"},
        {id :"11",pId:"1",name: "大同市"},
        {id :"12",pId:"1",name: "朔州市"},
        {id :"21",pId:"2",name: "石家莊"},
        {id :"22",pId:"2",name: "唐山市"},
        {id :"31",pId:"3",name: "赤峰市"},
        {id :"32",pId:"3",name: "呼市"},
        {id :"41",pId:"4",name: "長春市"},
        {id :"42",pId:"4",name: "四平市"},
        {id :"43",pId:"4",name: "遼源市"},
        {id :"111",pId:"11",name:"渾源縣"},
        {id :"112",pId:"11",name: "陽高縣"},
        {id :"121",pId:"12",name: "山陰縣"},
        {id :"122",pId:"12",name: "應縣"}
    ];
    var tree  = $.fn.zTree.init($('#leftTree'), setting, nodes);
    tree.expandAll(tree);//預設是展開的
//展開樹
    function expandTree() {
        var tree = $.fn.zTree.getZTreeObj('leftTree');
        tree.expandAll(tree);
    }
//收起樹：只展開根節點下的一級節點
    function closeTree() {
        var tree = $.fn.zTree.getZTreeObj('leftTree');
        //獲取 zTree 的全部節點資料將節點資料轉換為簡單 Array 格式
        var nodes = tree.transformToArray(tree.getNodes());
        for(var i=0;i<nodes.length;i++){
            if(nodes[i].level == 0){
                console.log(nodes[i].name);
                //根節點展開
                tree.expandNode(nodes[i],true,true,false)
            }else{
                tree.expandNode(nodes[i],false,true,false)
            }
        }
    }
</script>
</body>
</html>

zTree學習筆記二：展開樹和收起樹

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

nodejs學習筆記二：閉包和非同步程式設計

閉包到底是什麼鬼閉包就是函式��，但是它可以繼承並訪問它自身被宣告的那個作用域裡的變數。當你將一個回撥函式作為引數傳遞給另外一個進行i/o操作的函式時，回撥函式稍後會被呼叫，神奇的是，在被呼叫時，回撥函式會記住它自身宣告時所在的上下文，並且可以訪問該上下文及

Django學習筆記二：實現部落格詳情，完善文章的分類和標籤

前面我已經學會了使用Django框架搭建一個簡單的部落格框架。接下來學習的就是如何完善部落格的功能。部落格詳情功能當用戶點選文章的“繼續閱讀”按鈕時，實現瀏覽文章的具體內容。即當點選“繼續閱讀”時根據傳入的請求和文章的id引數跳轉到對應的

Caffe學習筆記(二)：使用Python生成caffe所需的lmdb檔案和txt列表清單檔案

轉載請註明作者和出處： http://blog.csdn.net/c406495762 Python版本：Python2.7 執行平臺：Ubuntu14.04 最後修改時間：2017.4.20 在上個筆記中，已經學會了如何使用Caffe利用作者

google protobuf學習筆記二：使用和原理

一.什麼是protobuf protobuf全稱Google Protocol Buffers，是google開發的的一套用於資料儲存，網路通訊時用於協議編解碼的工具庫。它和XML或者JSON差不多，也就是把某種資料結構的資訊，以某種格式（XML，JSON）儲存起來

matlab學習筆記二：plot畫圖怎麼設定線條型別和顏色

matlab的繪圖功能很強大，因此它在科學實驗和社會調研中被廣泛應用。我們在繪製圖形時怎麼選擇線條的型別？比如需要虛線，星點線。。。或者怎麼設定線條的顏色？下面將將進行介紹。下面將以一個簡單的繪圖操作為例。繪製0到2*pi範圍內的正弦餘弦函式，預設的圖形是實線，顏色第一條是藍

SpringMVC學習筆記二：常用註解

title c學習請求 pin 學習 lin att 詳解 stp 轉載請註明原文地址：http://www.cnblogs.com/ygj0930/p/6831976.html 一、用於定義類的註解：@Controller @Controller 用於標記在一個類上，

framework7學習筆記二：基礎知識

部分 cnblogs query 基礎 logs code 自己 $$ pan 一：DOM7 framework7有自己的 DOM7 - 一個集成了大部分常用DOM操作的高性能庫。它的用法和jQuery幾乎是一樣的，包括大部分常用的方法和jquery風格的鏈式調用。在開發

Java基礎學習筆記二十七 DBUtils和連接池

ride 基本代碼塊 ear 不同一行 ria 靜態方法 ... DBUtils 如果只使用JDBC進行開發，我們會發現冗余代碼過多，為了簡化JDBC開發，本案例我們講采用apache commons組件一個成員：DBUtils。DBUtils就是JDBC的簡化開發工

Effictive Java學習筆記1：創建和銷毀對象

安全需要 () 函數調用 bsp nbsp bean 成了建議1：考慮用靜態工廠方法代替構造器理由：1）靜態方法有名字啊，更容易懂和理解。構造方法重載容易讓人混淆，並不是好主意　　　2）靜態工廠方法可以不必每次調用時都創建一個新對象，而公共構造函數每次調用都會

Spring4學習筆記二：Bean相關

因此 code per cdata 通過反射機制特殊符號 cat too 一：Bean的配置形式基於XML配置：在src目錄下創建 applicationContext.xml 文件，在其中進行配置。基於註解配置：在創建bean類時，通過註解來

小程序學習筆記二：頁面文件詳解之 .json文件

fresh 小程序整體屬性 spa hit rbac style mdi 頁面配置文件—— pageName.json 每一個小程序頁面可以使用.json文件來對本頁面的窗口表現進行配置，頁面中配置項會覆蓋 app.json 的 window 中相同的配置

Docker學習筆記二：Docker的安裝

ros -h bionic docker customer tex 鏈接 space 版本安裝環境：操作系統：Ubuntu 18.04 LTS，code name:bionic (#lsb_release -a)內核版本：4.15.0-29-generic(#uname

Python3學習筆記1：變量和簡單數據類型

tle 小數點 per port 小數指導 day this python 2018-09-16 17:22:11 變量聲明：　　變量名 = ？？如： 1 message = "HelloWorld" 2 message = 1 3 message =

基於.NET的CAD二次開發學習筆記二：AutoCAD .NET中的物件

1、CAD物件一個CAD檔案（DWG檔案）即對應一個數據庫，資料庫中的所有組成部分，看的見（包括點、多段線、文字、圓等）和看不見（圖層、線型、顏色等）的都是物件，資料庫本身也是一個物件。直線、圓弧、文字和標註等圖形物件都是物件。線型與標註樣式等樣式設定都是物件。圖層

分散式學習筆記二：從分散式一致性談到CAP理論、BASE理論

問題的提出在電腦科學領域，分散式一致性是一個相當重要且被廣泛探索與論證問題，首先來看三種業務場景。 1、火車站售票假如說我們的終端使用者是一位經常坐火車的旅行家，通常他是去車站的售票處購買車票，然後拿著車票去檢票口，再坐上火車，開始一段美好的旅行----一切似乎都是那麼和諧。想象一

轉載：InstallShield學習筆記二：元件配置

InstallShield學習筆記二：元件配置這裡主要講的記錄的是配置檔案的細節。 1.Features配置在 Installshield 中，可以在 Features 新增需要安裝元件大類，這裡需要注意的是：在InstallSrcipt MSI ，預設DefaultFeatu

nginx筆記二：nginx 安裝和基本應用

支持開發路徑名 ip地址 led 3rd acs 必須 www lvs FWM及持久連接.note模塊類型：核心模塊：core module標準模塊：Standard HTTP modules 標準模塊Optional HTTP modules 可選模塊Mail mo

JavaScript 學習筆記二：基本知識

文章目錄預備知識 JavaScript web 開發人員必須學習的 3 門語言中的一門：如何編寫JavaScript？如何執行JavaScript 使用 JavaScript的兩種方式 1. 指令碼是直

csdn學習筆記二：連結串列原型、do原型分析

設計連結串列，並設計其迭代函式生成連結串列、列印連結串列 arr = {10, 20, 30, 100, 101, 88, 50}; head = nil; local i = 1 while true do if arr[i] then head = {va

zTree學習筆記二：展開樹和收起樹

相關推薦