复选框
var sm=new Ext.grid.CheckboxSelectionModel();
var cm=new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{header:'编号',dataIndex:"id"},
....
]);
var grid=new Ext.grid.GridPanel({
renderTo:'grid',
store:store,
cm:cm
sm:sm
});
虽然CheckboxSelection允许我们使用复选框选择grid多行,但如果在操作中不小心选中一行,就会变成选中一行的情况,,解决方法为:重新设定该行选择事件的处理函数:
var sm=new Ext.grid.CheckboxSelectModel({handleMouseDown: Ext.emptyFn});
表格分页
var grid=new Ext.grid.GridPanel({
renderTo:
autoHeight:true,
store:store
cm:cm
bbar: new Ext.PagingToolbar({
pageSize:10,
store:store,
displayInfo:true,
displayMsg:'显示第{0}条到{1}条记录,一共{2}条',
emptyMsg:'没有记录'
})
});
store.load();
如果配置了分页工具条,store.load()就必须在Grid以后执行,否则分页工具条不起效果
通过后台获得分页数据
String json="{totalProperty:100,root:{}";
for(int i=0;i<pageSize+index;i++){
json+="{id:}"+i+",name:'name'"+i+"',descn:'descn"+i+"'}";
if(i!=pageSize+index-1){
json+=",";
}
}
json+="]}";
response.getWriter().write(json);
proxy: new Ext.data.HttpProxy({url:'xxxx.jsp'}),
read: new Ext.data.JsonReader({
totalProperty:'totalProperty',
root:root
},[
{name:'id'}
{name:'name'}
{name:'descn'}
]
)
store.load({params:{start:0,limit:10}});
不过按照一般设置,,grid无法显示,因为store.load()无法再grid.render()前准备好所有数组,所以它不知道该显示多高,所以我们需要为grid指定一个固定高度,如<div id="grid" style="height:256pz;"></div>或者为它添加一个autoHeight:true参数,让它自己计算高度
bbar (bottom bar)
tbar (top bar)
将bbar改为tbar即可将分页工具条放在表单上面
排序功能就是将以前的MemoryProxy换成PagingMemoryProxy
var store=new Ext.data.store({
proxy:new Ext.data.PagingMemoryProxy(data);
reader: new Ext.data.ArrayReader({
{name:'id'},
{name:'name'},
{name:'descn'}
})
});
ds.load(params:{start:0,limit:3});
分享到:
相关推荐
Ext是一个Ajax框架,用于在客户端创建丰富多彩的web应用程序界面,是在Yahoo! UI的基础上发展而来的。... 2、庞大的组件模型及控件库; 3、丰富绚丽的界面元素; 4、强大实用的工具封装 5、开源GPL
基于ext开源框架进行又一次封装,使得控件好用实用.现在给出这个Coolite 实例应用.
第8章 Ext用户界面控件 216 8.1 布局 216 8.1.1 在FormPanel中使用HBoxLayout进行布局 216 8.1.2 在FormPanel中使用HBoxLayout和VBoxLayout进行布局 219 8.1.3 Panel的body的样式范围 224 8.2 Form表单组件 226 ...
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
ExtJS由一系列的类库组成,一旦页面成功加载... 实用工具Utils:Ext提供了很多的实用工具,可以方便我们实现如数据内容格式化、JSON数据解码或反解码、对Date、Array、发送Ajax请求、Cookie管理、CSS管理等扩展等功能.
全书由一个可以引领读者快速入门的“Hello World”示例开篇,紧接着对Ext JS的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后一个...
紧接着对ExtJS的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后一个完整的EXT应用结束全书。每个知识点都配有相应的示例,可操作性...
目录 第1章EXT概述 第2章EXT框架基础 第3章表格控件 第4章表单与输入控件 第5章树形结构 第6章拖放 第7章弹出窗口 第8章布局 第9章工具栏和菜单 第10章数据存储与传输 第11章实用工具
第1章 EXT概述 1 第2章 EXT框架基础 11 第3章 表格控件 28 第4章 表单与输入控件 76 第5章 树形结构 116 ...第11章 实用工具 256 第12章 一个完整的EXT应用 317 第13章 通过Ext Framework合理地应用EXT 339
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
1. Ext.onReady函数:在EXTJS库文件及页面内容加载完后,EXTJS会执行Ext.onReady中指定的函数。 2. 控件的使用:使用EXTJS提供的控件,如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等。 三、EXTJS控件 ...
目录 第1章EXT概述 第2章EXT框架基础 第3章表格控件 第4章表单与输入控件 第5章树形结构 第6章拖放 第7章弹出窗口 第8章布局 第9章工具栏和菜单 第10章数据存储与传输 第11章实用工具
目录 第1章EXT概述 第2章EXT框架基础 第3章表格控件 第4章表单与输入控件 第5章树形结构 第6章拖放 第7章弹出窗口 第8章布局 第9章工具栏和菜单 第10章数据存储与传输 第11章实用工具
代码均做详细注释,适合初学者学习并应用在自己的项目中,内含免费可用的条码控件,可运行DEBUG\TEST_APP.EXE观看演示,控件库也在DEBUG文件夹内,控件库版权归原作者所有。 控件说明: 1.BarcodeLib.dll 一维条码...
extjs 实用开发指南 ext框架基础、和核心 使用面板 窗口及对话框 布局 表格控件 数据存储 TreePanel