码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-02-06 20:24:06      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:ges   技术   事件   text   解决方案   datagrid   flow   数据   ima   

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/

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

标签:ges   技术   事件   text   解决方案   datagrid   flow   数据   ima   

原文地址:https://www.cnblogs.com/fanshuyao/p/8423196.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!