dhtmlxTree 10分鐘做乙個樹

2021-06-16 18:00:13 字數 1831 閱讀 2447

專案中要做個分類樹和部門樹。

架構師讓用dhtmlxtree 做個樹出來。以前也沒寫過樹。也不知道怎麼做。

媽的那些文件不解決實際問題。。真他媽的蛋疼。。自己動手豐衣足食。。自己動手寫。。寫好了忘了沒寫文件。寫個文件已被後患。。希望對能用到的朋友有所幫助 。。10分鐘絕對能學會 。。下面有文件。。後面附上的是原始碼。。完全拷貝改改就能用。。

目前試用版本:v2.6 standard edition

使用說明如下:

1、解壓當前目錄下 dhtmlxtree.zip 檔案,得到如下資料夾和檔案:

----解壓目錄

- dhtmlxconnector

- dhtmlxdataprocessor

- dhtmlxtree

- doc***plorer

- libcompiler

- index.html

- license_gpl.html

- readme.txt

2、將dhtmlxtree開發所需檔案加入到專案工程中。

3、為了在專案中方便使用dhtmlxtree,需要將dhtmlxtree的libary、css引入到專案頁面中。

一句話引入需要用到的css和js其中js和css的引入路徑必須根據實際相對路徑,否則引用無效。

4、頁面中dhtmlxtree的使用:

【新增div】在開發頁面中新增乙個div,用來展示tree,**如下:

注意:該div中id是必須的,id的值是自定義的,如以上**的div中id="category_tree" 。

【dhtmlxtree的初始化和載入】

建立並初始化dhtmlxtree,**如下:

其中, var tree = new dhtmlxtreeobject('category_tree', '100%', '100%', 0); **中:

構造方法中:

第乙個引數:「category_tree」必須與中的id值對應;

第二個引數: 樹的寬度為100%;

第三個引數: 樹的高度為100%;

第四個引數: 樹的根節點id的值為0;

dhtmlxtree物件建立好以後,需要載入資料,載入的方式有很多種,我們這裡以讀取xml檔案為例。

在以上**後加入一下**:

tree.setxmlautoloading('#springurl("/index/loadcategoryxmltree")');  // 預設動態載入

tree.loadxml('#springurl("/index/loadcategoryxmltree")');  // 從xml一次載入

其中:'#springurl("/index/loadcategoryxmltree")'是呼叫後台返回xml資料檔案的url

下面是原始碼

/*** 獲取所有的部門並生成tree

* @param response

* @throws exception

*/此類departmenttree 必須繼承visitorsupport  並且重寫visit 方法

public class departmenttree extends visitorsupport

}public department getdepartment()

public void setdepartment(department department)

}//頁面**

//下面是做好後的效果圖

10分鐘 深入less

三種方式引用less 瀏覽器引用 less.js link type text lesss node中使用 工程中使用 變數 key value在js中,條件語句中 可以使用 if,else,switch定義,less中語句中跟switch中case比較像。less 沒有像js中這樣的關鍵字,但是也...

10分鐘了解ZooKeeper

zookeeper是乙個開放原始碼的分布式應用程式協調服務,它包含乙個簡單的原語集,分布式應用程式可以基於它實現同步服務,配置維護和命名服務等。1.最終一致性 client不論連線到哪個server,展示給它都是同乙個檢視,這是zookeeper最重要的功能。2.可靠性 具有簡單 健壯 良好的效能,...

每天10分鐘 10 25

1.hadoop一般廣義和狹義分別指什麼 hadoop生態圈,hadoop軟體2.hadoop軟體哪三個組成 hdfs yarn mapreduce3.hdfs偽分布式的程序簡寫分別是什麼?nn,dn,snn4.yarn偽分布的程序簡寫分別是什麼?nm,rm5.nn節點是幹什麼的 記錄資料節點,維護...