您的位置:首页 > Web前端 > JQuery

jquery easyui datagrid 无滚动条,datagrid 没垂直滚动条

2018-02-06 17:12 447 查看
jquery easyui datagrid 无滚动条,datagrid 没垂直滚动条

==============================

蕃薯耀 2018年2月6日
http://www.cnblogs.com/fanshuyao/
一、问题描述:

当jquery easyui datagrid中数据量大时,body页面又设置高度超出隐藏时(如:overflow-y:hidden)时,这时datagrid加载满整个页面时也无滚动条。

二、解决方案:

给datagrid绑定onLoadSuccess事件,当加载成功后调用datagrid的resize方法,具体使用如下:

Js代码


$("#datagridId").datagrid({

……

……,

onLoadSuccess: function(data){

$("#datagridId").datagrid("resize",{

height: ($(window).height())

});

}

});

如果要增加水平的滚动条呢?

Java代码


$("#datagridId").datagrid({

……

……,

onLoadSuccess: function(data){

$("#datagridId").datagrid("resize",{

height: ($(window).height()),

width: ($(window).width())//估计是这样,没有测试

});

}

});

==============================

蕃薯耀 2018年2月6日
http://www.cnblogs.com/fanshuyao/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: