概述：

前面主要是html數(shù)據(jù)，這里主要是json數(shù)組

1.格式

jstree需要一個具體格式json數(shù)據(jù)，在標準的語法沒有那個字段是必須的-而是那些是你需要的。請記住你可以獲取任何你請求的其他屬性，jstree將會不會碰他們，你將有可能在隨后使用它們。

為了改變節(jié)點的圖標你可以是用屬性icon。具體的字符串需要包含/的一個圖片的url路徑，你可以使用任何其它字符串應用類樣式去修飾元素，它將會被用呈現(xiàn)這個圖標。你可以使用boolean 值false來jstree在渲染節(jié)點時沒有圖標。

你可以設置一個節(jié)點的狀態(tài)使用state屬性，它值可以使如下值得組合：opened,selected,disabled.

li_attr和a_attr可以直接通過jquery屬性函數(shù)獲取。

當使用ajax設置children為false，jstree將會將渲染這個節(jié)點為關(guān)閉狀態(tài)，如果需要打開的時候需要發(fā)送額外的請求。

如何內(nèi)部children都應該遵循相同的格式，或者是普通字符串(這個字符串作為普通文本和任何其它自動生成的)

2.可選擇json格式

如果你不想使用內(nèi)部children的方式，你可以使用可選語法，每個節(jié)點需要包含兩個必須字段：id和parent，沒有children屬性(其它都保持這個格式)

jstree將會自動構(gòu)建這個層次關(guān)系，為表明一個節(jié)點應該是根節(jié)點可是設置parent屬性為"#".

這個種方式大多數(shù)用于一次性渲染整棵樹，這個數(shù)據(jù)存儲在數(shù)據(jù)庫之間有聯(lián)結(jié)關(guān)系。

為了使用json來渲染一棵樹，你需要使用$.jstree.defaults.core.data配置選項

這個希望格式為一個數(shù)組節(jié)點。每個節(jié)點應該是一個如上所描述的對象或者是一個簡單的字符串(這種情況字符串被用來作為一個節(jié)點的文本替換自動生成的文本)，任何內(nèi)部子節(jié)點格式是一樣的。

3.使用json

為了使用json來渲染一棵樹，你需要使用$.jstree.defaults.core.data配置選項。

這個希望格式為一個數(shù)組節(jié)點。每個節(jié)點應該是一個如上所描述的對象或者是一個簡單的字符串(這種情況字符串被用來作為一個節(jié)點的文本替換自動生成的文本)，任何內(nèi)部子節(jié)點格式是一樣的。

4.使用可選json格式

5.使用ajax

你可以使用ajax向服務器請求返回一個json數(shù)據(jù)來渲染樹，這個格式如上所示，這里唯一不同就是json是不可見，它是服務器返回的。

為了使用這個特性，你需要使用$.jstree.defaults.core.data配置選項。

僅僅是使用標準jquery像ajax配置和jstree將會自動做出一個ajax請求而返回數(shù)據(jù)。

除了標準jquery ajax選項，你可以提供data函數(shù)和url路徑，這個功能將會運行當前的實例范圍內(nèi)，一個參數(shù)被通過表明這個節(jié)點被加載了，這個返回值將會用作各自的url和data。

如果你并不會返回json頭部信息，至少設置數(shù)據(jù)類型 jquery ajax的選項為“json”。

6.使用函數(shù)

你可以提供一個函數(shù)，這個函數(shù)將會接受兩個參數(shù)，節(jié)點加載和回調(diào)函數(shù)。

原文鏈接：http://www.cnblogs.com/telwanggs/p/7447915.html

總結(jié)

以上是生活随笔為你收集整理的java tree json,基于jstree使用JSON数据组装成树的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。