JsTree 簡單用法

2021-08-30 21:10:00 字數 1132 閱讀 3203

jstree是乙個基於jquery的框架,實現簡單,功能比較齊全。專案中急於修改樹控制項,現學現賣,實現了簡單的功能,僅包含非同步載入,動態設定節點樣式圖示,靠著自己看幫助文件,多次嘗試一步步完成。

1. 實現非同步載入

$("#tvbox").tree(

},types :

},ui:,

callback :

},//end beforedata

onselect : function(node, tree_obj)

}, //end onselect

// 只在樹第一次載入的時候呼叫

onload : function(tree_obj)

}// end callback

}); // end tree()

jstree支援多種格式的資料來源,這裡使用了xml格式,其實json格式更好。data中**即可實現非同步載入,通過設定ui引數可以修改主題,callback引數可以對一些事件作出響應,如beforedata可以在傳送非同步請求之前新增url引數,onselect可以響應生成的樹中節點的單擊事件,還有open在節點被開啟的時候被呼叫,等等,可以幫助實現很多功能……

--1 碰到比較麻煩的事情是展開子節點向後台傳遞引數時需要用到父節點的id等資訊,需要用到parent函式。

--2 另外,當展開乙個節點從後台沒有查詢到子節點時需要返回,不能使,我當時用jdom生成xml碰到後者,出現了問題。

--3 callback中的事件需要自己去嘗試才能知道什麼時候被觸發

2. 實現節點換膚

專案中涉及到得是電業局--變電站--間隔--裝置,對於後三者節點圖示必須與其狀態對應,且狀態是動態的,所以需要後台在生成xml的時候設定icon屬性

ename.setattribute("icon", "status" + bean.geteptstatusflag());

此icon屬性對應的是該節點(,xml資料來源代表的樹最後都被解析成ul li 等,在火狐中用[color=red]firebug[/color]可以看到),設定後可以用頁面頭部嵌入css的方式設定屬性,且必須注釋所用到的主題的資料夾中style.css中對應的圖示樣式設定(嘗試得到的結果)

mysql的簡單用法 mysql簡單用法

刪除使用者 drop user jack drop比delete刪除的優勢在於drop可以刪除使用者的許可權,更加徹底 更改使用者名稱 rename user jack to jacknew 使用者的都存在與user表中,更改名稱,許可權不變 更改使用者密碼 update mysql.user se...

oracle cursor 簡單用法

procedure changespecialdiscount compid in invarchar2 ccid in invarchar2 cono in invarchar2 is sum cc all number 14 4 0 wsp disc number 14 4 wspcl disc...

Oracle Trigger簡單用法

1.trigger 是自動提交的,不用commit,rollback 2.trigger最大為32k,如果有複雜的應用可以通過在trigger裡呼叫procedure或function來實現。3.語法 create or replace trigger on declare begin except...