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

Question

专家介绍,

我在我的项目上成功实现了JQGrid.我的要求是我想在jqgrid页脚将图像"Loading.gif"替换为默认消息"Loading ...".

这有可能实现吗？

我还附加了屏幕截图以获得更清晰.

更新了JQGrid页脚HTML

谢谢,
Imdadhusen

Answer 1

首先,我建议你阅读两个旧的答案:这个和这个.

要使加载div显示动画gif而不显示文本,您应该更改'loading'类的样式,例如

<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');

最后你会收到类似的东西

请在此处查看相应的演示.