ds = new Ext.data.SimpleStore({
fields : [
{
name : 'city'
}, {
name : 'district'
}, {
name : 'deviceId'
}, {
name : 'alias'
},{
name : 'usercount'
}, {
name : 'down'
}, {
name : 'glys'
}
]});
cm = new Ext.grid.ColumnModel([{
header : formGridField("地市"),
width : MaxWidth/4,
sortable : true,
dataIndex : 'city'
},{
header : formGridField("区县"),
width : MaxWidth/4,
sortable : true,
dataIndex : 'district'
},{
header : formGridField("热点名称"),
width : MaxWidth/4,
sortable : true,
dataIndex : 'deviceId'
},{
header : formGridField("关联失败率"),
width : MaxWidth/4,
sortable : true,
dataIndex : 'alias'
},{
header : formGridField("关联用户数"),
width : MaxWidth/4,
sortable : true,
dataIndex : 'usercount'
},{
header : formGridField("下行信号强度"),
width : MaxWidth/4,
sortable : true,
dataIndex : 'down'
},{
header : formGridField("关联拥塞率"),
width : MaxWidth/4,
sortable : true,
dataIndex : 'glys'
}
]);
centerGridPanel= new Ext.grid.GridPanel({
id : "ClientGrid",
xtype : "grid",
//autoHeight:"auto",
bodyStyle : transparent,
//enableColumnHide : true,
stripeRows: true,
border : false,
autoscoll:true,
loadMask:true,
height:500,
viewConfig: { forceFit:true,scrollOffset:0 },
// tbar: new Ext.Toolbar({
// items: [
// {
// text:'趋势分析',
// handler: function(){
//
// }
// },
// {
// text:'环比分析',
// handler: function(){
//
// }
// }
// ]
// }),
cm:cm,
ds:ds,
loadMask : ({
msg : "数据加载中..."
})
//bbar : pageBar
});
centerGridPanel.on('render',function(centerGridPanel,rowIdx,e){
getResouses(url);
})
function getResouses(url){
var result;
//var city = encodeURIComponent('杭州');
//alert(city);
var mk = new Ext.LoadMask(Ext.getCmp('northGridPanel').getEl(), {
msg : '数据加载中...',
removeMask : true
});
mk.show();
Ext.Ajax.request({
disableCaching : true,
url : url,
success : function(date) {
if (date.responseText != "") {
var mk = new Ext.LoadMask(Ext.getCmp('northGridPanel').getEl(), {
msg : '数据加载中...',
removeMask : true
});
mk.show();
result = Ext.util.JSON.decode(date.responseText);
var dateArray = [];
for(var i=0;i<result.length;i++){
//alert(result[i].hotspot.city);
dateArray.push([
result[i].hotspot.city,
result[i].hotspot.district,
result[i].hotspot.location,
result[i].assoKpiData.assoFailureRatio,
result[i].assoUserCount,
result[i].downSignalStrength,
result[i].assoKpiData.assoJamRatio
]);
}
Ext.getCmp('ClientGrid').getStore().loadData(dateArray);
}
mk.hide();
},
failure : function(date) {
mk.hide();
},
headers : {'Accept':'application/json'},
params : {},
method : 'get'
});
}