jquery - jqGrid列に画像を読み込んでいます

Question

jqGrid の列の 1 つとしてボタンがある状況があります。ユーザーがボタンをクリックすると、データベースで何らかの処理が行われます。プロセスが完了すると、データベースの最新データを使用してグリッドが更新されます。グリッドは完全に読み取り専用です。プロセスの実行中に、クリックされたボタンとまったく同じ場所に ajax 読み込みイメージを表示するにはどうすればよいですか?

前もって感謝します...

Answer 1

したがって、この Loading... がポップアップしたときに生成される html は

<div id="load_list" class="loading ui-state-default ui-state-active">Loading...</div>

ここで、ID「load_list」は、プレフィックス「load_」とテーブル要素の ID から作成されます。

// 他の html もチェックします。生成されている場合は、それも非表示にできます。この div はクラス名 = jqgrid-overlay を持つフレームに読み込まれると思います。ui.jqgrid.css の読み込みセクションを確認すると、読み込みテキストが表示されたときに何が生成されるかがわかります。すべてを非表示にします。

ボタンをクリックすると、この div を非表示にして、次のようなことができます。

$("buttonId").bind('click', function () { var spinner = $("").insertAfter(this);// 1 つの ajax 読み込みイメージがあります。

jQuery.ajax({
    success: function (response) {
        // handle response

        spinner.remove();
    });
    });
});