GridPanel Ajaxで動的にデータをロードしてページに表示する

1871 ワード

//      
		var gridStore = new Ext.data.JsonStore( {
			url : "../../service/vip/query.action",
			autoLoad : false,
			pruneModifiedRecords : true,
			fields : [ 'IMSI', 'MSISDN', 'zjshcount'],
			root : 'data',
			method : 'POST'
		});
		
		//    
		gridStore.load();

		//      ,         
		var grid = new Ext.grid.GridPanel( {
			el : "gridDiv",
			store : gridStore,
			columns : [ 
				{id : 'IMSI', header : 'IMSI', dataIndex : 'IMSI', sortable : true},
				{id : 'MSISDN', header : 'MSISDN', dataIndex : 'MSISDN', sortable : true},
				{id : 'zjshcount', header : '      ', dataIndex : 'zjshcount', sortable : true}
			],
			viewConfig : {
				forceFit : true
			},
			autoHeight : true,
			width : 900
		});
		
		//     
		grid.render();

 
//          
//                   
				grid.getStore().load( {
					params : {
						starttime : starttimeValue,
						endtime : endtimeValue,
						type : type_comboBox.getValue(),
						province : province.getValue(),
						city : city.getValue(),
						zdvip : zdvip.checked,
						continutime : continutime.getValue(),
						continutime2 : continutime2.getValue(),
						opc : opc.getValue(),
						opc2 : opc2.getValue()
					},
					callback : function(r, options, success) {
						if (success) {						
							//          
							grid.render();
						} else {
							Ext.Msg.alert('    ', '      ');
						}
					}
				});