ext 2.0 gridpanel实例

var ds = new Ext.data.Store({
        //proxy: new Ext.data.DWRProxy(swsMstrService.findpaged, true),
         // reader: new Ext.data.ListRangeReader({
           // totalProperty: 'totalSize',
           // id: 'id'
       // }, recordType),
         proxy: new Ext.data.HttpProxy({url:'extgrid.jsp'}),
         reader: new Ext.data.JsonReader({
     totalProperty: 'totalProperty',
     root: 'root'
}, [
    {name: 'id'},
    {name: 'sex',renderer:renderSex},
    {name: 'name'},
    {name: 'descn'}
]),
        remoteSort: false
    });


var cms = new Ext.grid.ColumnModel([
    {header:'NO.',renderer:function(value, cellmeta, record, rowIndex){
        return rowIndex + 1;
    }},
    {header:'<input type="checkbox" onclick="selectAll(this)">',renderer:function(value, cellmeta, record, rowIndex){
        return '<input type="checkbox" name="cb">';
    }},
    {header:'编号',dataIndex:'id'},
    {header:'性别',dataIndex:'sex'},
    {header:'名称',dataIndex:'name'},
    {header:'描述',dataIndex:'descn'}
]);

var paging = new Ext.PagingToolbar({
    store:ds,
        pageSize: 10,
        displayInfo: true,
        displayMsg: 'display {0} - {1} of {2}',
        emptyMsg: "no record",
        items:['-',{
        enableToggle: true,
        text:"测试添加",
        iconCls: 'addicon',icon:'Images/icons/add.png',
        enableToggle: true
       },'-'
       ]
    });
    var grid = new Ext.grid.GridPanel({
    el:'mygrid',
    //renderTo:'mygrid',//不可以在gridpanel中renderTo,数据会看不见的,要用grid.render()
        ds: ds,
        //cm: cm,
        cm:cms,
        //sm: sm,//勾选定义
        selModel: new Ext.grid.RowSelectionModel({singleSelect:true}),
        enableColLock:false,
//autoExpandColumn:'colOperate',//这一列自动延伸
        loadMask: false,
        bbar:paging
    });

grid.render();//不可以在gridpanel中renderTo,数据会看不见的,要用grid.render()

ds.load({params:{start:0,limit:10}});




extgrid.jsp

<%
String start = request.getParameter("start");
String limit = request.getParameter("limit");
try {
System.out.println("extgrid.jsp test start-----------------------------------");
    int index = Integer.parseInt(start);
    int pageSize = Integer.parseInt(limit);
    String sex = "male";
    String json = "{totalProperty:100,root:[";
    for (int i = index; i < pageSize + index; i++) {
    if(i%2==0){
    sex="female";
    }
        json += "{id:" + i + ",sex:'"+ sex + "',name:'name" + i + "',descn:'descn" + i + "'}";
        if (i != pageSize + index - 1) {
            json += ",";
        }
    }
    json += "]}";
    response.getWriter().write(json);
} catch(Exception ex) {
out.println("some errors issue here");
}
%>