将默认消息“正在加载...”替换为JQGrid页脚上的图像“Loading.gif”

Question

专家，

我在项目中成功实施了 JQGrid 。 我的要求是我想在jqgrid页脚上将默认消息“Loading ...”替换为Image“Loading.gif”。

这可以实现吗？

我还附加了屏幕截图以便更清晰。

更新了JQGrid页脚HTML

谢谢，
Imdadhusen

Answer 1

首先，我建议您阅读两个旧答案：this和this。

要使用显示动画gif且没有文本的加载div，您应该更改“加载”类的样式，例如

<style type="text/css">
    .ui-jqgrid .loading {
        background: url(loader1.gif);
        border-style: none;
        background-repeat: no-repeat;
    }
</style>

使用$.jgrid.defaults.loadtext=''删除默认文本“正在加载...”，然后将“loading”div移动到您想要的位置。还需要调整一些CSS样式。例如

$("#load_list")
    .css({position:'relative',left:'0',float:'left',width:'4px',
          height:'4px','margin-top':'3px'})
    .prependTo('#pager_left');

最后，您会收到类似

的内容

查看相应的演示here。