Javascript 使用extjs 4.2覆盖pagingtoolbar中的页面输入字段

Javascript 使用extjs 4.2覆盖pagingtoolbar中的页面输入字段,javascript,extjs4,overriding,pagingtoolbar,Javascript,Extjs4,Overriding,Pagingtoolbar,我需要在ExtJS4.2中的pagingtoolbar的页面输入字段中检测页面更改。 我正在浏览文档,但找不到任何方法。我已成功覆盖下一个、上一个和c按钮,但找不到任何可以覆盖页面输入字段的内容。你会怎么做呢?这个例子对我有帮助 在代码中,你可以看到所有的文本,因为它们有setter等 })) 谢谢你的帮助 我还有一个问题,#inputItem字段。什么事件处理回车键?我需要重写这个函数,因为我有一个禁用/启用按钮。我在ExtJS Combobox组件上添加了afterrender liste

我需要在ExtJS4.2中的pagingtoolbar的页面输入字段中检测页面更改。 我正在浏览文档,但找不到任何方法。我已成功覆盖下一个、上一个和c按钮,但找不到任何可以覆盖页面输入字段的内容。你会怎么做呢?

这个例子对我有帮助

在代码中,你可以看到所有的文本,因为它们有setter等

}))

谢谢你的帮助


我还有一个问题,#inputItem字段。什么事件处理回车键?我需要重写这个函数,因为我有一个禁用/启用按钮。

我在ExtJS Combobox组件上添加了afterrender listener。您可以相应地添加以覆盖分页工具栏的输入字段。以下是工作代码:

'afterrender' : function(thisCombo){

    thisCombo.getPicker().pagingToolbar.addListener('change', function() {

        var me = this;

        thisCombo.getPicker().pagingToolbar.child("#inputItem").addListener('specialkey', function(field, e) {
            if (e.getKey() == e.ENTER) { 

                /////   Do your modifications here 

                var inputItem = thisCombo.getPicker().pagingToolbar.child('#inputItem').getValue();

                total = me.getPageData().pageCount;

                if (inputItem <= total) {
                    if (me.fireEvent('beforechange', me, inputItem) !== false) {
                        me.store.inputItemPage({
                            // Enter params 
                        });
                    }
                }

            }
        }); 

    });

}
“afterrender”:函数(thisCombo){
thisCombo.getPicker().pagingToolbar.addListener('change',function()){
var me=这个;
thisCombo.getPicker().pagingToolbar.child(“#inputItem”).addListener('specialkey',函数(字段,e){
如果(e.getKey()==e.ENTER){
/////在这里进行修改
var inputItem=thisCombo.getPicker().pagingToolbar.child('#inputItem').getValue();
总计=me.getPageData().pageCount;

如果(输入项非常感谢!这很有帮助如果您能将其标记为有效答案,我会很高兴:=)单击解决您问题的答案左侧的绿色勾选标记。这会将答案标记为“已接受”,并将问题扩展为“已接受答案”。
'afterrender' : function(thisCombo){

    thisCombo.getPicker().pagingToolbar.addListener('change', function() {

        var me = this;

        thisCombo.getPicker().pagingToolbar.child("#inputItem").addListener('specialkey', function(field, e) {
            if (e.getKey() == e.ENTER) { 

                /////   Do your modifications here 

                var inputItem = thisCombo.getPicker().pagingToolbar.child('#inputItem').getValue();

                total = me.getPageData().pageCount;

                if (inputItem <= total) {
                    if (me.fireEvent('beforechange', me, inputItem) !== false) {
                        me.store.inputItemPage({
                            // Enter params 
                        });
                    }
                }

            }
        }); 

    });

}