1、使用插件
DWRProxy.js
2、JS代码
var store=new Ext.data.Store({ proxy:new Ext.data.DWRProxy(EmployeeService.findEmployeeRange,true), reader : new Ext.data.ListRangeReader ({ totalProperty:'totalSize', root:"data" }, record) })
var record=new Ext.data.Record.create([{
name:"EMP_ID"
},{
name:"EMP_NAME"
},{
name:"EMP_SEX"
}])
var cm=new Ext.grid.ColumnModel([{ header:"员工编号", dataIndex:"EMP_ID" },{ header:"员工姓名", dataIndex:"EMP_NAME" },{ header:"员工性别", dataIndex:"EMP_SEX", renderer:function(val){ if(val=="1"){ return "<span style='color:green;font-weight:bold;'>男</span>" }else{ return "<span style='color:red;font-weight:bold;'>女</span>" } } }])
var gridPanel=new Ext.grid.GridPanel({ region:"center", title:"查询结果", tbar:tb, loadMask:{ msg:"正在加载数据..." }, viewConfig:{ getRowClass:function(record,rowIndex,rowParams,store){ if(rowIndex%2==0){ return 'my_row_Red'; }else{ return 'my_row_Gray'; } } }, stripeRows:true, cm:cm, store:store, bbar:pageBar })
store.on('beforeload', function() {
store.baseParams = {
device_type : ""
};
});
store.load({
params : {
device_type : ""
}
});