📄 ext.grid.groupingview.html
字号:
<a id="ignoreAdd-header"></a> <b>ignoreAdd</b> : Boolean <div class="mdesc"> <div class="short"> True to skip refreshing the view wh... </div> <div class="long"> True to skip refreshing the view when new rows are added (defaults to false)
</div> </div> </td> <td class="msource"> GroupingView </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="groupTextTpl-header"></a> <b>groupTextTpl</b> : String <div class="mdesc"> <div class="short"> The template used to render the gro... </div> <div class="long"> The template used to render the group header. This is used to
format an object which contains the following properties:
<div class="mdetail-params"><ul>
<li><b>group</b> : String<p class="sub-desc">The <i>rendered</i> value of the group field.
By default this is the unchanged value of the group field. If a <a href="###" onClick="alert('#groupRenderer');">#groupRenderer</a>
is specified, it is the result of a call to that.</p></li>
<li><b>gvalue</b> : Object<p class="sub-desc">The <i>raw</i> value of the group field.</p></li>
<li><b>text</b> : String<p class="sub-desc">The configured <a href="###" onClick="alert('#header');">#header</a> (If
<a href="###" onClick="alert('#showGroupName');">#showGroupName</a> is true) plus the <i>rendered</i>group field value.</p></li>
<li><b>groupId</b> : String<p class="sub-desc">A unique, generated ID which is applied to the
View Element which contains the group.</p></li>
<li><b>startRow</b> : Number<p class="sub-desc">The row index of the Record which caused group change.</p></li>
<li><b>rs</b> : Array<p class="sub-desc">.Contains a single element: The Record providing the data
for the row which caused group change.</p></li>
<li><b>cls</b> : String<p class="sub-desc">The generated class name string to apply to the group header Element.</p></li>
<li><b>style</b> : String<p class="sub-desc">The inline style rules to apply to the group header Element.</p></li>
</ul></div></p>
See <a href="###" onClick="alert('Ext.XTemplate');">Ext.XTemplate</a> for information on how to format data using a template.
</div> </div> </td> <td class="msource"> GroupingView </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="groupRenderer-header"></a> <b>groupRenderer</b> : Function <div class="mdesc"> <div class="short"> The function used to format the gro... </div> <div class="long"> The function used to format the grouping field value for
display in the group header. Should return a string value. This takes the following parameters:
<div class="mdetail-params"><ul>
<li><b>v</b> : Object<p class="sub-desc">The new value of the group field.</p></li>
<li><b>unused</b> : undefined<p class="sub-desc">Unused parameter.</p></li>
<li><b>r</b> : Ext.data.Record<p class="sub-desc">The Record providing the data
for the row which caused group change.</p></li>
<li><b>rowIndex</b> : Number<p class="sub-desc">The row index of the Record which caused group change.</p></li>
<li><b>colIndex</b> : Number<p class="sub-desc">The column index of the group field.</p></li>
<li><b>ds</b> : Ext.data.Store<p class="sub-desc">The Store which is providing the data Model.</p></li>
</ul></div></p>
</div> </div> </td> <td class="msource"> GroupingView </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="header-header"></a> <b>header</b> : String <div class="mdesc"> <div class="short"> The text with which to prefix the g... </div> <div class="long"> The text with which to prefix the group field value in the group header line.
</div> </div> </td> <td class="msource"> GroupingView </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="groupByText-header"></a> <b>groupByText</b> : String <div class="mdesc"> <div class="short"> Text displayed in the grid header m... </div> <div class="long"> Text displayed in the grid header menu for grouping by a column
(defaults to 'Group By This Field').
</div> </div> </td> <td class="msource"> GroupingView </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="showGroupsText-header"></a> <b>showGroupsText</b> : String <div class="mdesc"> <div class="short"> Text displayed in the grid header f... </div> <div class="long"> Text displayed in the grid header for enabling/disabling grouping
(defaults to 'Show in Groups').
</div> </div> </td> <td class="msource"> GroupingView </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="enableRowBody-header"></a> <b>enableRowBody</b> : Boolean <div class="mdesc"> <div class="short"> True to add a second TR element per... </div> <div class="long"> True to add a second TR element per row that can be used to provide a row body that spans beneath the data row.Use the {@link #getRowClass} method's rowParams config to customize the row body. True表示为在每一数据行的下方加入一个TR的元素,为行部分提供位置。应使用{@link #getRowClass}方法的rowParams的配置自定义行部分。 </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.grid.GridView" ext:member="#method-enableRowBody" href="output/Ext.grid.GridView.html#method-enableRowBody"> GridView </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="emptyText-header"></a> <b>emptyText</b> : String <div class="mdesc"> <div class="short"> Default text to display in the grid... </div> <div class="long"> Default text to display in the grid body when no rows are available (defaults to ''). 当GRID没有一行可供显示时出现在body的提示文本(默认为"")。 </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.grid.GridView" ext:member="#method-emptyText" href="output/Ext.grid.GridView.html#method-emptyText"> GridView </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="autoFill-header"></a> <b>autoFill</b> : Boolean <div class="mdesc"> <div class="short"> True to auto expand the columns to ... </div> <div class="long"> True to auto expand the columns to fit the grid <b>when the grid is created</b>. True表示为<b>当GRID创建后</b>自动展开各列,自适应整个GRID。 </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.grid.GridView" ext:member="#method-autoFill" href="output/Ext.grid.GridView.html#method-autoFill"> GridView </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="forceFit-header"></a> <b>forceFit</b> : Boolean <div class="mdesc"> <div class="short"> True to auto expand/contract the si... </div> <div class="long"> True to auto expand/contract the size of the columns to fit the grid width and prevent horizontal scrolling. True表示除了auto expand(自动展开)外,还会对超出的部分进行缩减,让每一列的尺寸适应GRID的宽度大小,阻止水平滚动条的出现。 </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--> <a ext:cls="Ext.grid.GridView" ext:member="#method-forceFit" href="output/Ext.grid.GridView.html#method-forceFit"> GridView </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="listeners-header"></a> <b>listeners</b> : Object <div class="mdesc"> <div class="short"> 一个配置项对象,可方便在该对象初始化时便加入多个事件处理函数。 这应该... </div> <div class="long"> 一个配置项对象,可方便在该对象初始化时便加入多个事件处理函数。 这应该是一个如<a href="###" onClick="alert('#addListener');">#addListener</a>有效的配置项对象,即可一次过加入多个事件处理函数。 </div> </div> </td>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -