+ -
当前位置:首页 → 问答吧 → 关于ajax分页问题

关于ajax分页问题

时间:2011-08-11

来源:互联网

怎么实现ajax分页,有具体代码更好,谢啦

作者: com360   发布时间: 2011-08-11

我靠,传递每页显示个数,以及当前页面索引,根据这2个参数,去数据库检索信息,json返回,dom显示。
可以参考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,然后直接套进你的页面就可以

作者: soli11722984   发布时间: 2011-08-11

热门下载

更多