gird的底部分页工具栏下拉菜单,可以用下拉菜单选择每页显示多少条数据

generatePagesize_combo = function(){
return new Ext.form.ComboBox({  
        store: new Ext.data.SimpleStore({
            fields: ['text', 'value'],
            data: [['5', 5], ['10', 10], ['30', 30], ['40', 40], ['50', 50]]
        }),
        mode: 'local',
        displayField: 'text',
        valueField: 'value',
        editable: false,
        allowBlank: false,
        triggerAction: 'all',
        width: 60,
        listeners:{ 
                'render':function(comboBox){
                                  comboBox.setValue(comboBox.ownerCt.pageSize);
   //使得下拉菜单的默认值是初始值

                      }, 
               'select':function(comboBox){
                  var pSize = comboBox.getValue();
                  comboBox.ownerCt.pageSize = parseInt(pSize); //改变PagingToolbar的pageSize 值
                  comboBox.ownerCt.findParentByType("grid").store.reload({params{start:0,limit:pSize}}); //重写加载store  
                 

 }
        }
    });  
}

调用如下:

var bbar = new Ext.PagingToolbar({
pageSize : pageSize,
store : store,
displayInfo : true,
items:['-','每页',generatePagesize_combo(),'条'],
displayMsg : '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
emptyMsg : "没有记录"
});

 图片效果显示效果如下:

 

你可能感兴趣的:(ext)