关于ajax分页问题
时间:2011-08-11
来源:互联网
怎么实现ajax分页,有具体代码更好,谢啦
作者: com360 发布时间: 2011-08-11
我靠,传递每页显示个数,以及当前页面索引,根据这2个参数,去数据库检索信息,json返回,dom显示。
可以参考Ext grid分页
JScript code
可以参考Ext grid分页
JScript code
function createGrid() { var cols = []; if (Ext.get("formPanel").contains(Ext.get("grid"))) { Ext.get("grid").remove(); } // create the data store var store = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: "board_related_view.action" }), reader: new Ext.data.JsonReader() }); var s = 20; var pageToolbar = new Ext.PagingToolbar({ pageSize: s, store: store, afterPageText: '/ {0}', beforePageText: '页', displayInfo: true, displayMsg: '显示 {0} - {1} / {2}', emptyMsg: '没有数据', firstText: '第一页', prevText: '前一页', nextText: '后一页', lastText: '最后一页', refreshText: '刷新' }); // create the Grid var grid = new Ext.grid.GridPanel( { id : "grid", title : "查询结果", store : store, columns : cols, stripeRows : true, enableHdMenu: false, enableColumnMove: false, animCollapse: false, autoScroll: true, frame: true, //sm: new Ext.grid.RowSelectionModel({selectRow:Ext.emptyFn}), loadMask: {msg: "检索中"}, bbar: pageToolbar, height: 500, width : 300 }); grid.render('gridPanel'); store.load({params:{start:0, limit:s}}); Ext.get("grid").insertAfter(Ext.get("id")); Ext.get("grid").setY(y + 50); grid.getSelectionModel().selectFirstRow(); }
作者: softroad 发布时间: 2011-08-11
能解释一下什么是Ext吗,你也没有用json啊,我主要就是看json那部分,谢啦
作者: com360 发布时间: 2011-08-11
ext(extjs)是一个web前台框架,样子很漂亮
至于json部分,其实不一定非要JSON,可以直接返回一个table,然后直接套进你的页面就可以
至于json部分,其实不一定非要JSON,可以直接返回一个table,然后直接套进你的页面就可以
作者: soli11722984 发布时间: 2011-08-11
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28