問題タブ [free-jqgrid]

トップレベルのツールバーを備えた無料の jqgrid が使用されます。

ボタンとページャーは、インライン ブロック要素としてレンダリングされたツールバーの左側にあります。センター部分にあります。トップレベルのツールバーの左右の部分は 、無料のjqgridでページャーをツールバーの上部の最後に配置する方法の回答のコードを使用して削除されます

行数が異なるテーブルを編集するために同じコードが使用されます。複数のページ(50行以上)がある場合にのみ、トップレベルのツールバーにjqgridページャーを表示する方法は?

多くのテーブルには行がほとんど含まれておらず、ページャーを表示する必要はありません。

新しい行が追加された場合、ページャーが自動的にまたは交互に表示される必要があります。ユーザーはページを更新してページャーを強制的に表示できます。

アップデート

単一の要求で colmodel とデータを取得し、jqgrid の読み込みを高速化する方法に従って、高速取得のリモート ページ データが使用され ます。

pagesize+1 行のみが返されます。JSON の結果は、レコードの値なしで ASP.NET MVC4 で作成されます。

p.reccount と p.records は常に同じ値を持つため、ページャーは表示されません。この場合、条件付きでページャーを表示する方法は? ページ内のレコードとページサイズの比較を使用する必要がありますか?

回答のコードjqgrid で動的に行番号を false に設定します

行番号を切り替えるボタンを作成するために使用されます。

行番号が 9999 より大きい場合、最後の桁は表示されません。

行番号 10000 .. 10009 は 1000 として表示され、10010 は 1001 として表示されます。行番号全体を表示するにはどうすればよいですか? ブラウザでさまざまなズームレベルを試してみましたが、行番号全体が表示されません。サイズを変更する必要がありますが、行番号の列はサイズ変更できないようです。

「jqGrid の日付列に input type='date' を使用する方法」で説明されているように、ブラウザー ネイティブの日付ピッカーがインライン行編集に使用されます。

フォーム編集にも使用するには？以下のコードを試しました：

• グリッドで選択された行
• ツールバーの編集ボタンを押した
• 編集フォームで保存ボタンを押した

その後、日付はグリッドの invdate 列から消えます。また、編集フォームで次のレコード ボタンと前のレコード ボタンを押すと、invdate が消えます。

ブラウザでサポートされている場合、ブラウザネイティブのhtml5日付タイプピッカーを使用して編集フォームで日付を編集および表示する方法は?

jqGridの日付列にinput type = 'date'を使用する方法のコードを使用したネイティブhtml日付ピッカーは、無料のjqgridで日付フィールドを編集するために使用されます。ツールバーの日付ボタンを使用して行を保存すると、日付の値が壊れます。

再現する手順：

• 下のページを Chrome で開く
• 最初の行をクリックして編集します
• ツールバーの保存ボタンを押します

観測: 29.03.2037 日付が表示されます。

予想: 日付はその値を保持する必要があります (2007 年 10 月 31 日)

これを修正するには？

jqgridでインライン編集を開始するためにクリックされたセルにフォーカスを設定する方法からの回答に基づく以下のコード

クリックしたセルにフォーカスを置き、シングルクリックでこのセルのインライン編集を開始するために使用されます。

jqgrid の幅が広く、水平スクロールバーが表示され、右端の列がクリックされると、jqgrid は左端の列にスクロールし、その後、クリックされた列にスクロールして戻ります。

これにより、不快な点滅視覚効果が発生します。この点滅を取り除く方法は？

再現するには、下のページを Chrome で開き、右にスクロールして [金額] 列をクリックします。編集開始前にグリッドが点滅します。この点滅を取り除く方法は？

このスクロール中に画面の更新をオフにしたり、すべてのグリッド セルを最初に編集モードにしたり、他のアイデアにすることは可能ですか?

Twitter Bootstrap (Glyphicon Halflings セット) に含まれるアイコンを jqgrid で使用するには?

jqgrid では FontAwesome アイコンを使用できますが、これには追加のファイルを含める必要があります。ブートストラップには既にアイコンが含まれているため ( http://getbootstrap.com/components/ )、追加のファイルは重複を引き起こし、必要ありません。

jqgrid でデフォルトのブートストラップ アイコンを使用するには?

アップデート

FontAwesome と jquery ui の画像イメージを追加する必要がないように、すべての FontAwesome アイコンを置き換える方法を探しています。

デモ

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

置き換える必要のある基本的なアイコンを表示します。

上から新しいアイコン:

• 追加 - グリフィコンプラス
• 編集 - glyphicon-pencil

等

通常、FontAwecome と Glyphicons は同じ名前です。対応表あり

http://tagliala.github.io/vectoriconsroundup/

もう 1 つの可能性は、CSS を使用してアイコンを作成することです。この場合、特別なアイコン フォントはまったく必要ありません。

無料のjqgrid 4.8を使用しています。モーダル ダイアログ内で jqgrid を使用します。ページャーの削除ボタンを使用しようとすると、すべてのダイアログが無効になります。

http://jsfiddle.net/9ezy09ep

何か案は ？ありがとう