EXT中的GRID分页示例

最新推荐文章于 2015-12-26 12:53:36 发布

fdsa123456

最新推荐文章于 2015-12-26 12:53:36 发布

阅读量751

点赞数

分类专栏： Javascript 文章标签： ext autoload string header function url

Javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

EXT中的GRID分页示例

2008-12-15 10:21

Ext.onReady(function(){


                            var store = new Ext.data.JsonStore({
                                            url: '1.aspx',
                                            root: 'Result',
                                            fields: ['id', 'name'],
                                            autoLoad:true,
                                            totalProperty: 'RowCount'
                                        });

                            var grid = new Ext.grid.GridPanel({
                                            renderTo:Ext.getBody(),
                                            store:store,
                                            columns: [
                                                {header: "id", width: 200, sortable: true, dataIndex: 'id'},
                                                {header: "name", width: 120, sortable: true, dataIndex: 'name'}
                                            ],
                                            viewConfig: {
                                                forceFit: true
                                            },

                                            width:600,
                                            height:300,
                                            frame:true,
                                            title:'Framed with Checkbox Selection and Horizontal Scrolling' ,

                                            bbar: new Ext.PagingToolbar({
                                            pageSize: 2,
                                            store:store,
                                            displayInfo: true,
                                            displayMsg: '当前显示 {0} - {1}条记录 /共 {2}条记录',
                                            emptyMsg: "无显示数据"
                                            })

});

})

后台代码:

string limit = Request["limit"];
string start = Request["start"];

string jsonstring = "{ PageSize:2, RowCount:10, Result:[";

        if (string.IsNullOrEmpty(start))
        { //第一次
            jsonstring += "{'id':1,name:'n1'},{'id':2,name:'n2'}";
            jsonstring += "]}";

Response.Write(jsonstring);

        }
        else
        {
            Response.Write("{ PageSize:4, RowCount:10, Result:[{'id':3,name:'n3'},{'id':4,name:'n4'}]}");

//,{'id':5,name:'n5'},{'id':6,name:'n6'},{'id':7,name:'n7'},{'id':8,name:'n8'},{'id':9,name:'n9'},{'id':10,name:'n10'}]}");

}

以后台分页实现