81,092
社区成员
发帖
与我相关
我的任务
分享
$(function(){
loadNetworkDatagrid();
$("#radio_device_datagrid1").click(function(){
$(this).parent().addClass("label_checkbox_selected");
$("#radio_port_datagrid2").parent().removeClass("label_checkbox_selected");
loadNetworkDatagrid();
});
$("#radio_port_datagrid2").click(function(){
$(this).parent().addClass("label_checkbox_selected");
$("#radio_device_datagrid1").parent().removeClass("label_checkbox_selected");
loadPortDatagrid();
});
});
function loadPortDatagrid(){
$('#dg_device').empty();
$('#dg_device').datagrid({
autoheight:true,
autowidth: true,
nowrap: true,
autoRowHeight:true,
fitColumns:true,
striped: true,
rownumbers:false,
singleSelect:true,
collapsible:true,
url:'/Base/view/performance/view/topNport.jsp?domainId='+domainId,
sortName:'RxTxbps',
sortOrder: 'desc',
remoteSort:true,
idField:'id',
columns:[[
{field:'id',title:'id',hidden:true},
{field:'rank',title:CONFIG.LANGUAGE.TOPN_RANK,width:10,resizable:true,align:'center',formatter:function(value,row,index){
return ($(p).pagination("options").pageNumber-1)*$(p).pagination("options").pageSize+index+1;}},
{field:'devicename',title:CONFIG.LANGUAGE.TOPN_DEVICE,width:30,resizable:true,formatter:function(value,row,index){
return '<a href="javascript:window.parent.host_detail(\''+row.url+'\');">'+value+'</a>';
}},
{field:'ifname',title:CONFIG.LANGUAGE.IFNAME,width:30,resizable:true,formatter:function(value,row,index){
return '<a href="javascript:window.parent.host_detail(\''+row.inf_url+'\');">'+value+'</a>';
}},
{field:'domainname',title:CONFIG.LANGUAGE.DOMAINNAME,width:30,resizable:true},
{field:'ifspeed',title:CONFIG.LANGUAGE.ifspeed,width:30,resizable:true,
formatter:function(value,row,index){
return new Number(value/1000000).toFixed(0)+"Mbps"
}},
{field:'RxTxbps',title:CONFIG.LANGUAGE.RxTxbps,width:30,resizable:true,sortable:true,sortOrder:'desc',formatter:formatter_double1000},
{field:'rxbps',title:CONFIG.LANGUAGE.rxbps,width:30,resizable:true,sortable:true,sortOrder:'desc',formatter:formatter_double1000},
{field:'txbps',title:CONFIG.LANGUAGE.txbps,width:30,resizable:true,sortable:true,sortOrder:'desc',formatter:formatter_double1000},
{field:'RxTxUT',title:CONFIG.LANGUAGE.RxTxUT,width:30,resizable:true,sortable:true,sortOrder:'desc',formatter:formatter_progressbar_number},
{field:'RxUtil',title:CONFIG.LANGUAGE.RxUtil,width:30,resizable:true,sortable:true,sortOrder:'desc',formatter:formatter_progressbar_number},
{field:'TxUtil',title:CONFIG.LANGUAGE.TxUtil,width:30,resizable:true,sortable:true,sortOrder:'desc',formatter:formatter_progressbar_number}
]],
pagination:false,
pageNumber:1,
pageSize:1000,
queryParams: {
name: 'easyui',
subject: 'datagrid',
rank:'rank'
},
onSortColumn:function(sort, order){
return order;
}
});
var p = $('#dg_device').datagrid('getPager');
$(p).pagination({
showPageList:false,
onBeforeRefresh:function(){
//alert('before refresh');
}
});
resize();
}
function loadNetworkDatagrid(){
$('#dg_device').empty();
$('#dg_device').datagrid({
autoheight:true,
autowidth: true,
nowrap: true,
autoRowHeight:true,
fitColumns:true,
striped: true,
rownumbers:false,
singleSelect:true,
collapsible:true,
url:'/Base/view/performance/view/topN.jsp?domainId='+domainId,
sortName:'cpu',
sortOrder: 'desc',
remoteSort:true,
idField:'id',
columns:[[
{field:'id',title:'id',hidden:true},
{field:'rank',title:CONFIG.LANGUAGE.TOPN_RANK,width:10,resizable:true,align:'center',formatter:function(value,row,index){
return ($(p).pagination("options").pageNumber-1)*$(p).pagination("options").pageSize+index+1;}},
{field:'name',title:CONFIG.LANGUAGE.TOPN_DEVICE,width:30,resizable:true,formatter:function(value,row,index){
return '<a href="javascript:window.parent.host_detail(\''+row.url+'\');">'+value+'</a>';
}},
{field:'ip',title:CONFIG.LANGUAGE.IP_ADDRESS,width:30,resizable:true,formatter:function(value,row,index){
return '<a href="javascript:parent.host_detail(\''+row.url+'\');">'+value+'</a>';
}},
{field:'devicetype',title:CONFIG.LANGUAGE.DEVICETYPE,width:30,resizable:true},
{field:'cpu',title:CONFIG.LANGUAGE.TOPN_CPU,width:30,resizable:true,sortable:true,sortOrder:'desc',
formatter:function(value,row,index){
if(value<0){
return "--";
}else{
var div = $('<div style="width:100%;border:1px solid blue;"></div>');
div.progressbar({value: value});
return "<div class='easyui-progressbar progressbar'>"+div.html()+"</div>";
}
}},
{field:'mem',title:CONFIG.LANGUAGE.TOPN_MEM,width:30,resizable:true,sortable:true,sortOrder:'desc',
formatter:function(value,row,index){
if(value<0){
return "--";
}else{
var div = $('<div style="width:100%;border:1px solid blue;"></div>');
div.progressbar({value: value});
return "<div class='easyui-progressbar progressbar'>"+div.html()+"</div>";
}
}},
{field:'respon',title:CONFIG.LANGUAGE.TOPN_RESPONSE_TIME,width:30,resizable:true,sortable:true,sortOrder:'desc',
formatter:function(value,row,index){
if(value==0){
return " < 1ms";
}else if(value<0){
return CONFIG.LANGUAGE.TOPN_RESPONSE_NULL;
}else{
return value+"ms";
}
}}
]],
pagination:false,
pageNumber:1,
pageSize:1000,
queryParams: {
name: 'easyui',
subject: 'datagrid',
rank:'rank'
},
onSortColumn:function(sort, order){
return order;
}
});
var p = $('#dg_device').datagrid('getPager');
$(p).pagination({
showPageList:false,
onBeforeRefresh:function(){
//alert('before refresh');
}
});
resize();
}
function resize(){
$(window).resize(function(){
if(document.body.clientHeight-50>280){
$("#dg_device").datagrid('resize',{width:document.body.clientWidth-8,height:document.body.clientHeight-50});
}else{
$("#dg_device").datagrid('resize',{width:document.body.clientWidth-8,height:280});
}
});
if(document.body.clientHeight-50>280){
$("#dg_device").datagrid('resize',{width:document.body.clientWidth-8,height:document.body.clientHeight-50});
}else{
$("#dg_device").datagrid('resize',{width:document.body.clientWidth-8,height:280});
}
}
function formatter_progressbar_number(value,row,index){
if(value<0){
return CONFIG.LANGUAGE.TOPN_RESPONSE_NULL;
}else{
var div = $('<div style="width:100%;border:1px solid blue;"></div>');
div.progressbar({value: new Number(value).toFixed(2)});
return "<div class='easyui-progressbar progressbar'>"+div.html()+"</div>";
}
}
function formatter_progressbar(value,row,index){
if(value<0){
return CONFIG.LANGUAGE.TOPN_RESPONSE_NULL;
}else{
var div = $('<div style="width:100%;border:1px solid blue;"></div>');
div.progressbar({value: value});
return "<div class='easyui-progressbar progressbar'>"+div.html()+"</div>";
}
}
function formatter_double1000(value,row,index){
if(value<0){
return CONFIG.LANGUAGE.TOPN_RESPONSE_NULL;
}else{
if(value>1000000){
return new Number(value/1000000).toFixed(2)+" Mbps";
}else if(value>1000){
return new Number(value/1000).toFixed(2)+" Kbps";
}else{
return new Number(value).toFixed(2)+" bps"
}
}
}