jquery easyui datagrid 无滚动条,datagrid 没垂直滚动条
========================
蕃薯耀 2018年2月6日
http://fanshuyao.iteye.com/
一、问题描述:
当jquery easyui datagrid中数据量大时,body页面又设置高度超出隐藏时(如:overflow-y:hidden)时,这时datagrid加载满整个页面时也无滚动条。
二、解决方案:
给datagrid绑定onLoadSuccess事件,当加载成功后调用datagrid的resize方法,具体使用如下:
$("#datagridId").datagrid({ …… ……, onLoadSuccess: function(data){ $("#datagridId").datagrid("resize",{ height: ($(window).height()) }); } });
如果要增加水平的滚动条呢?
$("#datagridId").datagrid({
……
……,
onLoadSuccess: function(data){
$("#datagridId").datagrid("resize",{
height: ($(window).height()),
width: ($(window).width())//估计是这样,没有测试
});
}
});
========================
蕃薯耀 2018年2月6日
http://fanshuyao.iteye.com/