ext.domhelper.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.DomHelper-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.DomHelper-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.DomHelper-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.DomHelper-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.DomHelper"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.DomHelper</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">
                DomHelper.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.DomHelper
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Object
            </td>
        </tr>
    </table>
    <div class="description">
        处理DOM或模板（Templates）的实用类。
  能以JavaScript较清晰地编写HTML片段（HTML fragments）或DOM。
  这是一个范例，产生五个子元素的无须列表，追加到当前元素'my-div'：<br>
 <pre><code>
var list = dh.append('my-div', {
    tag: 'ul', cls: 'my-list', children: [
        {tag: 'li', id: 'item0', html: 'List Item 0'},
        {tag: 'li', id: 'item1', html: 'List Item 1'},
        {tag: 'li', id: 'item2', html: 'List Item 2'},
        {tag: 'li', id: 'item3', html: 'List Item 3'},
        {tag: 'li', id: 'item4', html: 'List Item 4'}
    ]
});
 </code></pre>
  更多资讯，请参阅 <a href="http://www.jackslocum.com/yui/2006/10/06/domhelper-create-elements-using-dom-html-fragments-or-templates/">BLOG和一些例子</a>.
  
    </div>
    <div class="hr">
    </div>
    <a id="Ext.DomHelper-configs"></a>
    <h2>配置项</h2>
    
    
        这个类没有配置项。
    
	<a id="Ext.DomHelper-props"></a>
    <h2>公告属性</h2>
    
        <table cellspacing="0" class="member-table">
            <tr>
                <th colspan="2">
                    属性
                </th>
                <th>
                    定义者
                </th>
            </tr>
            
                <tr class="property-row inherited expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="useDom-activeItem"></a>
                        <b>
                        useDom: </b>
                        <div class="mdesc">
                            <div class="short">
                                
 True表示为强制使用DOM而非html片断
  
                            </div>
                            <div class="long">
                                
 True表示为强制使用DOM而非html片断
  
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                    	
						
                        
                        DomHelper
                        
                    </td>
                </tr>
            
        </table>
    
    
    <a id="Ext.DomHelper-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="markup-markup"></a>
                        <b>markup</b>
                        (
                        
                            
                                <code>
                                    Object o
                                </code>
                            
                        )
                        
                            : String
                        
                        <div class="mdesc">
                            <div class="short">
                                
 返回元素的装饰（markup）
 
                            </div>
                            <div class="long">
                                
 返回元素的装饰（markup）
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    o
                                                </code> : Object
                                                <div class="sub-desc">
                                                    DOM对象（包含子孙）
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                String
                                            </code>
                                            */
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        DomHelper
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="applyStyles-applyStyles"></a>
                        <b>applyStyles</b>
                        (
                        
                            
                                <code>
                                    String/HTMLElement el,
                                </code>
                            
                        
                            
                                <code>
                                    String/Object/Function styles
                                </code>
                            
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                
 把指定的样式应用到元素
 
                            </div>
                            <div class="long">
                                
 把指定的样式应用到元素
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    el
                                                </code> : String/HTMLElement
                                                <div class="sub-desc">
                                                    样式所应用的元素
                                                </div>
                                            </li>
                                        
                                            <li>
                                                <code>
                                                    styles
                                                </code> : String/Object/Function
                                                <div class="sub-desc">
                                                    表示样式的特定格式字符串，如“width:100px”，或是对象的形式如{width:"100px"}，或是能返回这些格式的函数
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        DomHelper
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="insertHtml-insertHtml"></a>
                        <b>insertHtml</b>
                        (
                        
                            
                                <code>
                                    String where,
                                </code>
                            
                        
                            
                                <code>
                                    HTMLElement el,
                                </code>