ext.tree.treeloader.html

Ext中文API,学习ext的同志只要你学会ext里的一种控件后其实其他的就大同小异了

<!--
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">
        树加载器（TreeLoader）的目的是从URL延迟加载树节点<a href="###" onClick="alert('Ext.tree.TreeNode');">Ext.tree.TreeNode</a>的子节点。
  返回值必须是以树格式的javascript数组。
  例如:
  <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>
  向服务端发送请求后，只有当展开时才会读取子节点信息。
  需要取值的节点id被传到服务端并用于产生正确子节点。
  <br><br>
  当需要传递更多的参数时，可以把一个事件句柄邦定在"beforeload"事件上，
  然后把数据放到TreeLoader的baseParams属性上：
  <pre><code>
    myTreeLoader.on("beforeload", function(treeLoader, node) {
        this.baseParams.category = node.attributes.category;
    }, this);
</code></pre>
  如上代码，将会传递一个该节点的，名为"category"的参数到服务端上
    </div>
    <div class="hr">
    </div>
    <a id="Ext.tree.TreeLoader-configs"></a>
    <h2>配置项</h2>
    
        <table cellspacing="0" class="member-table">
            <tr>
                <th class="sig-header" colspan="2">
                    配置项
                </th>
                <th class="msource-header">
                    定义者
                </th>
            </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="dataUrl-header"></a>
                        <b>dataUrl</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                进行请求的URL。
 
                            </div>
                            <div class="long">
                                进行请求的URL。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TreeLoader
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="requestMethod-header"></a>
                        <b>requestMethod</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                下载数据的HTTP请求方法（默认Ext.Ajax#method的值）。
 
                            </div>
                            <div class="long">
                                下载数据的HTTP请求方法（默认<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">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="url-header"></a>
                        <b>url</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                相当于{@link #dataUrl}.
 
                            </div>
                            <div class="long">
                                相当于{@link #dataUrl}.
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TreeLoader
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="preloadChildren-header"></a>
                        <b>preloadChildren</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                若为true，则loader在节点第一次访问时加载"children"... 
                            </div>
                            <div class="long">
                                若为true，则loader在节点第一次访问时加载"children"的属性。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TreeLoader
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="baseParams-header"></a>
                        <b>baseParams</b>
                        : Object
                        <div class="mdesc">
                            <div class="short">
                                (可选) 一个分别对每个节点进行参数传递的集合对象。
 
                            </div>
                            <div class="long">
                                (可选) 一个分别对每个节点进行参数传递的集合对象。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TreeLoader
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="baseAttrs-header"></a>
                        <b>baseAttrs</b>
                        : Object
                        <div class="mdesc">
                            <div class="short">
                                (可选) 一个对所有节点进行参数传递的集合对象。如果已经传递这个参数了... 
                            </div>
                            <div class="long">
                                (可选) 一个对所有节点进行参数传递的集合对象。如果已经传递这个参数了，则他们优先。
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TreeLoader
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="uiProviders-header"></a>
                        <b>uiProviders</b>
                        : Object
                        <div class="mdesc">
                            <div class="short">
                                (可选) 一个针对制定节点 Ext.tree.TreeNodeUI 进... 
                            </div>
                            <div class="long">
                                (可选) 一个针对制定节点 <a href="###" onClick="alert('Ext.tree.TreeNodeUI');">Ext.tree.TreeNodeUI</a> 进行参数传递的集合对象。
    如果传入了该<i>uiProvider</i>参数，返回string而非TreeNodeUI对象
 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            TreeLoader
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="clearOnLoad-header"></a>
                        <b>clearOnLoad</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                (可选) 默认为true。 在读取数据前移除已存在的节点。
 
                            </div>
                            <div class="long">
                                (可选) 默认为true。 在读取数据前移除已存在的节点。