jquery easyui datagrid如何取消分页显示

Bohroo 2015-11-12 05:13:32
一个小需求,要求把之前页面上的分页显示数据取消了,本来想着挺简单,但是搞了一下午也没成功,看了几个帖子,把pagination属性改为false,pagesize改成100,一条数据都不能显示出来了,只有设置成之前的pagesize:10才有数据显示,求解释。代码如下
$(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"
}
}
}
...全文
2861 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
番茄鲨鱼面 2015-11-13
  • 打赏
  • 举报
回复
既不设置pagination,也不设置pagesize。从官网扒的例子没有这些参数就没有翻页。 如:

<table class="easyui-datagrid" title="Basic DataGrid" style="width:700px;height:250px"
			data-options="singleSelect:true,collapsible:true,url:'datagrid_data1.json',method:'get'">
mq8520 2015-11-13
  • 打赏
  • 举报
回复
把pagination删了

81,092

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧