人妻精品久久无码专区精东影业,亚洲色图暴力一区无码

zTree插件是jQuery的樹(shù)插件,zTree免費(fèi)提供所有調(diào)試功能.這里it貓撲小編為小伙伴們整理了比較實(shí)用的zTree使用教程,方便小伙伴們快速上手jQuery.歡迎感興趣的用戶來(lái)IT貓撲下載應(yīng)用!

ztree是什么

zTree 是一個(gè)依靠 jQuery 實(shí)現(xiàn)的多功能 "樹(shù)插件".優(yōu)異的性能、靈活的配置、多種功能的組合是 zTree 最大優(yōu)點(diǎn).

優(yōu)異的性能、靈活的配置、多種功能的組合等多種優(yōu)勢(shì)于一身,專門(mén)適合項(xiàng)目開(kāi)發(fā),尤其是樹(shù)狀菜單、樹(shù)狀數(shù)據(jù)的Web顯示、權(quán)限管理等等

zTree v3.0 將核心代碼按照功能進(jìn)行了分割,不需要的代碼可以不用加載

ztree api使用手冊(cè)

1、js 核心文件

①zTree v3.x 有 3 個(gè) js 文件,一個(gè) 核心包 ( jquery.ztree.core-3.x.js ),兩個(gè)擴(kuò)展包 -- 復(fù)選框功能包 ( jquery.ztree.excheck-3.x.js ) & 編輯功能包 ( jquery.ztree.exedit-3.x.js )

②使用 zTree v3.x 時(shí),核心包必須加載,擴(kuò)展包根據(jù)需要進(jìn)行加載;這種結(jié)構(gòu)有利于今后不斷開(kāi)發(fā) zTree 的各種輔助功能或工具,而不影響基本功能.

③在實(shí)際使用中,建議將使用的擴(kuò)展包與核心包代碼合并為一個(gè) js 文件,以節(jié)省網(wǎng)絡(luò)資源,合并時(shí)一定要將核心包的代碼放在最前面.

2、css 文件

①zTree v3.x 只使用一個(gè) zTreeStyle.css 文件,為了盡量避免樣式?jīng)_突,將 zTree 容器的 className 設(shè)置為 'ztree'

②v3.x 中對(duì)于主要 DOM ( li、ul、+/-圖標(biāo)、a ) 的 className 增加了 level 輸出,可以針對(duì)不同等級(jí)的節(jié)點(diǎn)設(shè)定獨(dú)立的樣式

3、img 圖片

①zTree v3.x 將主要圖標(biāo)都合并為一個(gè)圖片,利用圖片切割方式顯示圖標(biāo)

②為了避免原先節(jié)點(diǎn)連線之間 1 像素間隔的問(wèn)題,在 v3.x 中 +/-圖標(biāo) 繼續(xù)保留 18*18 的尺寸,其余圖標(biāo)全部修改為 16*16,請(qǐng)升級(jí)的朋友務(wù)必注意修正原先使用的圖標(biāo)大小

③在 v3.x Demo 中自定義圖標(biāo)都是獨(dú)立的圖片文件,實(shí)際開(kāi)發(fā)中建議也都采用圖片切割的方式

4、zTree 數(shù)據(jù)

zTree 使用 JSON 數(shù)據(jù),關(guān)于數(shù)據(jù)部分請(qǐng)認(rèn)真查看 API 文檔 "treeNode 節(jié)點(diǎn)數(shù)據(jù)詳解" 中的內(nèi)容,并且在 Demo 中也都可以看到 treeNode 的定義

5、調(diào)試代碼

進(jìn)行程序開(kāi)發(fā)時(shí),建議首先使用 chrome 或 firefox 進(jìn)行調(diào)試工作 -- 普通 js 調(diào)試,ajax 獲取數(shù)據(jù)時(shí)網(wǎng)絡(luò)情況的跟蹤都很容易. 個(gè)人推薦:chrome 的開(kāi)發(fā)人員工具或 firefox 的 firebug 插件.加載技術(shù),上萬(wàn)節(jié)點(diǎn)輕松加載,即使在 IE6 下也能基本做到秒殺