EXT2.0: GridPanel 分页方法绝好例子
将代码保持成html文件,放在ext 包路径下面,直接打开即可,看到效果
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <HTML>
- <HEAD>
- <LINK href="ext2.0/resources/css/ext-all.css" type=text/css rel=stylesheet>
- <SCRIPT src="ext2.0/adapter/ext/ext-base.js" type=text/javascript></SCRIPT>
- <SCRIPT src="ext2.0/ext-all.js" type=text/javascript></SCRIPT>
-
- <SCRIPT>
- Ext.onReady(function(){
-
- function check(value)
- {
- if (value=='195154')
- {
- return '<span style="color:red;font-weight:bold;">内容已更改</span>';
- }
- else
- {
- return value;
- }
- }
-
-
-
- var store = new Ext.data.Store({
- proxy : new Ext.data.ScriptTagProxy({url:'http://extjs.com/forum/topics-remote.php'}),
- reader: new Ext.data.JsonReader({
- root: 'topics',
- totalProperty: 'totalCount',
- id: 'post_id'
- },[
- 'post_id','topic_title','author'
- ])
- });
- store.load({params:{start:0, limit:10}});
-
-
-
- var sm = new Ext.grid.CheckboxSelectionModel();
-
-
- var colM=new Ext.grid.ColumnModel([
- new Ext.grid.RowNumberer(),
- sm,
- {header:'列1',dataIndex:'post_id',width:170,sortable:true,renderer:check},
-
- {header:'列2',dataIndex:'topic_title',width:170,sortable:true},
- {header:'列3',dataIndex:'author',width:170}
- ]);
-
-
- var grid = new Ext.grid.GridPanel({
- renderTo:'show',
- title:"表格",
- height:400,
- width:600,
- cm:colM,
- sm:sm,
- store:store,
- viewConfig: {
- forceFit:true
- },
- bbar: new Ext.PagingToolbar({
- pageSize: 10,
- store: store,
- displayInfo: true,
- displayMsg: '第{0} 到 {1} 条数据 共{2}条',
- emptyMsg: "没有数据"
- })
- });
-
- });
- </SCRIPT>
- <DIV id=show></DIV>
- </body>
- </html>
运行效果如图:
分享到:
相关推荐
NULL 博文链接:https://redboy5711.iteye.com/blog/259913
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
目的:Ext框架的开发中,最常用的有GridPanel控件,以及TreePanel控件。在使用表格的分页功能时,我们把该控件的start与limits参数与Hibernate的分页功能影射,从页实现了动态的分页效果;而TreePanel的更新也是一个...
ext网格实践一文中,eclipse工程源码,具体请参考博文
Ext.grid.GridPanel 删除线 放到example文件夹下运行
ext 树 gridpanel 分页 ,文件上传, tabpanel ... 的一些例子 刚学的时候做的..只要加上Ext2.0的包就可以直接运行
使用ext.net代码动态创建gridpanel后任意显示在各种窗口中
Ext的gridpanel控件二次加载时丢失解决方案
Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作
将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...
NULL 博文链接:https://huiqinbo.iteye.com/blog/2218833
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
ext.net gridpanel 弹出窗
使用ext3.0 实现 GridPanel 分页显示,调用后台数据 ,格式为json,数据使用 xml 无数据库下载就可以运行,与dwr结合
表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid。ExtJS中,表格Grid必须包含列定义信息,并指定表格的数据存储器Store。表格的列信息由类Ext.grid.ColumnModel定义、而表格的数据存储器由Ext.data....
EXT GridPanel获取某一单元格的值
Ext grid panel 滚动条位置不变,适用于实时数据的刷新
tapestry4.02中封装ext的GridPanel组件
EXT实例GridPanel. 实现简单的。
博文链接:https://zjnbshifox.iteye.com/blog/147574