在 ExtJS4 网格面板中获取对分页文本字段的引用

Posted 2023-02-22

【中文标题】在 ExtJS4 网格面板中获取对分页文本字段的引用

【英文标题】：Getting reference to paging textfield in ExtJS4 Grid Panel

【发布时间】：2012-02-14 10:36:53

【问题描述】：

我浏览了 Sencha 网站上的 API，四处搜索并修改了代码，但我只是找不到如何处理工具栏中的文本字段。我想将一个事件绑定到它。到目前为止我已经尝试过了，

Ext.getCmp('numberfield-1028-bodyEl').addListener('activate', function()
    alert('activated');
);

其中 'numberfield-1028-bodyEl' 是元素 id（我是通过使用 firebug 得到的）。有什么想法吗？

【参考方案1】：

您可以使用down( [String selector] ) 方法访问所需的文本字段（参数是组件选择器，它允许通过其xtype 并使用与CSS 选择器类似的语法来搜索所需的组件。更多信息here）

var grid = Ext.create('Ext.grid.Panel',  /* ... */ );

grid.down('pagingtoolbar > textfield').addListener('activate', function()
    alert('activated');
);