Question

我想创建一个带分页的组合框

这是组合框

Ext.define('BOP.view.dateConsum.DateConsumView',{
extend: 'Ext.container.Container',
config:{
    xtype:'tabpanel',
    title: 'Date consum',
    iconCls: 'x-fa fa-home',
    closable: true,
    layout: 'fit',
    items: [
        {
            xtype: 'combobox',
            fieldLabel: 'Alege furnizorul',
            store: Ext.create('BOP.store.Furnizor'),
            pageSize: true,
            minChars: 1,
            triggerAction: 'query',
            anchor: '100%',
            displayField: 'furn_nume',
            valueField: 'furn_id',
            layout: 'fit',
            width:260,
            height: 50
        }
    ]
    }
});

这是商店

Ext.define('BOP.store.Furnizor', {
extend: 'Ext.data.Store',

    model: 'BOP.model.Furnizor',

    pageSize:15

});

这是模型

Ext.define('BOP.model.Furnizor', {
    extend: 'BOP.model.Base',

fields: [{
    name: 'furn_id',
    type: 'int'
}, {
    name: 'furn_nume',
    type: 'string'
},{
    name: 'furn_cod_sap',
    type: 'string'
}],

proxy: {
    url: '/furnizori',
    type: 'ajax',
    reader: {
        type: 'json',
        rootProperty: 'items',
            totalProperty: 'totalCount'
        }
    }
});

事实是，请求就像它应该发送为params页面，启动，限制和查询一样，但由于某种原因，分页没有显示我正在使用现代主题，版本6.5.3

Answer 1

根据Extjs文件： https://docs.sencha.com/extjs/6.5.3/classic/Ext.form.field.ComboBox.html#cfg-pageSize

如果大于0，则Ext.toolbar.Paging将显示在下拉列表的页脚中，过滤器查询将使用page start和limit参数执行。仅在queryMode =＆＃39; remote＆＃39;时适用。默认为：0

所以你的组合代码应该是这样的：

{
        xtype: 'combobox',
        fieldLabel: 'Alege furnizorul',
        store: Ext.create('BOP.store.Furnizor'),
        pageSize: 100, //for example 100 per page
        queryMode: 'remote',  // and set remote for queryMode
        minChars: 1,
        triggerAction: 'query',
        anchor: '100%',
        displayField: 'furn_nume',
        valueField: 'furn_id',
        layout: 'fit',
        width:260,
        height: 50
    }

Answer 2

只需将pageSize: true添加到comboBox，它就会显示出来。

Extjs combobox分页没有显示

2 个答案: