Skip to content
WebBuilder 文档

Ext.panel.Table

xtype 为 tablepanel 的 Ext JS 原生组件参考。

Updated View as Markdown

源码定义：ext-all-debug.js:112202。分类：容器、面板与窗口。

创建示例

var component = Ext.create("Ext.panel.Table", {
  xtype: "tablepanel",
  allowDeselect: true,
  colLinesCls: Ext.baseCSSPrefix + 'grid-with-col-lines',
  columnLines: true,
  columns: { /* 配置 */ },
  renderTo: Ext.getBody()
});

属性

属性 类型 默认值 说明 配置示例
allowDeselect Boolean - =false] True to allow deselecting a record. This config is forwarded to Ext.selection.Model#allowDeselect. allowDeselect: true
colLinesCls Mixed Ext.baseCSSPrefix + 'grid-with-col-lines' 配置 colLinesCls 对应的 CSS 类名。 colLinesCls: Ext.baseCSSPrefix + 'grid-with-col-lines'
columnLines Boolean - Adds column line styling columnLines: true
columns Ext.grid.column.Column[]/Object - (required) An array of Ext.grid.column.Column definition objects which define all columns that appear in this grid. Each column definition provides the header text for the column, and a definition of where the data for that column comes from. This can also be a configuration object for a Ext.grid.header.Container which may override certain default configurations if necessary. For example, the special layout may be overridden to use a simpler layout, or one can set default values shared by all columns: columns: { items: [ { text: “Column A”, dataIndex: “field_A” },{ text: “Column B”, dataIndex: “field_B” }, … ], defaults: { flex: 1 } } columns: { /* 配置 */ }
deferRowRender Boolean true =true] Defaults to true to enable deferred row rendering. This allows the View to execute a refresh quickly, with the expensive update of the row structure deferred so that layouts with GridPanels appear, and lay out more quickly. deferRowRender: true
disableSelection Boolean - =false] True to disable selection model. disableSelection: true
emptyCls Mixed Ext.baseCSSPrefix + 'grid-empty' 配置 emptyCls 对应的 CSS 类名。 emptyCls: Ext.baseCSSPrefix + 'grid-empty'
emptyText String - Default text (HTML tags are accepted) to display in the Panel body when the Store is empty. When specified, and the Store is empty, the text will be rendered inside a DIV with the CSS class “x-grid-empty”. The emptyText will not display until the first load of the associated store by default. If you want the text to be displayed prior to the first store load use the Ext.view.Table#deferEmptyText config in the #viewConfig config. emptyText: "示例值"
enableColumnHide Boolean - =true] False to disable column hiding within this grid. enableColumnHide: true
enableColumnMove Boolean true =true] False to disable column dragging within this grid. enableColumnMove: true
enableColumnResize Boolean true =true] False to disable column resizing within this grid. enableColumnResize: true
enableLocking Boolean false =false] Configure as true to enable locking support for this grid. Alternatively, locking will also be automatically enabled if any of the columns in the #columns configuration contain a Ext.grid.column.Column#locked config option. A locking grid is processed in a special way. The configuration options are cloned and two grids are created to be the locked (left) side and the normal (right) side. This Panel becomes merely a Ext.container.Container which arranges both in an Ext.layout.container.HBox layout. #plugins may be targeted at either locked, or unlocked grid, or, both, in which case the plugin is cloned and used on both sides. Plugins may also be targeted at the containing locking Panel. This is configured by specifying a lockableScope property in your plugin which may have the following values: * "both" (the default) - The plugin is added to both grids * "top" - The plugin is added to the containing Panel * "locked" - The plugin is added to the locked (left) grid * "normal" - The plugin is added to the normal (right) grid If both is specified, then each copy of the plugin gains a property lockingPartner which references its sibling on the other side so that they can synchronize operations is necessary. #features may also be configured with lockableScope and may target the locked grid, the normal grid or both grids. Features also get a lockingPartner reference injected. enableLocking: false
extraBaseCls Mixed Ext.baseCSSPrefix + 'grid' 配置 extraBaseCls 对应的 CSS 类名。 extraBaseCls: Ext.baseCSSPrefix + 'grid'
extraBodyCls Mixed Ext.baseCSSPrefix + 'grid-body' 配置 extraBodyCls 对应的 CSS 类名。 extraBodyCls: Ext.baseCSSPrefix + 'grid-body'
features Ext.grid.feature.Feature[]/Object[]/Ext.enums.Feature[] - An array of grid Features to be added to this grid. Can also be just a single feature instead of array. Features config behaves much like #plugins. A feature can be added by either directly referencing the instance: features: [Ext.create(‘Ext.grid.feature.GroupingSummary’, {groupHeaderTpl: ‘Subject: {name}’})], By using config object with ftype: features: [{ftype: ‘groupingsummary’, groupHeaderTpl: ‘Subject: {name}’}], Or with just a ftype: features: [‘grouping’, ‘groupingsummary’], See Ext.enums.Feature for list of all ftypes. features: { /* 配置 */ }
forceFit Boolean - True to force the columns to fit into the available width. Headers are first sized according to configuration, whether that be a specific width, or flex. Then they are all proportionally changed in width so that the entire content width is used. For more accurate control, it is more optimal to specify a flex setting on the columns that are to be stretched & explicit widths on columns that are not. forceFit: true
hasView Boolean false 控制是否启用 hasView 行为。 hasView: false
hiddenHeaderCls Mixed Ext.baseCSSPrefix + 'grid-header-hidden' 配置 hiddenHeaderCls 对应的 CSS 类名。 hiddenHeaderCls: Ext.baseCSSPrefix + 'grid-header-hidden'
hiddenHeaderCtCls Mixed Ext.baseCSSPrefix + 'grid-header-ct-hidden' 配置 hiddenHeaderCtCls 对应的 CSS 类名。 hiddenHeaderCtCls: Ext.baseCSSPrefix + 'grid-header-ct-hidden'
hideHeaders Boolean - =false] True to hide column headers. hideHeaders: true
layout String 'fit' 容器对子组件进行排布的布局配置。 layout: 'fit'
multiColumnSort Boolean false =false] Configure as true to have columns remember their sorted state after other columns have been clicked upon to sort. As subsequent columns are clicked upon, they become the new primary sort key. The maximum number of sorters allowed in a Store is configurable. See Ext.data.Store#multiSortLimit multiColumnSort: false
multiSelect Boolean - =false] True to enable ‘MULTI’ selection mode on selection model. multiSelect: true
noRowLinesCls Mixed Ext.baseCSSPrefix + 'grid-no-row-lines' 配置 noRowLinesCls 对应的 CSS 类名。 noRowLinesCls: Ext.baseCSSPrefix + 'grid-no-row-lines'
onHeaderResize Mixed Ext.emptyFn 配置 onHeaderResize 回调函数。 onHeaderResize: Ext.emptyFn
onStoreLoad Mixed Ext.emptyFn 配置 onStoreLoad 回调函数。 onStoreLoad: Ext.emptyFn
resizeMarkerCls Mixed Ext.baseCSSPrefix + 'grid-resize-marker' 配置 resizeMarkerCls 对应的 CSS 类名。 resizeMarkerCls: Ext.baseCSSPrefix + 'grid-resize-marker'
restoreScrollPos Mixed Ext.emptyFn 配置组件的 restoreScrollPos 选项。 restoreScrollPos: Ext.emptyFn
rowLines Boolean true =true] Adds row line styling rowLines: true
rowLinesCls Mixed Ext.baseCSSPrefix + 'grid-with-row-lines' 配置 rowLinesCls 对应的 CSS 类名。 rowLinesCls: Ext.baseCSSPrefix + 'grid-with-row-lines'
saveScrollPos Mixed Ext.emptyFn 配置组件的 saveScrollPos 选项。 saveScrollPos: Ext.emptyFn
scroll String/Boolean true Scrollers configuration. Valid values are ‘both’, ‘horizontal’ or ‘vertical’. True implies ‘both’. False implies ‘none’. scroll: true
scrollerOwner Boolean true 控制是否启用 scrollerOwner 行为。 scrollerOwner: true
sealedColumns Boolean false =false] True to constrain column dragging so that a column cannot be dragged in or out of it’s current group. Only relevant while #enableColumnMove is enabled. sealedColumns: false
selModel Ext.selection.Model/Object - A Ext.selection.Model instance or config object. In latter case the #selType config option determines to which type of selection model this config is applied. selModel: { /* 配置 */ }
selType String 'rowmodel' ] An xtype of selection model to use. This is used to create selection model if just a config object or nothing at all given in #selModel config. selType: 'rowmodel'
setAutoScroll Mixed Ext.emptyFn 配置组件的 setAutoScroll 选项。 setAutoScroll: Ext.emptyFn
simpleSelect Boolean - =false] True to enable ‘SIMPLE’ selection mode on selection model. simpleSelect: true
sortableColumns Boolean true =true] False to disable column sorting via clicking the header and via the Sorting menu items. sortableColumns: true
store Ext.data.Store - (required) The Ext.data.Store the grid should use as its data source. store: { /* 配置 */ }
verticalScroller Object - A config object to be used when configuring the Ext.grid.plugin.BufferedRenderer to control refreshing of data in an “infinite grid”. Configurations of this object allow fine tuning of data caching which can improve performance and usability of the infinite grid. verticalScroller: { /* 配置 */ }
view Ext.view.Table - .Table} view The Ext.view.Table used by the grid. Use #viewConfig to just supply some config options to view (instead of creating an entire View instance). view: { /* 配置 */ }
viewConfig Object - A config object that will be applied to the grid’s UI view. Any of the config options available for Ext.view.Table can be specified here. This option is ignored if #view is specified. viewConfig: { /* 配置 */ }
viewType String null An xtype of view to use. This is automatically set to ‘gridview’ by Ext.grid.Panel and to ‘treeview’ by Ext.tree.Panel. viewType: null

方法

方法 参数 说明 调用示例
initComponent `` 初始化组件及其子项。 执行时会保留父类默认行为、更新 originRawCols、columns 状态。源码涉及 constructPlugins()、addBodyCls()、hasLockedColumns()、injectLockable()。 component.initComponent()
hasLockedColumns columns 检查是否存在 lockedColumns。 component.hasLockedColumns(...)
relayHeaderCtEvents headerCt 转发 headerCtEvents。源码涉及 relayEvents()。 component.relayHeaderCtEvents(...)
getState `` 读取并返回 state。 执行时会保留父类默认行为。源码涉及 callParent()、addPropertyToState()。 component.getState()
applyState state 应用 state。 执行时会保留父类默认行为。源码涉及 callParent()。 component.applyState(...)
getStore `` 读取并返回 store。 component.getStore()
getView `` 读取并返回 view。 执行时会派发 viewcreated 事件。源码涉及 getSelectionModel()、mon()、fireEvent()。 component.getView()
getColumnManager `` 读取并返回 columnManager。 component.getColumnManager()
getVisibleColumnManager `` 读取并返回 visibleColumnManager。 component.getVisibleColumnManager()
getTopLevelColumnManager `` 读取并返回 topLevelColumnManager。源码涉及 getColumnManager()。 component.getTopLevelColumnManager()
getTopLevelVisibleColumnManager `` 读取并返回 topLevelVisibleColumnManager。源码涉及 getVisibleColumnManager()。 component.getTopLevelVisibleColumnManager()
processEvent type, view, cell, recordIndex, cellIndex, e, record, row 处理 event。源码涉及 getColumnManager()。 component.processEvent(...)
getSelection `` 读取并返回 selection。 component.getSelection()
setSelection records, keepExisting, suppressEvent 设置 selection。 component.setSelection(...)
determineScrollbars `` 处理 determineScrollbars 操作。 component.determineScrollbars()
invalidateScroller `` 处理 invalidateScroller 操作。 component.invalidateScroller()
scrollByDeltaY yDelta, animate 滚动到 byDeltaY。源码涉及 getView()。 component.scrollByDeltaY(...)
scrollByDeltaX xDelta, animate 滚动到 byDeltaX。源码涉及 getView()。 component.scrollByDeltaX(...)
afterCollapse `` 在 collapse 后执行后处理。 执行时会保留父类默认行为。源码涉及 saveScrollPos()、callParent()。 component.afterCollapse()
afterExpand `` 在 expand 后执行后处理。 执行时会保留父类默认行为。源码涉及 callParent()、restoreScrollPos()。 component.afterExpand()
onHeaderMove headerCt, header, colsToMove, fromIdx, toIdx 处理 headerMove 回调。源码涉及 delayScroll()。 component.onHeaderMove(...)
onHeaderHide headerCt, header 处理 headerHide 回调。 component.onHeaderHide(...)
onHeaderShow headerCt, header 处理 headerShow 回调。 component.onHeaderShow(...)
onHeadersChanged headerCt, header 处理 headersChanged 回调。源码涉及 delayScroll()。 component.onHeadersChanged(...)
delayScroll `` 处理 delayScroll 操作。源码涉及 getScrollTarget()。 component.delayScroll()
onViewReady `` 处理 viewReady 回调。 执行时会派发 viewready 事件。源码涉及 fireEvent()。 component.onViewReady()
onRestoreHorzScroll `` 处理 restoreHorzScroll 回调。 执行时会同步关联状态。源码涉及 syncHorizontalScroll()。 component.onRestoreHorzScroll()
getScrollerOwner `` 读取并返回 scrollerOwner。源码涉及 up()。 component.getScrollerOwner()
getLhsMarker `` 读取并返回 lhsMarker。 执行时会更新 lhsMarker 状态。 component.getLhsMarker()
getRhsMarker `` 读取并返回 rhsMarker。 执行时会更新 rhsMarker 状态。 component.getRhsMarker()
getSelectionModel `` 读取并返回 selectionModel。 执行时会更新 selModel 状态。源码涉及 relayEvents()。 component.getSelectionModel()
getScrollTarget `` 读取并返回 scrollTarget。源码涉及 getScrollerOwner()。 component.getScrollTarget()
onHorizontalScroll event, target 处理 horizontalScroll 回调。 执行时会同步关联状态。源码涉及 syncHorizontalScroll()。 component.onHorizontalScroll(...)
syncHorizontalScroll target, setBody 同步 horizontalScroll。 执行时会更新 scrollLeft 状态。源码涉及 getScrollTarget()。 component.syncHorizontalScroll(...)
getEditorParent `` 读取并返回 editorParent。 component.getEditorParent()
bindStore store, initial 绑定 store。 执行时会更新 store、verticalScroller 状态。源码涉及 getView()、findPlugin()、addPlugin()、mon()。 component.bindStore(...)
unbindStore `` 解除 store 绑定。 执行时会更新 store 状态。源码涉及 mun()。 component.unbindStore()
reconfigure store, columns Reconfigures the grid / tree with a new store/columns. Either the store or the columns can be omitted if you don’t wish to change them. The #enableLocking config should be set to true before the reconfigure method is executed if locked columns are intended to be used. component.reconfigure(...)
beforeDestroy `` 在 destroy 前执行预处理。 执行时会保留父类默认行为、更新 scrollTask 状态。源码涉及 callParent()。 component.beforeDestroy()
onDestroy `` 处理 destroy 回调。 执行时会保留父类默认行为、更新 columns、storeRelayers 状态。源码涉及 destroyLockable()、callParent()。 component.onDestroy()
destroy `` 销毁组件并释放关联资源。 执行时会保留父类默认行为、更新 view、selModel 状态。源码涉及 callParent()。 component.destroy()

事件

事件 说明 监听示例
beforecellclick 用户点击单元格之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecellclick: function () {} }
beforecellcontextmenu 用户打开上下文菜单单元格之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecellcontextmenu: function () {} }
beforecelldblclick 用户双击单元格之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecelldblclick: function () {} }
beforecellkeydown 用户按下按键单元格之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecellkeydown: function () {} }
beforecellmousedown 用户按下鼠标按钮单元格之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecellmousedown: function () {} }
beforecellmouseup 用户松开鼠标按钮单元格之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecellmouseup: function () {} }
beforecontainerclick 用户点击视图容器区域之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecontainerclick: function () {} }
beforecontainercontextmenu 用户打开上下文菜单视图容器区域之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecontainercontextmenu: function () {} }
beforecontainerdblclick 用户双击视图容器区域之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecontainerdblclick: function () {} }
beforecontainerkeydown 用户按下按键视图容器区域之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecontainerkeydown: function () {} }
beforecontainermousedown 用户按下鼠标按钮视图容器区域之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecontainermousedown: function () {} }
beforecontainermouseout 用户移出视图容器区域之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecontainermouseout: function () {} }
beforecontainermouseover 用户悬停视图容器区域之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecontainermouseover: function () {} }
beforecontainermouseup 用户松开鼠标按钮视图容器区域之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforecontainermouseup: function () {} }
beforedeselect 执行 deselect 对应的默认操作之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforedeselect: function () {} }
beforeitemclick 用户点击数据项之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforeitemclick: function () {} }
beforeitemcontextmenu 用户打开上下文菜单数据项之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforeitemcontextmenu: function () {} }
beforeitemdblclick 用户双击数据项之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforeitemdblclick: function () {} }
beforeitemkeydown 用户按下按键数据项之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforeitemkeydown: function () {} }
beforeitemmousedown 用户按下鼠标按钮数据项之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforeitemmousedown: function () {} }
beforeitemmouseenter 用户移入数据项之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforeitemmouseenter: function () {} }
beforeitemmouseleave 用户移出数据项之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforeitemmouseleave: function () {} }
beforeitemmouseup 用户松开鼠标按钮数据项之前触发；监听器返回 false 可取消默认处理。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforeitemmouseup: function () {} }
beforeselect 选中值或记录之前触发，可用于取消选择。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { beforeselect: function () {} }
cellclick 用户点击单元格时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { cellclick: function () {} }
cellcontextmenu 用户打开上下文菜单单元格时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { cellcontextmenu: function () {} }
celldblclick 用户双击单元格时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { celldblclick: function () {} }
cellkeydown 用户按下按键单元格时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { cellkeydown: function () {} }
cellmousedown 用户按下鼠标按钮单元格时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { cellmousedown: function () {} }
cellmouseup 用户松开鼠标按钮单元格时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { cellmouseup: function () {} }
columnhide 表格列隐藏后触发。 源码通过 relayEvents() 将 headerCt 的同名事件转发到当前组件。 listeners: { columnhide: function () {} }
columnmove 表格列位置改变后触发。 源码通过 relayEvents() 将 headerCt 的同名事件转发到当前组件。 listeners: { columnmove: function () {} }
columnresize 表格列宽度改变后触发。 源码通过 relayEvents() 将 headerCt 的同名事件转发到当前组件。 listeners: { columnresize: function () {} }
columnschanged 表格列集合变化后触发。 源码通过 relayEvents() 将 headerCt 的同名事件转发到当前组件。 listeners: { columnschanged: function () {} }
columnshow 表格列显示后触发。 源码通过 relayEvents() 将 headerCt 的同名事件转发到当前组件。 listeners: { columnshow: function () {} }
containerclick 用户点击视图容器区域时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { containerclick: function () {} }
containercontextmenu 用户打开上下文菜单视图容器区域时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { containercontextmenu: function () {} }
containerdblclick 用户双击视图容器区域时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { containerdblclick: function () {} }
containerkeydown 用户按下按键视图容器区域时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { containerkeydown: function () {} }
containermousedown 用户按下鼠标按钮视图容器区域时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { containermousedown: function () {} }
containermouseout 用户移出视图容器区域时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { containermouseout: function () {} }
containermouseover 用户悬停视图容器区域时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { containermouseover: function () {} }
containermouseup 用户松开鼠标按钮视图容器区域时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { containermouseup: function () {} }
deselect 记录或值被取消选中时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { deselect: function () {} }
filterchange 筛选条件变化后触发。 源码通过 relayEvents() 将 store 的同名事件转发到当前组件。 listeners: { filterchange: function () {} }
groupchange 分组状态变化后触发。 源码通过 relayEvents() 将 store 的同名事件转发到当前组件。 listeners: { groupchange: function () {} }
headerclick 用户点击表格列表头时触发。 源码通过 relayEvents() 将 headerCt 的同名事件转发到当前组件。 listeners: { headerclick: function () {} }
headercontextmenu 用户打开列表头上下文菜单时触发。 源码通过 relayEvents() 将 headerCt 的同名事件转发到当前组件。 listeners: { headercontextmenu: function () {} }
headertriggerclick 用户点击列表头菜单触发器时触发。 源码通过 relayEvents() 将 headerCt 的同名事件转发到当前组件。 listeners: { headertriggerclick: function () {} }
itemclick 用户点击子项时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { itemclick: function () {} }
itemcontextmenu 用户打开上下文菜单数据项时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { itemcontextmenu: function () {} }
itemdblclick 用户双击子项时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { itemdblclick: function () {} }
itemkeydown 用户按下按键数据项时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { itemkeydown: function () {} }
itemmousedown 用户按下鼠标按钮数据项时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { itemmousedown: function () {} }
itemmouseenter 用户移入数据项时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { itemmouseenter: function () {} }
itemmouseleave 用户移出数据项时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { itemmouseleave: function () {} }
itemmouseup 用户松开鼠标按钮数据项时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { itemmouseup: function () {} }
reconfigure 组件重新配置数据源或列模型后触发。 源码在 reconfigure() 中通过 fireEvent() 触发。 listeners: { reconfigure: function () {} }
select 用户选中值或记录时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { select: function () {} }
selectionchange 选中记录集合发生变化时触发。 源码通过 relayEvents() 将 me.view 的同名事件转发到当前组件。 listeners: { selectionchange: function () {} }
sortchange 排序状态变化后触发。 源码通过 relayEvents() 将 headerCt 的同名事件转发到当前组件。 listeners: { sortchange: function () {} }
viewready Fires when the grid view is available (use this for selecting a default row). listeners: { viewready: function () {} }
Navigation

Type to search…

↑↓ navigate↵ selectEsc close