Question

我想将JQGrid“正在加载...”消息更改为带有动画gif图像的内容。到处看都看不到办法。有人请。

Answer 1

尝试使用

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

它应该有用。某些动画GIF可以从here加载。顺便说一下，具有“正在加载...”消息的div具有

形式

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

其中id“load_list”将从前缀“load_”和表元素的id构造。

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

$.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;
}

Answer 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='';

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

2 个答案: