jqGrid：すべてのフィールドが画面に収まらない場合のフォーム編集方法

Question

jqGridフォームの編集と追加は、すべてのフィールドを別々の行にレンダリングします。画面に収まるよりも多くのフィールドがある場合、編集フォームの高さは画面よりも大きくなります。ボトム編集フィールドは表示されず、編集できません。右下隅のリサイズがスクリーンの外にあるので、フォームのサイズを変更できません。

すべてのフィールドの編集を許可するにはどうすればよいですか？行内に複数のフィールドを描画したり、水平スクロールバーを追加してフォームやその他のアイデアを編集することは可能ですか？

 grid.navGrid("#pager", { }, { url: '<%= Url.Action("Edit", "Grid") %>', 
      savekey: [true, 13], 
      recreateForm: true, // required for textarea datainit 
      closeOnEscape: true, 
      closeAfterEdit: true, 
      errorTextFormat: function (response) { return response.responseText; }, 
     }, ... 

Answer 1

フォームでスクロールバーの使用を強制したり、同じoverflow: scroll値でform.FormGridのためのCSSを変更する

afterShowForm: function($form) { 
    $form.css({overflow: 'scroll'}); 
} 

のようなオプションを追加/編集を使用しようとすることができます。

[編集/追加]オプションのheightとという異なる値を使用できます（the documentation参照）。

おそらく、あなただけのcolsとrows属性を設定することで、問題を解決することができます

edittype:'textarea', editoptions: {rows:"10",cols:"80"} 

を、対応する列に