PagingToolbar
本章任务
1.PagingToolbar
/**
* 页面加载
*/
Ext.onReady(function() {
var _sm = new Ext.grid.CheckboxSelectionModel({
header : '',
dataIndex : 'userName'
});
/**
* 列模型
*/
var _cm = new Ext.grid.ColumnModel({
columns : [new Ext.grid.RowNumberer(), _sm, {
header : '用户名',
dataIndex : 'userName'
}, {
header : "密码",
renderer:_renderer,//重载样式
dataIndex : 'userPass'
}]
});
/**
* 自定义样式
*/
function _renderer(value){
if(value.search("^[0-9]+$")==-1){
return "<span style=\"color:red;font-weight:bold\">"+value+"</span>"
}else{
return "<span style=\"color:green;font-weight:bold\">"+value+"</span>"
}
}
/**
* 字段类型
*/
var _fields = new Ext.data.Record.create([{
name : 'userName',
type : 'string'
}, {
name : 'userPass',
type : 'string'
}]);
/**
* 数据集
*/
var _store = new Ext.data.JsonStore({
url : './ch03.jsp',
root : 'users',
totalProperty:'totalRecords',
fields : _fields
});
/**
* 分页控件
*/
var _bbar = new Ext.PagingToolbar({
store : _store,
pageSize : 3,
displayInfo : true,
displayMsg : '从{0}条记录到{1}条记录,一共{2}条记录',
emptyMsg : '没有记录'
});
/**
* 显示数据
*/
var _grid = new Ext.grid.GridPanel({
width : 800,// 宽
height : 300,// 高
renderTo : Ext.getBody(),
bbar : _bbar,
cm : _cm,// 列模型
refresh:function(){
this.store.reload();
},
store : _store
// 数据集
});
/**
* 加载数据
*
*/
_store.load({
params : {
start : 0,
limit : 3
}
})
});
本章目标
1. 理解PagingToolbar
分享到:
相关推荐
北风网--Extjs项目之个人理财项目(Extjs+S2SH+Mysql) 真正的完整版源代码
NULL 博文链接:https://fangyong2006.iteye.com/blog/712464
eclipse-ExtJs插件。 应该是目前写js和ExtJs最好的工具。 先到http://www.easyjf.com/上下载ExtJS2.0。 说明: 1,将下载的压缩包解压到eclipse的安装目录,完成后重启(自动会加载插件,也可CMD ECLIPSE目录 使用...
模仿ExtJS qwikiOffice中右下角的消息提示框
Jquery-Extjs4.0框架,用于前台页面开发的JS框架
asp.netCoolite-ExtJs简易新闻后台管理系统源码
Spket - ExtJS提示工具,并附带了需要加入ExtJS的提示内容文件ext-core-dev.js 一步到位
struts2-extjs4.rar extjs4通过json和struts2进行交互的demo
显示第一页与最后一页. 显示当前页对称的前后几页(可以自定义显示多少页). 其它的页码省略. 点击省略号, 省略号隐藏, 显示一个与省略号相同宽度的页面跳转转入框. 整个设置还比较智能. 在 ExtJS3.3基础上开发的. ...
SistemaBolsa /应用此文件夹包含该应用程序的javascript文件。SistemaBolsa /资源此文件夹包含静态资源(通常也包含"images"文件夹)。SistemaBolsa /替代此文件夹包含替代类。 如果加载了替代的目标类,则此文件夹...
显示第一页与最后一页. 显示当前页对称的前后几页(可以自定义显示多少页). 其它的页码省略. 点击省略号, 省略号隐藏, 显示一个与省略号相同宽度的页面跳转转入框. 整个设置还比较智能. 在 ExtJS3.3基础上开发的. ...
dojochina-extjs视频密码,下载下来的视频解压是要密码的
JavaScript.-Extjs基础学习笔记
eslint-plugin-extjs 使用ExtJS框架的项目的ESLint规则。 这些规则的目标是与ExtJS 4.x一起使用。 欢迎请求与5.x兼容的请求! 规则明细 ext-array-foreach ExtJS提供的两个主要的数组迭代器函数和不同之处在于, ...
JSP-ExtJS 2.2 图书管理系统.zip
Designer-extjsDesigner-extjsDesigner-extjsDesigner-extjsDesigner-extjsDesigner-extjs
Asp.Net大型项目实践9-ExtJs实现系统框架页,使用了mvc等等技术
茉莉花节点jsdom-extjs-testing-tool 使用 jasmine-node 和 jsdom 的功能性前端 Ext.JS 测试自动化工具如果您已经安装了节点包模块( ),安装将为您获取所需的库。Ext.JS 设置使用 Ext.JS 包并遵循 Sencha cmd 企业...
learning-Extjs国外第一本Ext译本