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

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/

评论

1 楼 蕃薯耀 2018-02-06  

jquery easyui datagrid 无滚动条，
easyui datagrid 没垂直滚动条，
easyui datagrid 垂直滚动条，
datagrid resize方法使用

==========
蕃薯耀