ExtJs组合框分页工具栏属性

时间:2014-06-23 15:53:51

标签: extjs combobox pagingtoolbar

我在gridpanel编辑器单元格中有远程存储的组合框(我使用rowEditing插件)。使用" pageSize"组合框的属性我在扩展组合框的底部有分页工具栏。

例如: http://docs.sencha.com/extjs/4.2.2/#!/example/form/forum-search.html

我需要更改此分页工具栏的某些属性,例如" beforePageText"," afterPageText"," displayMsg"等等。在gridpanel中,我可以添加dockedItems并设置任何属性,但是组合框呢?它没有配置。

感谢所有回复和帮助。

var store = Ext.create('Ext.data.ArrayStore', {
                        fields: ['ID', 'NAME'],
                        pageSize: 10,
                        autoLoad: false,
                        proxy: {
                            type: 'ajax',
                            url: 'someurl'
                            reader: {
                                type: 'json',
                                root: 'data'
                            }
                        }
                    });

//And properties of my column editor

gridColumn.editor.xtype = 'combobox';
gridColumn.editor.store = store;
//with this we have pagingtoolbar at the bottom of combobox
gridColumn.editor.pageSize = 20;
gridColumn.editor.valueField = 'ID';
gridColumn.editor.displayField = 'ID';

1 个答案:

答案 0 :(得分:3)

不幸的是,不容易配置分页工具栏。分页是作为BoundList创建(即组合选择器)的一部分创建的,并且没有任何配置选项。请参阅BoundList源:

createPagingToolbar: function() {
    return Ext.widget('pagingtoolbar', {
        id: this.id + '-paging-toolbar',
        pageSize: this.pageSize,
        store: this.dataSource,
        border: false,
        ownerCt: this,
        ownerLayout: this.getComponentLayout()
    });
}

您可以在组合上配置自己的picker,但它没有记录配置选项,或者您可以覆盖createPicker()方法 - 也没有记录。