ext.xtemplate.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.XTemplate-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.XTemplate-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.XTemplate-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.XTemplate-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.XTemplate"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.XTemplate</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">
                XTemplate.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.XTemplate
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Object
            </td>
        </tr>
    </table>
    <div class="description">
        <p>支持高级功能的模板类，
 如自动数组输出、条件判断、子模板、基本数学运行、特殊内建的模板变量，
 直接执行代码和更多的功能。XTemplate亦提供相应的机制整合到 <a href="###" onClick="alert('Ext.DataView');">Ext.DataView</a>.
 </p>
 <p>XTemplate有些特殊的标签和内建的操作运算符，是模板创建时生成的，不属于API条目的一部分。
 下面的例子就演示了这些特殊部分的用法。每一个例子使用的数据对象如下：</p>
 <pre><code>
var data = {
    name: 'Jack Slocum',
    title: 'Lead Developer',
    company: 'Ext JS, LLC',
    email: 'jack
    </div>
    <div class="hr">
    </div>
    <a id="Ext.XTemplate-configs"></a>
    <h2>配置项</h2>
    
    
        这个类没有配置项。
    
	<a id="Ext.XTemplate-props"></a>
    <h2>公告属性</h2>
    
    
        这个类没有公告属性。
    
    <a id="Ext.XTemplate-methods"></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="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="XTemplate-XTemplate"></a>
                        <b>XTemplate</b>
                        (
                        
                            
                                <code>
                                    String/Array/Object parts
                                </code>
                            
                        )
                        
                            : Ext.XTemplate
                        
                        <div class="mdesc">
                            <div class="short">
                                构造器 
                            </div>
                            <div class="long">
                                构造器
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    parts
                                                </code> : String/Array/Object
                                                <div class="sub-desc">
                                                    HTML判断或片断组成的数组，或多个参数然后执行join("")。
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.XTemplate
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        XTemplate
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="apply-apply"></a>
                        <b>apply</b>
                        (
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                
 #applyTemplate的简写方式。
 
                            </div>
                            <div class="long">
                                
 <a href="###" onClick="alert('#applyTemplate');">#applyTemplate</a>的简写方式。
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        XTemplate
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="applyTemplate-applyTemplate"></a>
                        <b>applyTemplate</b>
                        (
                        
                            
                                <code>
                                    Object/Array values
                                </code>
                            
                        )
                        
                            : String
                        
                        <div class="mdesc">
                            <div class="short">
                                
 返回HTML片断,这块片断是由数据填充模板之后而成的。
 
                            </div>
                            <div class="long">
                                
 返回HTML片断,这块片断是由数据填充模板之后而成的。
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    values
                                                </code> : Object/Array
                                                <div class="sub-desc">
                                                    模板填充值。该参数可以是一个数组(如果参数是数值型,如{0},或是一个对象,如{foo: 'bar'}.
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                String
                                            </code>
                                            HTML片断
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        XTemplate
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="compile-compile"></a>
                        <b>compile</b>
                        (
                        )
                        
                            : Function
                        
                        <div class="mdesc">
                            <div class="short">
                                
 把这个模板编译为一个函数，推荐多次使用这个模板时用这个方法，以提供... 
                            </div>
                            <div class="long">
                                
 把这个模板编译为一个函数，推荐多次使用这个模板时用这个方法，以提供性能。
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Function
                                            </code>
                                            编译后的函数
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        XTemplate
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="from-from"></a>
                        <b>from</b>
                        (
                        
                            
                                <code>
                                    Object config
                                </code>
                            
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                
 传入一个元素的值的参数,用于创建模板,（推荐display:non... 
                            </div>
                            <div class="long">
                                
 传入一个元素的值的参数,用于创建模板,（推荐<i>display:none</i> textarea）或innerHTML.
 @returns {Ext.Template} 创建好的模板
 
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    config
                                                </code> : Object
                                                <div class="sub-desc">
                                                    一个配置项对象
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        XTemplate
                        
                    </td>
                </tr>
            
        </table>
    
    
    <a id="Ext.XTemplate-events"></a>
    <a id="Ext.Ajax-events"></a>
    <h2>公告事件</h2>
    
    
        <div class="no-members">
            这个类没公共的事件。
        </div>
    
</div>