一、Ztree的基本樣式

阿新 • • 發佈：2019-02-13

//var zTreeObj; var setting = { view:{ //是否顯示連線線 showLine:false, //是否顯示節點圖示（預設為true） showIcon:true }, data:{ //是否套用簡單資料格式，自動生成結構圖 simpleData:{ //開啟簡單資料

enable:true, //節點id idKey:"id", //父節點 pIdKey:"pId", //根節點 rootPId:0 } } }; //構成節點的資料 /** * 知識點： * 自定義圖示：iconOpen、iconClose、icon：設定節點開啟、關閉的圖示，和葉子節點的圖示 * 超連結：url、target、click（簡單點選事件，複雜事件，使用onclick事件回撥函式） */

var zNodes = [ {"id":1,"pId":0,"name":"test1", "open":true, iconOpen:"css/zTreeStyle/img/diy/1_open.png", iconClose:"css/zTreeStyle/img/diy/1_close.png"}, {"id":2,"pId":1,"name":"test1-1", icon:"css/zTreeStyle/img/diy/2.png", url:"", target:"_blank", click:"alert('我是不會跳轉的...');"}, {"id"

:3,"pId":1,"name":"test1-1", url:"http://www.treejs.cn/", target:"_blank"}, {"id":4,"pId":0,"name":"test2", "open":true}, {"id":5,"pId":4,"name":"test2-1"}, {"id":6,"pId":4,"name":"test2-2"}, {"id":7,"pId":6,"name":"test2-2-1"}, {"id":8,"pId":6,"name":"test2-2-2", "isParent":true}, ]; $(document).ready(function(){ //初始化 $.fn.zTree.init($("#treeDemo"), setting, zNodes); });

一、Ztree的基本樣式

一、Ztree的基本樣式

一、Spring基本使用

一、HiveSQL基本操作

一、Hibernate基本使用

一、linux基本操作

一、網絡的基本概念

一、實現一個特殊的棧，在實現棧的基本功能的基礎上，再實現返回棧中最小元素的操作

一、Unity中Shader的三種基本類型

一、消息隊列介紹與RabbitMQ基本示例

[Web][DreamweaverCS6][高中同學畢業分布去向網站+服務器上掛載]一、安裝與破解DreamweaverCS6+基本規劃

十一、CSS3的其他重要樣式和屬性

JAVA 畫圖板實現（基本畫圖功能+界面UI）一、界面實現

python初學一（python基本常識、pycharm、運算子、轉義字元運用）

實驗目的： 1、理解使用者與模式的概念，掌握oracle中使用者管理的基本方法 2、理解系統許可權、物件許可權的概念，掌握分配許可權的方法 3、理解角色的概念，掌握角色的應用方法實驗內容：一、使用者

Java基礎學習一 (字符集、識別符號、關鍵字、註釋、變數、基本資料型別、非基本資料型別、高精度數字)

一、外部載入外部樣式

一、（java基本資料型別）

[Xcode10 實際操作]一、博主領進門-(6)Xcode的iOS模擬器的基本使用方法

【資料結構與演算法】一、基本

[Xcode10 實際操作]一、博主領進門-(11)Xcode程式碼區的樣式設定，調整程式碼的外觀屬性

一、Ztree的基本樣式

相關推薦