jquery easyui datagrid 無滾動條,datagrid 沒垂直滾動條
阿新 • • 發佈:2018-02-06
p s load grid 技術 如果 fan 垂直滾動條 收藏 解決
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代碼- $("#datagridId").datagrid({
- ……
- ……,
- onLoadSuccess: function(data){
- $("#datagridId").datagrid("resize",{
- height: ($(window).height())
- });
- }
- });
如果要增加水平的滾動條呢?
Java代碼- $("#datagridId").datagrid({
- ……
- ……,
- onLoadSuccess: function(data){
- $("#datagridId").datagrid("resize",{
- height: ($(window).height()),
- width: ($(window).width())//估計是這樣,沒有測試
- });
- }
- });
==============================
蕃薯耀 2018年2月6日
http://www.cnblogs.com/fanshuyao/
jquery easyui datagrid 無滾動條,datagrid 沒垂直滾動條