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

Posted 2020-10-23 蕃薯耀

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代码  

1. $("#datagridId").datagrid({  
2.     ……  
3.     ……,  
4.     onLoadSuccess: function(data){  
5.         $("#datagridId").datagrid("resize",{  
6.             height: ($(window).height())  
7.         });  
8.     }  
9. });  

 

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

Java代码  

1. $("#datagridId").datagrid({  
2.     ……  
3.     ……,  
4.     onLoadSuccess: function(data){  
5.         $("#datagridId").datagrid("resize",{  
6.             height: ($(window).height()),  
7.             width:  ($(window).width())//估计是这样，没有测试  
8.         });  
9.     }  
10. });  

 

 

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

蕃薯耀 2018年2月6日

http://www.cnblogs.com/fanshuyao/