ext.grid.propertygrid.html.svn-base

来自「PHP 知识管理系统（基于树结构的知识管理系统）, 英文原版的PHP源码。」· SVN-BASE 代码 · 共 846 行 · 第 1/5 页

        <div class="body-wrap">
        <div class="top-tools">
            <a class="inner-link" href="#Ext.grid.PropertyGrid-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>
            <a class="inner-link" href="#Ext.grid.PropertyGrid-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>
            <a class="inner-link" href="#Ext.grid.PropertyGrid-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>
                            <a class="inner-link" href="#Ext.grid.PropertyGrid-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>
                        <a class="bookmark" href="../docs/?class=Ext.grid.PropertyGrid"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>
        </div>
                <div class="inheritance res-block">
<pre class="res-block-inner"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a>
  <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Component" ext:member="" href="output/Ext.Component.html">Component</a>
    <img src="resources/elbow-end.gif"/><a ext:cls="Ext.BoxComponent" ext:member="" href="output/Ext.BoxComponent.html">BoxComponent</a>
      <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Container" ext:member="" href="output/Ext.Container.html">Container</a>
        <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Panel" ext:member="" href="output/Ext.Panel.html">Panel</a>
          <img src="resources/elbow-end.gif"/><a ext:cls="Ext.grid.GridPanel" ext:member="" href="output/Ext.grid.GridPanel.html">GridPanel</a>
            <img src="resources/elbow-end.gif"/><a ext:cls="Ext.grid.EditorGridPanel" ext:member="" href="output/Ext.grid.EditorGridPanel.html">EditorGridPanel</a>
              <img src="resources/elbow-end.gif"/>PropertyGrid</pre></div>
                <h1>Class Ext.grid.PropertyGrid</h1>
        <table cellspacing="0">
            <tr><td class="label">Package:</td><td class="hd-info">Ext.grid</td></tr>
            <tr><td class="label">Defined In:</td><td class="hd-info">PropertyGrid.js</td></tr>
            <tr><td class="label">Class:</td><td class="hd-info">PropertyGrid</td></tr>
                                    <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.grid.EditorGridPanel" ext:member="" href="output/Ext.grid.EditorGridPanel.html">EditorGridPanel</a></td></tr>
                    </table>
        <div class="description">
            A specialized grid implementation intended to mimic the traditional property grid as typically seen in
development IDEs.  Each row in the grid represents a property of some object, and the data is stored
as a set of name/value pairs in <a ext:cls="Ext.grid.PropertyRecord" href="output/Ext.grid.PropertyRecord.html">Ext.grid.PropertyRecord</a>s.  Example usage:
<pre><code>
var grid = new Ext.grid.PropertyGrid({
    title: 'Properties Grid',
    autoHeight: true,
    width: 300,
    renderTo: 'grid-ct',
    source: {
        "(name)": "My Object",
        "Created": new Date(Date.parse('10/15/2006')),
        "Available": false,
        "Version": .01,
        "Description": "A test object"
    }
});</pre></code>        </div>
        
        <div class="hr"></div>
                <a id="Ext.grid.PropertyGrid-configs"></a>
        <h2>Config Options</h2>
        <table cellspacing="0" class="member-table">
            <tr>
                <th class="sig-header" colspan="2">Config Options</th>
                <th class="msource-header">Defined By</th>
            </tr>
                <tr class="config-row inherited expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.grid.PropertyGrid-animCollapse"></a>
            <b>animCollapse</b> : Boolean            <div class="mdesc">
                        <div class="short">True to animate the transition when the panel is collapsed, false to skip the animation (defaults to true if the Ext....</div>
            <div class="long">
                True to animate the transition when the panel is collapsed, false to skip the animation (defaults to true if the <a ext:cls="Ext.Fx" href="output/Ext.Fx.html">Ext.Fx</a> class is available, otherwise false).            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Panel" ext:member="#animCollapse" href="output/Ext.Panel.html#animCollapse">Panel</a></td>
    </tr>
        <tr class="config-row inherited alt">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.grid.PropertyGrid-autoEncode"></a>
            <b>autoEncode</b> : Boolean            <div class="mdesc">
                            True to automatically HTML encode and decode values pre and post edit (defaults to false)                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.grid.EditorGridPanel" ext:member="#autoEncode" href="output/Ext.grid.EditorGridPanel.html#autoEncode">EditorGridPanel</a></td>
    </tr>
        <tr class="config-row inherited">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.grid.PropertyGrid-autoExpandColumn"></a>
            <b>autoExpandColumn</b> : String            <div class="mdesc">
                            The id of a column in this grid that should expand to fill unused space. This id can not be 0.                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.grid.GridPanel" ext:member="#autoExpandColumn" href="output/Ext.grid.GridPanel.html#autoExpandColumn">GridPanel</a></td>
    </tr>
        <tr class="config-row inherited alt">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.grid.PropertyGrid-autoExpandMax"></a>
            <b>autoExpandMax</b> : Number            <div class="mdesc">
                            The maximum width the autoExpandColumn can have (if enabled). Defaults to 1000.                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.grid.GridPanel" ext:member="#autoExpandMax" href="output/Ext.grid.GridPanel.html#autoExpandMax">GridPanel</a></td>
    </tr>
        <tr class="config-row inherited">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.grid.PropertyGrid-autoExpandMin"></a>
            <b>autoExpandMin</b> : Number            <div class="mdesc">
                            The minimum width the autoExpandColumn can have (if enabled). defaults to 50.                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.grid.GridPanel" ext:member="#autoExpandMin" href="output/Ext.grid.GridPanel.html#autoExpandMin">GridPanel</a></td>
    </tr>
        <tr class="config-row inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.grid.PropertyGrid-autoHeight"></a>
            <b>autoHeight</b> : Boolean            <div class="mdesc">
                        <div class="short">True to use height:'auto', false to use fixed height. Note: although many components inherit this config option, not ...</div>
            <div class="long">
                True to use height:'auto', false to use fixed height. Note: although many components inherit this config option, not all will function as expected with a height of 'auto'. (defaults to false).            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#autoHeight" href="output/Ext.BoxComponent.html#autoHeight">BoxComponent</a></td>
    </tr>
        <tr class="config-row inherited expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.grid.PropertyGrid-autoShow"></a>
            <b>autoShow</b> : Boolean            <div class="mdesc">
                        <div class="short">True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove them on render...</div>
            <div class="long">
                True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove them on render (defaults to false).            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Component" ext:member="#autoShow" href="output/Ext.Component.html#autoShow">Component</a></td>
    </tr>
        <tr class="config-row inherited alt">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.grid.PropertyGrid-baseCls"></a>
            <b>baseCls</b> : String            <div class="mdesc">
                            The base CSS class to apply to this panel's element (defaults to 'x-panel').                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Panel" ext:member="#baseCls" href="output/Ext.Panel.html#baseCls">Panel</a></td>
    </tr>
        <tr class="config-row inherited expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.grid.PropertyGrid-bbar"></a>
            <b>bbar</b> : Object/Array            <div class="mdesc">
                        <div class="short">The bottom toolbar of the panel. This can be a Ext.Toolbar object, a toolbar config, or an array of buttons/button co...</div>
            <div class="long">
                The bottom toolbar of the panel. This can be a <a ext:cls="Ext.Toolbar" href="output/Ext.Toolbar.html">Ext.Toolbar</a> object, a toolbar config, or an array of buttons/button configs to be added to the toolbar. Note that this is not available as a property after render. To access the bottom toolbar after render, use <a ext:cls="Ext.Panel" ext:member="getBottomToolbar" href="output/Ext.Panel.html#getBottomToolbar">getBottomToolbar</a>.            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Panel" ext:member="#bbar" href="output/Ext.Panel.html#bbar">Panel</a></td>
    </tr>
        <tr class="config-row inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.grid.PropertyGrid-border"></a>
            <b>border</b> : Boolean            <div class="mdesc">
                        <div class="short">True to display the borders of the panel's body element, false to hide them (defaults to true). By default, the borde...</div>
            <div class="long">
                True to display the borders of the panel's body element, false to hide them (defaults to true). By default, the border is a 2px wide inset border, but this can be further altered by setting <a ext:cls="Ext.Panel" ext:member="bodyBorder" href="output/Ext.Panel.html#bodyBorder">bodyBorder</a> to false.            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Panel" ext:member="#border" href="output/Ext.Panel.html#border">Panel</a></td>
    </tr>
        <tr class="config-row inherited">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.grid.PropertyGrid-buttonAlign"></a>
            <b>buttonAlign</b> : String            <div class="mdesc">
                            The alignment of any buttons added to this panel. Valid values are 'right,' 'left' and 'center' (defaults to 'right').                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Panel" ext:member="#buttonAlign" href="output/Ext.Panel.html#buttonAlign">Panel</a></td>
    </tr>
        <tr class="config-row inherited alt">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.grid.PropertyGrid-buttons"></a>
            <b>buttons</b> : Array            <div class="mdesc">