2011-12-07 11 views
0

jqGridには、多くの行を含むテキストエリアが含まれています。 この場合、ウィンドウの高さを編集して表示するのが大きすぎます。これらのウィンドウはスクリーンからレンダリングされ、下部の行は表示されません。jqGridの編集と表示ウィンドウの最大高さを制限する方法

これらのウィンドウの高さを常に画面に合わせて制限し、 スクロールバーをnessecaryに表示する方法を教えてください。

テキストエリアの高さを制限する回答がありましたが、ウィンドウの高さを制限してスクロールバーを強制的に表示する方法を探しています。

私は

jQuery.extend(jQuery.jgrid.edit, { 
    maxheight: 0.82* screen.height, 
    dataheight: height-60 
    }); 

jQuery.extend(jQuery.jgrid.view, { 
    maxheight: 0.82* screen.height, 
    dataheight: height-60 
    }); 

を試してみましたが、これは、最大の高さを制限するものではありません。

答えて

2

フォームに"max-height"の設定しても問題が解決しなければならないように私には思える:

beforeShowForm: function ($form) { 
    $form.css({"max-height": 0.70*screen.height+"px"}); 
} 

the demoを参照してください。私は 'textarea'型の列がそれほど多くないので、1列の高さを大きな値に設定して、の最大高さを確認してください。必要なのはです。ところで、私は小さな編集フォームの高さをテストすることはできませんが、ビューの高さは設定に依存しません。

+0

ありがとうございました。それはほとんどのテーブルで正常に動作します。ビューのフォームの1つの表では、テキストエリア内のすべてのクリックとIE9内の他の場所でフォームの高さが高くなります(FireFoxにはこの問題はありません)。また、サンプルで使用されるスタイルは、テキストエリアの行から行末を削除します。 – Andrus

+1

@Andrus:IE9の問題はIEのようですが、私はここで説明しました(http://www.trirand.com/blog/?page_id=393/bugs/heightauto-works-wrong-in-ie-height100 -works-correct /#p22557)。 'height:" auto "' styleを 'height:" 100% "'に置き換えると修正できます。問題は、これを動的に行うべきだということです。私は 'beforeShowForm'で考えています。そして、あなたが記述した問題を見ていないので、HTML要素を変更する必要があるかどうかを正確に言うことはできません。 – Oleg

+0

ありがとうございます。あなたのリンクのTony返信によると、これは修正されています。私は何を変えるべきか正確には知らない。興味がある場合は、問題を再現するために使用できるURLを作成しようとすることができます。 – Andrus

関連する問題