zoukankan      html  css  js  c++  java
  • jquery easyui datagrid 无滚动条,datagrid 没垂直滚动条

    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.               ($(window).width())//估计是这样,没有测试  
    8.         });  
    9.     }  
    10. });  

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

    蕃薯耀 2018年2月6日

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

  • 相关阅读:
    数据类型
    32个关键字
    标识符
    Xcode常用快捷键
    Linux中级之keepalived配置
    linux中级之keepalived概念
    Linux中级之lvs三个模式的图像补充(nat,dr,tun)
    linux中级之防火墙的数据传输过程
    Linux中级之netfilter/iptables应用及补充
    linux中级之lvs配置(命令)
  • 原文地址:https://www.cnblogs.com/fanshuyao/p/8423196.html
Copyright © 2011-2022 走看看