Замените сообщение по умолчанию «Loading ...» на Image «Loading.gif» в нижнем колонтитуле JQGrid

Question

Эксперты

Я успешно реализовал JQGrid с моим проектом. Мое требование: я хочу заменить сообщение по умолчанию «Загрузка ...» на изображение «Загрузка.gif» в нижнем колонтитуле jqgrid .

Возможно ли это реализовать?

Я также приложил снимок экрана для большей ясности.

Обновлен нижний колонтитул 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>

, удалить текст по умолчанию «Loading ...» с помощью $.jgrid.defaults.loadtext='' и переместить div «loading» в нужное местоиметь это.Может потребоваться дополнительная настройка некоторых стилей CSS.Например,

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

В конце вы получите что-то вроде

См. Соответствующую демонстрацию здесь .