EXT 表格Grid采用JSON取数据,分页操作在后台操作。 数据源如下: var jsonData = new Ext.data.JsonStore({ url : ['localhost:8080', '/Grazioso_Control_Chinese.jsp?Page=pushServiceInfoQuery&',(new Date().getTime())].join(''), totalProperty: 'XML.result.Meta_Data.Position[/'@Max/']', root : 'XML.result.Data.Row', fields : [ {name:'serviceID',mapping: 'SERVICE_INFO_RECID'}, {name:'serviceName',mapping: 'SERVICE_NAME'}, {name:'serviceSimName',mapping: 'SERVICE_SHORT_DSC'}, {name:'inParaName',mapping: 'IN_PARA'}, {name:'returParaName',mapping:'OUT_PARA'}, {name:'pushSystem',mapping:'SYS_NAME'}, {name:'approvalStatus',mapping:'APPROVE_STAT'}, {name:'useStatus',mapping:'USE_STAT'}, {name:'serviceVersion',mapping:'SERVICE_VERSION'}, {name:'serviceDesc',mapping:'SERVICE_DSC'}, {name:'APPROVE_DSC',mapping:'APPROVE_DSC'} ], autoload:false }); //查询表格 var query_result_grid = new Ext.grid.GridPanel({ anchor: '100% 100%', //renderTo: document.body, height:document.body.scrollHeight*0.67, store:jsonData, enableColumnHide:false, tbar:new Ext.PagingToolbar({ store: jsonData, pageSize: 20, displayInfo: true, prependButtons: true, doLoad : function(start){ this.store.load({params:{start:start,limit:20,'Page_Start':start,serviceName:serviceName_p,pushSystem:pushSystem_p}});; //start是开始记录数 } }), cm: new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer({ }), {id:'serviceName',header: " 服务名", sortable: false, dataIndex: 'serviceName'}, {header: "服务简称", sortable: false, dataIndex: 'serviceSimName'}, {header: "输入参数名称串", sortable: false, dataIndex: 'inParaName'}, {header: "返回参数名称串", sortable: false, dataIndex: 'returParaName'}, {header: "推送系统", sortable: false, dataIndex: 'pushSystem'}, {header: "审批状态", sortable: false, dataIndex: 'approvalStatus'}, {header: "使用状态", sortable: false, dataIndex: 'useStatus'}, {header: "版本号", sortable: false, dataIndex: 'serviceVersion'}, {header: "服务ID", sortable: false, dataIndex: 'serviceID',hidden:true}, {header: "服务描述", sortable: false, dataIndex: 'serviceDesc',hidden:true}, {header: "审批说明", sortable: false, dataIndex: 'APPROVE_DSC',hidden:true} ]), stripeRows: true, autoExpandColumn: 'serviceName', loadMask : true, title:'服务列表结果', viewConfig: { forceFit:true } , listeners:{ //双击记录事件 rowdblclick : function(grid,row){ Ext.getCmp('tabs').setActiveTab(0);//跳转到第一个Tab //Ext.getCmp('field_Grid').render(); Ext.getCmp('field_show').removeAll(true); //清空字段名容器里的字段 Ext.getCmp('left_tree').collapseAll(); //把实体列表树合起来 Ext.getCmp('showXml').setVisible(true); //设置'展示返回XML'按钮可见 Ext.getCmp('showInparaXml').setVisible(true); //设置'展示输入XML'按钮可见 } } });