問題タブ [free-jqgrid]

jqgrid ツールバーの検索ボタンを押すと、高度な検索ウィンドウが開きます。エンターキーを押しても検索が始まらない。検索を開始するには、検索ボタンをクリックする必要があります。

検索ボタンをクリックするのと同じように、Enterキーを押して検索を開始できるようにする方法は?

データ型：'json' => loadComplete event ok！

しかし、onSelectRowイベントは大丈夫ではありません！

データ型：'local' => loadComplete event ok！

そしてonSelectRowイベントは大丈夫です！

なぜ！？

jquery-ui-1.9.0.custom.min.css, ui.jqgrid.css, jquery-1.8.2.js, jquery-ui-1.9.0.custom.min.js, jquery.jqGrid-4.4.1/js/jquery.jqGrid.min.js

...。

=================================================

編集中にいくつかの列を無効にしたいのですが、これらの列は navGrid Add を使用して追加するときに有効になります。以下のコードを使用しています：

navGrid 編集オプションでは、以下のコードを書いています。

しかし、編集後に追加している間、列の上が無効になっています。どんな助けでも大歓迎です。前もって感謝します。

フリーの jqgrid 4.8 とフォントの素晴らしいアイコン セットが使用されています。

標準アクション ボタンは、colmodel を使用して定義されます。

からのコードを使用して追加のボタンが追加されます。

jqgridでアクションボタンの前にボタンを追加する方法

ただし、このコードで font awesome クラスが使用されていても、jquery ui ボタンとして表示されます。

jqgrid の行の高さは、JQgrid セットの行の高さからのコードを使用して増加します

しかし、インライン フォーマッタのアクション ボタンはタブレットには小さすぎます。

ツールバーのボタンのサイズは、

jqgridトップツールバーのカスタムボタンを標準ボタンのように大きくする方法からですが 、これはインラインアクションボタンには影響しません。

使ってみた

ただし、これはjquery uiアクションボタンのみを変更します。

素晴らしいフォントが使用されている場合、インライン アクション ボタンのサイズを大きくするにはどうすればよいですか? カスタムjquery uiアクションボタンにフォントの素晴らしいアイコンボタンを使用するには?

素晴らしいフォント アイコン セットが使用されている場合、選択要素とトグル ボタンを配置して、jqgrid のトップ ツールバーを解放する方法を探しています。4.6で動作するコードを試しました：

しかし、選択要素は表示されません。

私が試したトグルボタンについて

トグルボタンもツールバーに表示されません。これらの要素を強制的に表示する方法は?

無料の jqgrid トップ ツールバーには多くのボタンが含まれており、最後のページ ボタンのない要素とページャーを選択します。ボタンは複数の行に折り返されます。を使用して中央部分を除去

ページャーは右側の領域にあるため、ページャーの下と後に未使用の空きスペースがたくさんあります。

を使用して空きスペースを削除しようとしました

と

この場合、ツールバー ボタンの上にページャーが表示されます。

トップツールバーの最後など、ページャーを他の場所に配置するにはどうすればよいですか?

jqgrid 設定:

スタイル：

アップデート

からデモしてみました

http://www.ok-soft-gmbh.com/jqGrid/OK/tougleButton1_iconOver2.htm

jqgrid の幅を減らしました。

空のスペースがまだ表示されます:

この領域にボタンを配置して、グリッド幅全体を使用し、必要な数の行を折り返すにはどうすればよいですか? ボタンの後、ページャーを配置する必要があります。

できる限り少ない行を占めるコンパクトなツールバーが望ましいです (このサンプルでは最後の 2 つのボタンが削除されています)。

FontAwesome アイコン セットは、フリーの jqgrid で使用されています。デフォルトのアクション ボタンは fontawesome ボタンとして表示されます。jqgrid行にカスタムフォントのavesomeアイコンボタンを付けてみました。これはjquery uiアイコンで機能します：

ui-icon-locked私はfa-lock使用して置き換えました

しかし、フォントの素晴らしいアイコンは表示されません。キャレットのような jquery-ui アイコンが表示されます。フォントの素晴らしいアイコンでボタンを追加するには?

4.7.1 から 4.8.0 への移植時にいくつかの問題が見つかりました。

1. ページング - 「要求された」ページを見つけるために $(".ui-pg-input").val() を使用していました。複数のグリッドがある場合、後で $("#pg_"+pagerName).find('.ui-pg-input')[0].value を使用しました。それらのどれも現在機能していません。グリッドの状態に関係なく、「1」を取得し続けます。(私がそれを必要とする理由は、ページング用に別のキーを使用して postData を構築していて、グリッドが Ajax を再度投稿する前にいくつかの計算を行う必要があるためです。そのため、ユーザーが次のページをクリックするとすぐに postData を変更する必要があります。 ）。したがって、これはもう機能していません。

2. ツールバーフィルターには、列挙値の右側に X がありません (別名、リストから選択する必要がある列には、フィルターをリセットするための X がありません)。

3. ページの要素にいくつかの変更があります。折りたたみ/展開用のボタンを追加しました (はい、組み込みの折りたたみ/展開を認識していますが、2 つのグリッドでアコーディオンを演奏する必要があり、展開/折りたたみが発生した後にイベントがトリガーされたため、非表示にしています) 、アコーディオンをシミュレートするために、ユーザーがグリッド全体の展開/折りたたみをクリックするとすぐにイベントをキャッチする必要がありました)。とにかく、次のとおりです。

   /li>

はまだ機能していますが、かつては右にうまく配置されていたものが、めちゃくちゃに見えて 1 行下に移動しています。ヘッダーに関連して何か変更されましたか? 展開/折りたたみが発生する前に、タイトルバーで展開のイベントをキャッチできる別の方法はありますか?

4. 検索ダイアログ 'searchGrid' (高度なクエリを実行できるもの、右上のモーダルを閉じるための X がありません。これは、私が試した複数のテーマに当てはまります。

5. 上部バーのテーブルレイアウトが変更されたと思います。右上のバーに（新しいボタンなどの）微調整をいくつか追加しましたが、画面が小さい場合はそれらの場所が足りないようです。

6. 私のグリッド幅の設定は、autowidth: true、shrinkToFit: true ですが、columnchooser を使用してフィールドを追加すると、グリッドの幅が維持されず、どんどん広くなります。実際、下部にある内側のスクロール バーは使用されません。グリッドはどんどん広くなり、内部スクロールはありません。

7. _toppager 全般に関して何か変更がありましたか? （上記の＃5も説明できます）。このコードは、3.7.1 でうまく機能し、左上に更新アイコンを生成していましたが、代わりに 2 つのアイコンを生成しています。動作していないアイコン (左上) と上部バーの中央下部にもう 1 つです。 、バーの高さをそのサイズの 2 倍にします。

   $(nameOfGrid).jqGrid('navButtonAdd', nameOfGrid + '_toppager', { caption: "", buttonicon: "ui-icon-refresh", title: "refresh", onClickButton: function () { $(nameOfGrid). setGridParam({ postData:sessionListData($(nameOfGrid),gridName)}).trigger("reloadGrid"); } });

素晴らしい作品をありがとう:-)