zTree插件下載 最新更新|軟件分類|軟件專題|手機版|論壇轉(zhuǎn)貼|軟件發(fā)布

您當前所在位置： 首頁 → 編程開發(fā) → 編程輔助 → zTree(jQuery樹插件) v3.5.30 官方版

zTree(jQuery樹插件)

v3.5.30 官方版

zTree(jQuery樹插件)下載
  • 軟件大?。?span itemprop="fileSize">820.00 KB
  • 軟件語言：中文
  • 軟件類型：國產(chǎn)軟件 / 編程輔助
  • 軟件授權(quán)： 免費軟件
  • 更新時間：2019-05-10 15:36:35
  • 軟件等級：4星
  • 軟件廠商： -
  • 應(yīng)用平臺：WinXP, Win7, Win8, Win10
  • 軟件官網(wǎng)：

ITMOP本地下載文件大?。?20.00 KB

點贊 好評 0%（0） 差評 差評 0%（0）

軟件介紹人氣軟件精品推薦相關(guān)文章網(wǎng)友評論下載地址

小編為您推薦： zTree jQuery

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

ztree是什么

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

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

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

ztree api使用手冊

1、js 核心文件

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

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

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

2、css 文件

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

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

3、img 圖片

①zTree v3.x 將主要圖標都合并為一個圖片,利用圖片切割方式顯示圖標

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

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

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

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

5、調(diào)試代碼

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

ztree官網(wǎng)功能說明

兼容 IE、FireFox、Chrome、Opera、Safari 等瀏覽器

支持 JSON 數(shù)據(jù)

支持靜態(tài) 和 Ajax 異步加載節(jié)點數(shù)據(jù)

支持任意更換皮膚 / 自定義圖標(依靠css)

支持極其靈活的 checkbox 或 radio 選擇功能

提供多種事件響應(yīng)回調(diào)

靈活的編輯(增/刪/改/查)功能,可隨意拖拽節(jié)點,還可以多節(jié)點拖拽喲

在一個頁面內(nèi)可同時生成多個 Tree 實例

簡單的參數(shù)配置實現(xiàn) 靈活多變的功能

ztree教程

1、首先將需要使用的zTree v3.5.30相關(guān)的 js、css、img 文件分別放置到相應(yīng)目錄,并且保證相對路徑正確

zTree

2、編寫 html 頁面

按照以下代碼,制作html 頁面,訪問試試看吧!

注意:

1) "" 是必需的!

2) zTree 的容器 className 別忘了設(shè)置為 "ztree"

3) 入門成功后,就可以按照順序去看 Demo 了,直接看看源碼,應(yīng)該能看懂的

更多>> 軟件截圖

推薦應(yīng)用

    其他版本下載

      精品推薦

      相關(guān)文章

      下載地址

      • zTree(jQuery樹插件) v3.5.30 官方版

      查看所有評論>> 網(wǎng)友評論

      發(fā)表評論

      (您的評論需要經(jīng)過審核才能顯示) 網(wǎng)友粉絲QQ群號:374962675

      查看所有 0條 評論>>

      更多>> 猜你喜歡