1. 程式人生 > >jquery easyui datagrid 無滾動條,datagrid 沒垂直滾動條

jquery easyui datagrid 無滾動條,datagrid 沒垂直滾動條

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代碼 技術分享圖片
  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 沒垂直滾動條