97久久亚洲,亚洲福利久久,亚洲精品系列,97在线精品

win7系統(tǒng)下載
當(dāng)前位置: 首頁 > 編程軟件教程 > 詳細頁面

【zTree下載】zTree中文api(jQuery樹插件) v3.5.42 官方最新版

【zTree下載】zTree中文api(jQuery樹插件) v3.5.42 官方最新版
  • 軟件大小:查看
  • 軟件語言:簡體中文
  • 授權(quán)方式:免費軟件
  • 更新時間:2024-11-28
  • 軟件類型:國產(chǎn)軟件
  • 推薦星級:
  • 運行環(huán)境:XP,Win7,Win8,Win10,Win11
軟件介紹
分享到: 0

軟件介紹

zTree是一款在jQuery框架上使用的樹插件工具,這款插件可以為用戶提供多樣化的功能。我們可以使用zTree中文api來進行項目的開發(fā),通過權(quán)限管理、樹狀菜單等功能來完成項目中最為重要的開發(fā)。從而大大提高了你的工作效率。

zTree下載

軟件簡介

zTree是一個依靠jQuery實現(xiàn)的多功能“樹插件”。優(yōu)異的性能、靈活的配置、多種功能的組合是zTree最大優(yōu)點。zTree是開源免費的軟件(MIT許可證)。如果您對zTree感興趣或者愿意資助zTree繼續(xù)發(fā)展下去,可以進行捐助。

【zTree下載】zTree中文api(jQuery樹插件) v3.5.42 官方最新版-本站

zTree軟件特色

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

2、zTree是開源免費的軟件,使用MIT許可證

3、zTreev3.x將核心代碼按照功能進行了分割,不需要的代碼可以不用加載)

4、采用了延遲加載技術(shù),上萬節(jié)點輕松加載,即使在IE6下也能基本做到秒殺

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

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

7、支持任意更換皮膚/自定義圖標(biāo)

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

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

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

【zTree下載】zTree中文api(jQuery樹插件) v3.5.42 官方最新版-本站

zTree入門指南

步驟 1、文件準(zhǔn)備

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

步驟 2、編寫 html 頁面

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

1) "<!DOCTYPE html>" 是必需的!

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

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

<!DOCTYPE html>

<HTML>

<HEAD>

<TITLE> ZTREE DEMO </TITLE>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" href="demoStyle/demo.css" type="text/css">

<link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">

<script type="text/javascript" src="jquery-1.4.2.js"></script>

<script type="text/javascript" src="jquery.ztree.core-3.x.js"></script>

<SCRIPT LANGUAGE="JavaScript">

var zTreeObj;

// zTree 的參數(shù)配置,深入使用請參考 API 文檔(setting 配置詳解)

var setting = {};

// zTree 的數(shù)據(jù)屬性,深入使用請參考 API 文檔(zTreeNode 節(jié)點數(shù)據(jù)詳解)

var zNodes = [

{name:"test1", open:true, children:[

{name:"test1_1"}, {name:"test1_2"}]},

{name:"test2", open:true, children:[

{name:"test2_1"}, {name:"test2_2"}]}

];

$(document).ready(function(){

zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);

});

</SCRIPT>

</HEAD>

<BODY>

<div>

<ul id="treeDemo" class="ztree"></ul>

</div>

</BODY>

</HTML>

zTree操作方法

ztree如何默認展開全部?

首先我們看一下默認是沒有展開節(jié)點的,如下圖所示

【zTree下載】zTree中文api(jQuery樹插件) v3.5.42 官方最新版-本站

然后我們相關(guān)的代碼如下圖所示

【zTree下載】zTree中文api(jQuery樹插件) v3.5.42 官方最新版-本站

接著我們找到API,找到如下圖所示的函數(shù)

【zTree下載】zTree中文api(jQuery樹插件) v3.5.42 官方最新版-本站

然后在代碼中加入這個函數(shù),將參數(shù)設(shè)置為true

【zTree下載】zTree中文api(jQuery樹插件) v3.5.42 官方最新版-本站

接著在運行就看到節(jié)點都展開了,如下圖所示

【zTree下載】zTree中文api(jQuery樹插件) v3.5.42 官方最新版-本站

最后如果參數(shù)是false就是默認的不展開,如下圖所示

【zTree下載】zTree中文api(jQuery樹插件) v3.5.42 官方最新版-本站

zTree注意事項

1、js 核心文件

zTree v3.x 有 3 個 js 文件,一個 核心包 ( jquery.ztree.core-3.x.js ),兩個擴展包 -- 復(fù)選框功能包 ( 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、+/-圖標(biāo)、a ) 的 className 增加了 level 輸出,可以針對不同等級的節(jié)點設(shè)定獨立的樣式

3、img 圖片

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

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

在 v3.x Demo 中 自定義圖標(biāo)都是獨立的圖片文件,實際開發(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 插件。

zTree常見問題

zTree 對 jQuery 的版本有要求嗎?

基本來說沒有要求,zTree 在開發(fā)中使用 jQuery 1.4.4;目前簡單測試過 jQuery 1.3+ 應(yīng)該都能正常使用,如果發(fā)現(xiàn)和 jQuery 的兼容問題,還請及時 Email: hunter.z@263.net 通知我。

如果希望有更好的動畫效果,更高的運行效率,可以選擇較高版本的 jQuery;如果希望能有減少 js 代碼,使用基本功能,那么可以選擇 mini 版較低版本的jQuery,大家就各取所需吧。

zTree 中提供的是未經(jīng)壓縮的 jQuery 1.4.4,主要是開發(fā)時便于調(diào)試。

css 樣式異常怎么辦?

產(chǎn)生樣式?jīng)_突的可能性很多,在這次 v3.0 的制作過程中,又更加深入了這方面的了解,大概總結(jié)如下:

1、異常原因:

頁面上自定義的 css 與 zTree 的 css 產(chǎn)生沖突

頁面上使用其他插件的 css 與 zTree 的 css 產(chǎn)生沖突

修改 zTree 的 css 錯誤影響了 zTree

2、解決方案:

由于 css 沖突的可能性太多,與其說是解決方案,不如說是處理建議。

A、避免針對 id 進行樣式設(shè)定,盡量采用 class 設(shè)置。 因為針對 id 設(shè)定的樣式等級太高,zTree 的樣式肯定會被覆蓋。

B、zTree 默認的樣式不可能將全部 css 定義都重新設(shè)置一遍,所以難免有遺漏,如果被遺漏的樣式影響了效果,那么請在 zTreeStyle 內(nèi)增加上對應(yīng)的設(shè)置內(nèi)容,而且一旦出現(xiàn)這種情況,也希望你能通知我,謝謝。

C、如果以上都不能解決,那么再看看是否有命名規(guī)則沖突,導(dǎo)致了樣式?jīng)_突

D、最后再看看是否自己修改的 zTree 樣式出現(xiàn)了錯誤

如何將 節(jié)點數(shù)據(jù)提交給 Server 端?

你可以利用 Form 或 Ajax 提交數(shù)據(jù)。

把 JSON 數(shù)據(jù)轉(zhuǎn)化為參數(shù)是比較麻煩的。在今后,我會逐漸提供一些工具包便于大家生成各種格式的數(shù)據(jù)。

制作提交數(shù)據(jù)的基本方法:拼字符串

拼接成什么格式的字符串? 是 url? xml? 還是 json? 這就要根據(jù)后臺解析數(shù)據(jù)的方法來決定了。

[溫馨提示]:
點下面下載:(推薦使用"迅雷"進行下載,系統(tǒng)下載大全QQ交流群:)
97久久亚洲,亚洲福利久久,亚洲精品系列,97在线精品
日本在线成人| 欧美影院视频| 国产精品蜜芽在线观看| 电影天堂国产精品| 久久国产高清| 国产精品毛片aⅴ一区二区三区| 欧美日韩第一| 亚洲大全视频| 青青国产91久久久久久| 99国产精品久久久久久久成人热| 高清在线一区| av在线资源| 久久高清免费观看| 国产精品久久久久久久久久齐齐| 超碰在线99| 国语对白精品一区二区| 麻豆9191精品国产| 激情综合网址| 久久福利毛片| 日韩国产在线观看一区| 国产欧美一区二区色老头| 999久久久亚洲| 久久亚洲国产精品一区二区| 欧美日韩黄网站| 欧美日中文字幕| 国产精品不卡| 精品中文字幕一区二区三区| 久久精品72免费观看| 国产区精品区| 免费中文字幕日韩欧美| 国产福利91精品一区二区| 91偷拍一区二区三区精品| 亚洲手机在线| 国产精品久一| 日韩二区在线观看| 国产精品免费精品自在线观看| 国产精品黑丝在线播放| 国产精品丝袜在线播放| 四虎影视精品| 亚洲欧洲日韩精品在线| 岛国精品一区| 亚洲精品99| av在线资源| 国产精品videossex| 午夜在线精品| 亚洲精品日韩久久| 久久只有精品| 欧美 日韩 国产一区二区在线视频 | 国产伦久视频在线观看| 中文字幕av亚洲精品一部二部| 亚洲乱码一区| 亚洲麻豆一区| 久久大逼视频| 欧美国产视频| 麻豆理论在线观看| 你懂的国产精品| 亚洲香蕉久久| 国产乱码精品一区二区三区亚洲人 | 精品一区二区三区的国产在线观看| 精品久久久网| 中文视频一区| 国产精品久久观看| 国产精品黑丝在线播放| 亚洲人成毛片在线播放女女| 国产视频一区二区在线播放| 免费成人性网站| 日本久久综合| 鲁鲁在线中文| 日韩不卡一区二区三区| 99精品综合| 日韩精品免费一区二区夜夜嗨| 日本久久精品| 久久青青视频| 欧美日韩99| 国产精品日韩久久久| 美女久久精品| 四虎精品一区二区免费| 日韩欧美中文字幕在线视频| 国内在线观看一区二区三区 | 亚洲大片在线| 奇米777国产一区国产二区| 亚洲一级高清| 亚洲最新无码中文字幕久久| 国产一区二区色噜噜| 日韩和欧美一区二区| 精品一区二区三区免费看 | 美日韩精品视频| 国产精品伦理久久久久久| 美女国产精品久久久| 老司机精品在线| 日韩福利视频一区| 亚洲不卡视频| 日韩精品亚洲专区在线观看| 午夜久久av| 国产精品一区免费在线| 国产情侣久久| 美女一区网站| 午夜宅男久久久| 日本综合精品一区| 午夜一级久久| 日韩精品久久理论片| 日韩精品久久久久久久软件91| 欧美日韩黄网站| 国内一区二区三区| 亲子伦视频一区二区三区| 久久亚洲国产| 亚洲欧洲一区二区天堂久久| 亚洲一区二区日韩| 国产精品亚洲欧美| 播放一区二区| 亚洲一区国产| 国产精品天堂蜜av在线播放| 免费av一区| 国产一区2区| 日韩午夜av| 午夜亚洲福利| 国产一区久久| 国产精品va视频| 久久xxxx| 成人美女视频| 国产精品日韩精品在线播放 | 美女国产精品久久久| 亚洲综合专区| 亚洲伊人av| 国产精品99精品一区二区三区∴| 黄色精品网站| 欧美69视频| 国产不卡精品在线| 日韩制服丝袜av| 免费欧美一区| 九九色在线视频| 国产中文字幕一区二区三区| 亚洲精品日韩久久| 久久福利毛片| 免费在线观看一区二区三区| 久久人人88| 日韩啪啪电影网| 国产成人免费| 国产h片在线观看| 日韩电影免费在线观看| 国产精品蜜芽在线观看| 久久久国产精品入口麻豆| 欧美激情一区| 亚洲精品护士| 欧美日韩18| 国产精品传媒麻豆hd| 国产一精品一av一免费爽爽| 欧美一区91| 日韩av二区| 免费欧美一区| 中文字幕日韩亚洲| 国产乱子精品一区二区在线观看| 鲁大师精品99久久久| 天堂日韩电影| 日本中文字幕一区二区视频 | 美腿丝袜在线亚洲一区| 视频在线在亚洲| 欧美另类中文字幕| 日韩大片免费观看| 伊人影院久久| 国产亚洲一区二区三区啪| 国产精品原创| 午夜一级久久| 免费在线亚洲| 国产精品毛片在线| 美女在线视频一区| 亚洲国产专区校园欧美| 97精品国产99久久久久久免费| 国产在线观看91一区二区三区 | 欧美99久久| 日韩av一区二区三区| 精品国产免费人成网站| 日韩中文字幕av电影| 久久男人天堂| 91精品国产经典在线观看| 久久久久网站| 成人高清一区| 日韩不卡手机在线v区| 欧美日韩在线观看视频小说| 牛牛精品成人免费视频| 日韩中文字幕| 伊人久久亚洲影院| 中文字幕在线官网| 久久不见久久见免费视频7| 日本黄色精品| 蜜桃精品视频| 欧美国产不卡| 免费在线成人网| 在线视频观看日韩| 91精品麻豆| 亚洲精一区二区三区| 欧美综合二区| 天堂√8在线中文| 国产视频网站一区二区三区| 亚洲精品国产嫩草在线观看| 久久女人天堂| 日韩av中文字幕一区| 首页亚洲欧美制服丝腿| 在线观看免费一区二区| 人人精品久久|