2017-03-16 2 views
0

に依存します:yのサイズがない場合はjqGridは、私は次のように動的にサイズ変更するウィンドウ上で計算されたサイズjqGridを持っていたrowNumが垂直グリッドのyサイズ

$(window).bind('resize', resizeTable); 
function resizeTable(){ 
    $("#jqGrid") 
     .setGridWidth($("#tableHolder").innerWidth()), 
     .setGridHeight($("#tableHolder").innerHeight()); 
}; 

定数たrowNumを持つ、スクロールバーがグリッドに表示されます指定された行数を保持するのに十分です。

グリッドの可視領域に収まる行だけを表示するようにrowNumを自動的に計算し、他のものが次のページに移動してスクロールバーを持たないようにします。それは可能ですか?

+1

あなたの問題をより詳しく説明するためにコードや画像を投稿してください。 現在の動作は何ですか?そして あなたが期待しているもの –

答えて

0

あなたが窓に基づくサイズはあなたが(中にコールバック/イベント)を設定するときに設定したオプションjqGridのより重要なのサイズを変更し、その計算方法あなたの質問には含まれません。

一般に、heightまたはrowNumのいずれかを設定できます。私は個人的にrowNum(ウィンドウサイズに基づいて計算される値)を指定し、height: "auto"(デフォルト値はheightfree jqGrid)を使用することを好みます。その結果、グリッドには垂直スクロールバーが決して配置されません。

は、さらに私は、グリッドの行の高さが変数ことができれば、代わりにbotomページャ(pagerオプション)のトップページャ(toppager: true)を使用することを好みます。

+0

答えをくれてありがとう、私はそれを簡単にするためにいくつかの機能が組み込まれていることを期待していましたが、 'height:" auto "'と 'rowNum'を設定するのが良い点です。ところで、行の高さを取得する簡単な方法はありますか? –

+0

@VictorK .:ようこそ!行は ''です。したがって、[jQuery.height](http://api.jquery.com/height/)または[jQuery.outerHeight](http://api.jquery.com/outerheight/)を使用できます。 – Oleg

+0

クール!ありがとう、それはグリッドが描画された後になるだろう少し遅れている...私はそれを予測する方法はないと信じて... –

関連する問題