jQgridで行を並べ替えた後、新しい行の順序を取得するにはどうすればよいですか?

ReynierPM

次のグリッド定義があります。

$(document).ready(function () {
    $("#thegrid").jqGrid({
        url: "/ajax/questions/get/" + form_id,
        datatype: "json",
        colNames: ['id', 'grid_id', 'seq', 'type', 'text'],
        colModel: [
            {name: 'field_id', index: 'id', width: 100, editable: false, search: false},
            {name: 'grid_id', index: 'grid_id', width: 50, editable: false, search: false},
            {name: 'field_seq', index: 'seq', width: 45, editable: false, search: false},
            {name: 'type', index: 'type', width: 125, editable: false, search: false},
            {name: 'field_name', index: 'text', width: 585, search: false}
        ],
        autowidth: true,
        rowNum: 200,
        cmTemplate: {width: 300, autoResizable: true},
        iconSet: "fontAwesome",
        guiStyle: "bootstrap",
        autoResizing: {compact: true, resetWidthOrg: true},
        viewrecords: true,
        autoencode: true,
        sortable: true,
        pager: true,
        toppager: true,
        hoverrows: true,
        multiselect: true,
        multiPageSelection: false,
        rownumbers: true,
        loadonce: true,
        autoresizeOnLoad: true,
        forceClientSorting: true,
        ignoreCase: true,
        prmNames: {id: "field_id"},
        jsonReader: {id: "field_id"},
        localReader: {id: "field_id"},
        navOptions: {edit: false, add: false, search: false, del: false, refresh: true},
        pgbuttons: false,
        pginput: false,
        caption: "Questions",
        height: 100,
        editurl: '/ajax/questions/edit',
        onSelectRow:
            function () {
                // ....
            },
        loadComplete: function () {
            // ...
        }
    })
});

上記のコードを使用すると、行をドラッグしてグリッドの特定の位置にドロップすることで、行を並べ替えることができます。

この変更を維持するために、バックエンドにform_id(sessionStorageに格納されている)配列field_id => field_seqとDBレベルでいくつかの魔法を実行する関数があります。

初めてロードされたグリッドである次の画像を見てください。

ここに画像の説明を入力してください

ここで、色付きの行(id: 219110)を最初の行の位置にドラッグアンドドロップするとします。これにより、最初の行(id: 219110)が1行下に移動し(その後のすべての行に同じことが起こります)、移動した行が最初の位置になります。以下の例を参照してください。

前:

+--------+--------+-----+
| id     | gri_id | seq |
+--------+--------+-----+
| 219111 |        | 1   |
| ...    |        | ... |
| 219110 |        | 4   |
+--------+--------+-----+

後:

+--------+--------+-----+
| id     | gri_id | seq |
+--------+--------+-----+
| 219110 |        | 1   |
| 219111 |        | 2   |
| ...    |        | ... |
+--------+--------+-----+

idaskeyseqasの値を使用してビルドおよび配列する必要があるため、後でこれをAJAXバックエンド関数に渡して、新しいデータの格納を考慮します。

どうすればこれを達成できますか?

オレグ

lastSelectedDatajqGridのパラメーターを使用して、ユーザーが以前にソートおよびフィルター処理したアイテムを取得できます古い答え:これもう1つは、の使用法を示すデモを提供しますlastSelectedData

一般に、jqGridには、ローカルデータの並べ替えとフィルタリングに使用されるJavaScriptメソッドが内部に含まれています。古いjqGrid(iバージョン<= 4.7)で機能する古い回答のトリッキーな手法で説明しまし「freejqGrid」フォークの最初のバージョンでlastSelectedDataパラメーターを実装しましたreadmeを参照)。これにより、最後にソートおよびフィルター処理されたローカルデータを非常に簡単に操作できます。

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

Rでtable(A、B)を使用した後、特定の順序に従って列と行を並べ替えるにはどうすればよいですか?

分類Dev

SQL別の順序で展開された行を並べ替えて保持するにはどうすればよいですか?

分類Dev

gtsummaryパッケージの標数表列の行順序を並べ替えまたは変更するにはどうすればよいですか?

分類Dev

並べ替えた順序でVBAの並べ替えられたExcel範囲をループするにはどうすればよいですか?

分類Dev

オブジェクトの配列をキーで並べ替えてから、他のキーを並べ替えられた順序で新しい配列にプッシュするにはどうすればよいですか?

分類Dev

Kotlinの値でHashMap <String、Int>の順序を並べ替えるにはどうすればよいですか?

分類Dev

postgresqlを使用して、文字列のカスタム並べ替え順序でクエリを並べ替えるにはどうすればよいですか?

分類Dev

data.tableの行を任意の順序に基づいて並べ替えるにはどうすればよいですか?

分類Dev

並べ替え可能なテーブルの行の現在の順序を確認するにはどうすればよいですか?

分類Dev

最初の行、2番目の行、最後に3番目の行の数値を昇順で並べ替え、列の順序を保存するにはどうすればよいですか?

分類Dev

Notepad ++で行を番号順に並べ替えるにはどうすればよいですか?

分類Dev

別の配列の並べ替え順序に基づいて複数の配列を並べ替えるにはどうすればよいですか?

分類Dev

並べ替えたいものが文字で始まるMySQLクエリで自然並べ替えを行うにはどうすればよいですか?

分類Dev

番号を順序に従って並べ替えるにはどうすればよいですか?

分類Dev

辞書式順序で並べ替えられた配列に最初に別の配列を追加するにはどうすればよいですか?

分類Dev

リスト内のアイテムを並べ替えられた順序でグループ化するにはどうすればよいですか?

分類Dev

datatableに新しい行を追加し、各行のインデックスを並べ替えるにはどうすればよいですか?

分類Dev

Hiveでファイルを重複排除し、元の並べ替え順序を維持するにはどうすればよいですか?

分類Dev

Oracle SQLで「FetchFirst」を使用した後に行を並べ替えるにはどうすればよいですか?

分類Dev

Kotlinを使用して特定の並べ替えを行うにはどうすればよいですか?

分類Dev

REST APIを使用してWooCommerce製品の製品イメージの並べ替え順序を指定するにはどうすればよいですか?

分類Dev

Symfony Finderコンポーネントを使用してDESCの順序でファイルを並べ替えるにはどうすればよいですか?

分類Dev

ペアをキーとしてマップを逆の順序で並べ替えるにはどうすればよいですか?

分類Dev

Excelで行を正しく並べ替えるにはどうすればよいですか?

分類Dev

私が提供する特定の順序を指定して並べ替えるにはどうすればよいですか

分類Dev

DataTablesの行を日付で並べ替えるにはどうすればよいですか?

分類Dev

配列の順序を使用してこのコレクションを並べ替えるにはどうすればよいですか?

分類Dev

Tensorflow 3テンソルの行/列を並べ替えるにはどうすればよいですか?

分類Dev

大文字と小文字を並べ替えて無視しながら、2つの「等しい」文字列の行の順序を保持するにはどうすればよいですか。

Related 関連記事

  1. 1

    Rでtable(A、B)を使用した後、特定の順序に従って列と行を並べ替えるにはどうすればよいですか?

  2. 2

    SQL別の順序で展開された行を並べ替えて保持するにはどうすればよいですか?

  3. 3

    gtsummaryパッケージの標数表列の行順序を並べ替えまたは変更するにはどうすればよいですか?

  4. 4

    並べ替えた順序でVBAの並べ替えられたExcel範囲をループするにはどうすればよいですか?

  5. 5

    オブジェクトの配列をキーで並べ替えてから、他のキーを並べ替えられた順序で新しい配列にプッシュするにはどうすればよいですか?

  6. 6

    Kotlinの値でHashMap <String、Int>の順序を並べ替えるにはどうすればよいですか?

  7. 7

    postgresqlを使用して、文字列のカスタム並べ替え順序でクエリを並べ替えるにはどうすればよいですか?

  8. 8

    data.tableの行を任意の順序に基づいて並べ替えるにはどうすればよいですか?

  9. 9

    並べ替え可能なテーブルの行の現在の順序を確認するにはどうすればよいですか?

  10. 10

    最初の行、2番目の行、最後に3番目の行の数値を昇順で並べ替え、列の順序を保存するにはどうすればよいですか?

  11. 11

    Notepad ++で行を番号順に並べ替えるにはどうすればよいですか?

  12. 12

    別の配列の並べ替え順序に基づいて複数の配列を並べ替えるにはどうすればよいですか?

  13. 13

    並べ替えたいものが文字で始まるMySQLクエリで自然並べ替えを行うにはどうすればよいですか?

  14. 14

    番号を順序に従って並べ替えるにはどうすればよいですか?

  15. 15

    辞書式順序で並べ替えられた配列に最初に別の配列を追加するにはどうすればよいですか?

  16. 16

    リスト内のアイテムを並べ替えられた順序でグループ化するにはどうすればよいですか?

  17. 17

    datatableに新しい行を追加し、各行のインデックスを並べ替えるにはどうすればよいですか?

  18. 18

    Hiveでファイルを重複排除し、元の並べ替え順序を維持するにはどうすればよいですか?

  19. 19

    Oracle SQLで「FetchFirst」を使用した後に行を並べ替えるにはどうすればよいですか?

  20. 20

    Kotlinを使用して特定の並べ替えを行うにはどうすればよいですか?

  21. 21

    REST APIを使用してWooCommerce製品の製品イメージの並べ替え順序を指定するにはどうすればよいですか?

  22. 22

    Symfony Finderコンポーネントを使用してDESCの順序でファイルを並べ替えるにはどうすればよいですか?

  23. 23

    ペアをキーとしてマップを逆の順序で並べ替えるにはどうすればよいですか?

  24. 24

    Excelで行を正しく並べ替えるにはどうすればよいですか?

  25. 25

    私が提供する特定の順序を指定して並べ替えるにはどうすればよいですか

  26. 26

    DataTablesの行を日付で並べ替えるにはどうすればよいですか?

  27. 27

    配列の順序を使用してこのコレクションを並べ替えるにはどうすればよいですか?

  28. 28

    Tensorflow 3テンソルの行/列を並べ替えるにはどうすればよいですか?

  29. 29

    大文字と小文字を並べ替えて無視しながら、2つの「等しい」文字列の行の順序を保持するにはどうすればよいですか。

ホットタグ

アーカイブ