jqGridajax呼び出しを処理する正しい方法

AlexCode

jqGrid定義でURLを単に「ハードコーディング」する代わりに、AJAX呼び出しを実行する独自の関数が必要です。

私はいくつかのオプションを試しましたが、URLを直接適用した場合のシナリオを真に模倣するものはありません。

基本的に私が必要としているのは、jqGridのすべてのデフォルトの動作を維持することですが、ajaxを実行する責任があるのはサーバーです。

var loadData = function () {
    var formData = $('#formFilters').serializeArray();

    getData(formData)
        .then(function (data) {
            $grid
                .setGridParam({ "datatype": "jsonstring", "datastr": data })
                .trigger("reloadGrid");

            resizeGrid();
    })
};

そして、グリッドは次のように接続されます。

$grid.jqGrid({
    datatype: loadData,
    colModel: [...]

ここでの主な問題は、並べ替えによってajax呼び出しがトリガーされないことです。これを、もう少しハックする必要があるのではないかと思います。

グリッドとデータサービス機能の間でこのデカップリングを実現する方法に関するベストプラクティスはありますか?

ありがとう、アレックス

クレシミールペンディック

このイベントにフックすることができます:

jqGridSortCol

ここに文書化されています:http//www.trirand.com/jqgridwiki/doku.php?id = wikievents

最初に、次のような現在のフィルターオブジェクトを取得してみてください。

var f = 'gridselector'
var flts = $( '#' + f ).jqGrid('getGridParam', 'postData').filters

そのオブジェクトを変更することができ、フックされたイベントよりも次のようなものを試してください。

$( '#' + f ).jqGrid( 'setGridParam', { search: true, postData: flts } ); 
$( '#' + f ).jqGrid().trigger('reloadGrid');

ps ..多分あなたはあなたの問題からいくつかのjsfiddleをすることができるので、私たちはもっと深く見ることができます:)

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

同時API呼び出しを処理する方法

分類Dev

Ninject InRequestScopeで非同期呼び出しを処理する方法は?

分類Dev

API呼び出しでRESOURCEEXHAUSTEDエラーを処理する方法

分類Dev

非同期のsendMessage呼び出しを処理する方法は?

分類Dev

useEffectからの非同期呼び出しを処理する方法

分類Dev

forループ内でGoogleMapsAPI呼び出しを処理する方法

分類Dev

android:onStopメソッド呼び出しを処理する方法

分類Dev

APIへの非同期呼び出しを処理する方法は?

分類Dev

javascriptを使用した関数で呼び出し関数を正しく処理する方法

分類Dev

角度のあるhttp呼び出しを処理し、結果をサブスクライバーに渡す正しい方法

分類Dev

コールバックとしてCからpython関数を呼び出す。GILを処理する正しい方法は何ですか?

分類Dev

oEventなしで関数の呼び出しを処理する方法

分類Dev

Ajax呼び出しの応答を作成して処理する方法

分類Dev

同じ関数を呼び出す複数のAjax呼び出しを処理する方法は?

分類Dev

すべてのAJAX呼び出しを処理する一般的な方法

分類Dev

追跡し、複数のAjax呼び出しを処理する

分類Dev

Java:method()が不適切な呼び出しを処理する適切な方法

分類Dev

Spring / EJB / Mockito ...プロキシで内部呼び出しを処理する方法は?

分類Dev

jQuery AJAXでAPI呼び出しエラーを処理する方法は?

分類Dev

複数のEnumerable.Zip呼び出しを処理する方法は?

分類Dev

DeleteDocumentAsyncの呼び出し中に非同期例外を処理する方法

分類Dev

DeleteDocumentAsyncの呼び出し中に非同期例外を処理する方法

分類Dev

Angular Subsinkで2つのAPI呼び出しを処理する方法は?

分類Dev

同期呼び出しを処理するための最良の方法

分類Dev

ReactでsetStateへの非同期呼び出しを処理する方法は?

分類Dev

ラムダnodejsで非同期呼び出しを処理する方法

分類Dev

$ .Deferredでネストされた呼び出しを処理する方法

分類Dev

ゲームの例で非常に深い再帰呼び出しを処理する方法

分類Dev

角度のあるCSSパスを呼び出す正しい方法

Related 関連記事

  1. 1

    同時API呼び出しを処理する方法

  2. 2

    Ninject InRequestScopeで非同期呼び出しを処理する方法は?

  3. 3

    API呼び出しでRESOURCEEXHAUSTEDエラーを処理する方法

  4. 4

    非同期のsendMessage呼び出しを処理する方法は?

  5. 5

    useEffectからの非同期呼び出しを処理する方法

  6. 6

    forループ内でGoogleMapsAPI呼び出しを処理する方法

  7. 7

    android:onStopメソッド呼び出しを処理する方法

  8. 8

    APIへの非同期呼び出しを処理する方法は?

  9. 9

    javascriptを使用した関数で呼び出し関数を正しく処理する方法

  10. 10

    角度のあるhttp呼び出しを処理し、結果をサブスクライバーに渡す正しい方法

  11. 11

    コールバックとしてCからpython関数を呼び出す。GILを処理する正しい方法は何ですか?

  12. 12

    oEventなしで関数の呼び出しを処理する方法

  13. 13

    Ajax呼び出しの応答を作成して処理する方法

  14. 14

    同じ関数を呼び出す複数のAjax呼び出しを処理する方法は?

  15. 15

    すべてのAJAX呼び出しを処理する一般的な方法

  16. 16

    追跡し、複数のAjax呼び出しを処理する

  17. 17

    Java:method()が不適切な呼び出しを処理する適切な方法

  18. 18

    Spring / EJB / Mockito ...プロキシで内部呼び出しを処理する方法は?

  19. 19

    jQuery AJAXでAPI呼び出しエラーを処理する方法は?

  20. 20

    複数のEnumerable.Zip呼び出しを処理する方法は?

  21. 21

    DeleteDocumentAsyncの呼び出し中に非同期例外を処理する方法

  22. 22

    DeleteDocumentAsyncの呼び出し中に非同期例外を処理する方法

  23. 23

    Angular Subsinkで2つのAPI呼び出しを処理する方法は?

  24. 24

    同期呼び出しを処理するための最良の方法

  25. 25

    ReactでsetStateへの非同期呼び出しを処理する方法は?

  26. 26

    ラムダnodejsで非同期呼び出しを処理する方法

  27. 27

    $ .Deferredでネストされた呼び出しを処理する方法

  28. 28

    ゲームの例で非常に深い再帰呼び出しを処理する方法

  29. 29

    角度のあるCSSパスを呼び出す正しい方法

ホットタグ

アーカイブ