?? ext.tree.treeloader.html
字號(hào):
?<!--Mock<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" /><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>--><style type="text/css"> body { overflow: scroll; } /** .mdesc .long { display: block; } */</style><!-- End Mock--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.tree.TreeLoader-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.tree.TreeLoader-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.tree.TreeLoader-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.tree.TreeLoader-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.tree.TreeLoader"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.tree.TreeLoader</h1> <table cellspacing="0"> <!-- <tr> <td class="label"> Package: </td> <td class="hd-info"> </td> </tr> --> <tr> <td class="label"> Defined In: </td> <td class="hd-info"> TreeLoader.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.tree.TreeLoader </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Ext.util.Observable </td> </tr> </table> <div class="description"> 樹(shù)加載器(TreeLoader)的目的是從URL延遲加載樹(shù)節(jié)點(diǎn)<a href="###" onClick="alert('Ext.tree.TreeNode');">Ext.tree.TreeNode</a>的子節(jié)點(diǎn)。
返回值必須是以樹(shù)格式的javascript數(shù)組。
例如:
<pre><code>
[{
id: 1,
text: 'A leaf Node',
leaf: true
},{
id: 2,
text: 'A folder Node',
children: [{
id: 3,
text: 'A child Node',
leaf: true
}]
}]
</code></pre>
<br><br>
向服務(wù)端發(fā)送請(qǐng)求后,只有當(dāng)展開(kāi)時(shí)才會(huì)讀取子節(jié)點(diǎn)信息。
需要取值的節(jié)點(diǎn)id被傳到服務(wù)端并用于產(chǎn)生正確子節(jié)點(diǎn)。
<br><br>
當(dāng)需要傳遞更多的參數(shù)時(shí),可以把一個(gè)事件句柄邦定在"beforeload"事件上,
然后把數(shù)據(jù)放到TreeLoader的baseParams屬性上:
<pre><code>
myTreeLoader.on("beforeload", function(treeLoader, node) {
this.baseParams.category = node.attributes.category;
}, this);
</code></pre>
如上代碼,將會(huì)傳遞一個(gè)該節(jié)點(diǎn)的,名為"category"的參數(shù)到服務(wù)端上 </div> <div class="hr"> </div> <a id="Ext.tree.TreeLoader-configs"></a> <h2>配置項(xiàng)</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2"> 配置項(xiàng) </th> <th class="msource-header"> 定義者 </th> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="dataUrl-header"></a> <b>dataUrl</b> : String <div class="mdesc"> <div class="short"> 進(jìn)行請(qǐng)求的URL。
</div> <div class="long"> 進(jìn)行請(qǐng)求的URL。
</div> </div> </td> <td class="msource"> TreeLoader </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="requestMethod-header"></a> <b>requestMethod</b> : String <div class="mdesc"> <div class="short"> 下載數(shù)據(jù)的HTTP請(qǐng)求方法(默認(rèn)Ext.Ajax#method的值)。
</div> <div class="long"> 下載數(shù)據(jù)的HTTP請(qǐng)求方法(默認(rèn)<a href="###" onClick="alert('Ext.Ajax#method');">Ext.Ajax#method</a>的值)。
</div> </div> </td> <td class="msource"> TreeLoader </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="url-header"></a> <b>url</b> : String <div class="mdesc"> <div class="short"> 相當(dāng)于{@link #dataUrl}.
</div> <div class="long"> 相當(dāng)于{@link #dataUrl}.
</div> </div> </td> <td class="msource"> TreeLoader </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="preloadChildren-header"></a> <b>preloadChildren</b> : Boolean <div class="mdesc"> <div class="short"> 若為true,則loader在節(jié)點(diǎn)第一次訪問(wèn)時(shí)加載"children"... </div> <div class="long"> 若為true,則loader在節(jié)點(diǎn)第一次訪問(wèn)時(shí)加載"children"的屬性。
</div> </div> </td> <td class="msource"> TreeLoader </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="baseParams-header"></a> <b>baseParams</b> : Object <div class="mdesc"> <div class="short"> (可選) 一個(gè)分別對(duì)每個(gè)節(jié)點(diǎn)進(jìn)行參數(shù)傳遞的集合對(duì)象。
</div> <div class="long"> (可選) 一個(gè)分別對(duì)每個(gè)節(jié)點(diǎn)進(jìn)行參數(shù)傳遞的集合對(duì)象。
</div> </div> </td> <td class="msource"> TreeLoader </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="baseAttrs-header"></a> <b>baseAttrs</b> : Object <div class="mdesc"> <div class="short"> (可選) 一個(gè)對(duì)所有節(jié)點(diǎn)進(jìn)行參數(shù)傳遞的集合對(duì)象。如果已經(jīng)傳遞這個(gè)參數(shù)了... </div> <div class="long"> (可選) 一個(gè)對(duì)所有節(jié)點(diǎn)進(jìn)行參數(shù)傳遞的集合對(duì)象。如果已經(jīng)傳遞這個(gè)參數(shù)了,則他們優(yōu)先。
</div> </div> </td> <td class="msource"> TreeLoader </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="uiProviders-header"></a> <b>uiProviders</b> : Object <div class="mdesc"> <div class="short"> (可選) 一個(gè)針對(duì)制定節(jié)點(diǎn) Ext.tree.TreeNodeUI 進(jìn)... </div> <div class="long"> (可選) 一個(gè)針對(duì)制定節(jié)點(diǎn) <a href="###" onClick="alert('Ext.tree.TreeNodeUI');">Ext.tree.TreeNodeUI</a> 進(jìn)行參數(shù)傳遞的集合對(duì)象。
如果傳入了該<i>uiProvider</i>參數(shù),返回string而非TreeNodeUI對(duì)象
</div> </div> </td> <td class="msource"> TreeLoader </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="clearOnLoad-header"></a> <b>clearOnLoad</b> : Boolean <div class="mdesc"> <div class="short"> (可選) 默認(rèn)為true。 在讀取數(shù)據(jù)前移除已存在的節(jié)點(diǎn)。
</div> <div class="long"> (可選) 默認(rèn)為true。 在讀取數(shù)據(jù)前移除已存在的節(jié)點(diǎn)。
?? 快捷鍵說(shuō)明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -