jqGrid グリッド高を検索結果数に合わせて低くする

投稿日: 投稿者:

gridComplete に下のような関数を入れてます。


// 高さを行数に応じてアジャストする //
adjustGridHeight($(this), 20, reccnt, 30);

/**
 * グリッド高のアジャスト
 * @param {type} gridobj 対象グリッド
 * @param {type} maxreccnt アジャスト適用最大レコード数
 * @param {type} reccnt 検索結果レコード数
 * @returns {undefined} なし
 */
function adjustGridHeight(gridobj, maxreccnt, reccnt) {

  //var reccnt = $(gridobj).jqGrid("getGridParam", "records");

  // 高さを行数に応じてアジャストする //
  if (reccnt <= maxreccnt) {
    $(gridobj).parents(".ui-jqgrid-bdiv").css('height', $(gridobj).css('height'));
    var hv = $(gridobj).parents(".ui-jqgrid-bdiv").css('height').replace('px', '');
    var hvadj = eval(hv) + eval(40) + 'px';
    $(gridobj).parents(".ui-jqgrid-bdiv").css('height', hvadj);
  }
  // これがないと復帰しないので //
  else {
    $(gridobj).parents(".ui-jqgrid-bdiv").css('height', $(gridobj).jqGrid('getGridParam', 'height'));
  }

}

[ 適用前 ]

[ 適用後 ]

コメントを残す