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" οnclick="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");
}
%>