ツリー
3442 ワード
ツリーコントロールはウェブページで階層データをツリー構造で表示します.これはユーザーの展開、折り畳み、ドラッグ、編集、非同期ロードなどの機能を提供します.
ul
-
-
-
-
-
-
-
ul Javascript
/*
id: ID, 。
text: 。
state: ,'open' 'closed', :'open'。 'closed' , 。
checked: 。
attributes: 。
children:
*/
$(function(){
$('#tt').tree({
// JSON
url:'tree_data1.json'
});
});
json
$(function(){
$('#tt').tree({
url:"getJSON",
parentField:"pid", //
textFiled:"text", //
idFiled:"id", //
checkbox:true,
lines:true,
// , node ,node
onClick: function(node){
alert(node.text); //
}
});
});