jquery - 在 jqGrid 列中加载图像

Question

我有一种情况，我将按钮作为 jqGrid 中的列之一。当用户单击按钮时，它会在数据库中进行一些处理。一旦该过程完成，网格将使用数据库中的最新数据进行更新。网格是完全只读的。谁能建议我，如何在进程运行时在单击的按钮完全相同的位置显示 ajax 加载图像？

提前致谢...

Answer 1

所以，当这个 Loading... 弹出时生成的 html 是

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

其中 id "load_list" 将由前缀 "load_" 和 table 元素的 id 构成。

//检查其他html，如果它生成了，你也可以隐藏它。我猜这个 div 被加载到一个类名=jqgrid-overlay 的框架中，检查 ui.jqgrid.css 中的加载部分，你会知道当加载文本出现时会生成什么，隐藏所有内容。

现在单击按钮，您可以隐藏此 div 并执行类似的操作。

$("buttonId").bind('click', function () { var spinner = $("").insertAfter(this);//有一张ajax加载图片。

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

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