在 jqGrid 列中加载图像

Posted 2023-05-09

【中文标题】在 jqGrid 列中加载图像

【英文标题】：Loading image in jqGrid column

【发布时间】：2012-08-14 11:10:21

【问题描述】：

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

提前谢谢...

【参考方案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);//有一个ajax加载图片。

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

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