JQGrid，需要更改进度消息“正在加载...”答案

【问题标题】：JQGrid, Need to change progress message "Loading..."JQGrid，需要更改进度消息“正在加载...”
【发布时间】：2010-12-17 18:34:26
【问题描述】：

我想将 JQGrid “正在加载...”消息更改为带有动画 gif 图像的内容。到处找，但找不到路。任何人请。

【问题讨论】：

标签： jqgrid

【解决方案1】：

尝试使用

.ui-jqgrid .loading { background: url(ajax-loader.gif); }

它应该工作。例如，可以从here 加载一些动画 gif。顺便说一句，具有“正在加载...”消息的 div 具有以下形式

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

id“load_list”将由前缀“load_”和表格元素的id构成。

更新：要删除文本“正在加载...”，您可以使用loadtext:'' jqGrid 选项或覆盖grid.locale-en.js 中的$.jgrid.defaults.loadtext 全局设置：

$.jgrid.defaults.loadtext='';

如果您需要调整加载 div 的宽度、高度或任何其他 CSS 参数，您可以按照相同的方式进行操作。例如，

.ui-jqgrid .loading
{
    left: 45%;
    top: 45%;
    background: url(ajax-loader.gif);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

【讨论】：

添加了 .ui-jqgrid .loading {background: url(../images/38-1.gif);位置：绝对；顶部：45%；左侧：45%；宽度：自动；z-index：101；填充：6px；边距：5 像素；文本对齐：居中；字体粗细：粗体；显示：无；边框宽度：2 像素！重要；}。我看到了动画 gif，但仍然加载......在那里。高度和宽度没有根据我的动画 gif 进行调整。有什么帮助吗？
@pirzada：我用其他信息和示例更新了我的答案。

【解决方案2】：

这可能是使用 FontAwesome 而不是 gif 对问题的更现代的回答。我在任何地方都找不到这个问题的答案，不得不从各个地方拼凑起来，包括上面@oleg 的答案。

希望这对其他人的搜索有所帮助。

<style>
    .ui-jqgrid .loading {
        background-color: transparent;
        border: 0px;
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
    }

    .ui-jqgrid .loading:before {
        content: "\f110";
        font-family: FontAwesome;
        font-size:40px;
    }
</style>

然后在 $(document).ready(function() {

之后放置以下内容（完全像这样）

$.jgrid.defaults.loadtext='';

【讨论】：