改变gridPanel底部分页栏方框的大小在创建的分页工具条加inputItemWidth
var pagingbar = Ext.create('Ext.toolbar.Paging',{
store: unitInfoGridStore,//必须得跟上面的的store来源一样
itemId: 'pagingbar',
displayInfo: true,
pageSize: 10,
dock: 'bottom',
displayMsg:'显示第{0}条到{1}条,一共{2}条',
firstText: '首页',
nextText: '下一页',
prevText: '上一页',
lastText: '最后一页',
refreshText: '刷新',
inputItemWidth: 50,//这里是改变gridPanel底部分页栏方框的大小
items:['-','每页',pagesizeCombo(),'条'],
// plugins : [new Ext.ux.PageSizePlugin()],
emptyMsg:'没有需要显示的记录'
});
//实现一页可以有选择的显示记录数
var pagesizeCombo = function(){
return new Ext.form.ComboBox({
store: new Ext.data.SimpleStore({
fields: ['id', 'value'],
data: [['10', 10], ['20', 20], ['30', 30], ['50', 50],['100',100]]
}),
mode: 'local',
displayField: 'id',
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.getStore().pageSize = parseInt(pSize); //改变PagingToolbar的pageSize 值
}
}
});
}
分享到:
相关推荐
ExtJS的GridPanel导出excel文件,方便快捷易懂!
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
extjs4.2 分页combo动态条数 源码,不懂的加群
EXTJS.GRIDPANEL中日期格式 设置
Extjs2.02 Gridpanel加载本地数组资源的实例,思路相当清晰。对初学者很有用
extjs 分页 从dao到action
本人自己写的Extjs入门教程,上面实现了treePanel和GridPanel的集成和交互。
此文件用于项目首页内容,使用了ExtJs中的GridPanel
主要介绍了ExtJs中gridpanel分组后组名排序实例代码,有需要的朋友可以参考一下
显示第一页与最后一页. 显示当前页对称的前后几页(可以自定义显示多少页). 其它的页码省略. 点击省略号, 省略号隐藏, 显示一个与省略号相同宽度的页面跳转转入框. 整个设置还比较智能. 在 ExtJS3.3基础上开发的. ...
通过Servlet让Extjs GridPanel 显示数据库数据
后来公司让改变一个Gridpanel的展现方式,要求实现滚屏的效果。于是我就开始找API相关的功能了。找了很久,也没有找到框架的相应控制方法,然后在网上找了很久,也没有找到有人给去示例,无奈就只能自己写JS来控制...
NULL 博文链接:https://topbox163.iteye.com/blog/1276463
一个extjs的分页控件,就是可以选择一页显示多少条记录,该控件非常灵活,便于集成
extjs改变字体大小和换肤
详细介绍了EXTJS中gridpanel分页技术的解析
ExtJS改变默认字体大小的几种方式 1、 只需把ext-all.css样式文件中的所有11px换成12px,这样就为统一的12px的字体了。 但是如果再想增大,那么这时候不光是把源文件的11px换成15px,而且需要把里面和font有关的12px...
extjs 简单分页例子。 只有js文件 后台 代码自己可以采用 觉得好的技术实现。
NULL 博文链接:https://tonylian.iteye.com/blog/1735525
我们开发项目的时候,有的时候左边的树结点很多,虽然说有extjs有异步,但还是有结点下面有时长达500个以上,甚至更多,这个时候用分页可以解决这个问题