jsp使用zTree的詳解

2021-10-22 15:47:06 字數 1038 閱讀 7642

第一次使用ztree這種樹型結構，記錄一下方便以後檢視。

先說一下可能遇到的問題

1、用idea引入js的話，如果一直給你報404，在確定引入沒有問題的情況下，重啟idea就可以解決。

2、如果要用核取方塊需要引入 jquery.ztree.excheck-3.5.js 這個檔案，不然就是在setting中配置了也不會顯示，而且沒有任何提示。

3、引入ztree的css檔案 ztreestyle.css 不然不顯示。

使用詳情

我用的是3.5的版本，如果是其他版本可能會有些許的差別

引入檔案後，首先要有乙個容器來裝這棵樹

>


'prjztree'


class


='ztree'


>


ul>


//class必須是ztree，這是元件的class名


div>
然後是js部分
var ztree;


//定義乙個


$(document)


.ready


(function()


, check:},


data:


, key:},


edit:


, callback:};


var ztreenodes =


<


%=request.


getattribute


("11111")%


>


;//ztreenodes 資料的**


ztree = $.fn.ztree.


init($


("#prjtree"


), setting, ztreenodes)


;//載入ztree})


//提交資料


function


submit()


)}
如果資料需要回填顯示的話，前端頁面不用更改，後端只要修改資料中的checked欄位為true就可以預設勾選上。

ztree的簡單使用

ztree 是乙個依靠 jquery 實現的多功能 樹外掛程式 優異的效能 靈活的配置 多種功能的組合是 ztree 最大優點。ztree 是開源免費的軟體 mit 許可證 其實ztree的api已經說得足夠明白了，自己再記錄一遍加深一下印象。id treedemo class ztree ul 1...

zTree的簡單使用

理論可以看 ztree的使用依賴於js，所以要先引入js 我這個是簡單資料模式 在對應的js中 function var log callback fn.ztree.init treedemo setting,json.parse jsonarr val jsonstr jsonstr json.p...

Ztree使用入門

目的及實現結果 建立乙個簡單的tree樹 需要引入的 js 包有 treestyle.css，jquery 1.4.4.min.js，jquery.ztree.core 3.5.js，jquery.ztree.excheck 3.5.js ztree建立樹級結構 使用其ztree的初始化方法 fn....