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方法，具體使用如下：

$("#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://www.cnblogs.com/fanshuyao/