Хочу показать GIF-файл загрузчика в таблицах данных

#javascript #jquery #datatables

#javascript #jquery #таблицы данных

Вопрос:

Я использую таблицы данных. Мой код работает нормально. Теперь я хочу добавить изображение загрузчика (gif). Я не знаю, как это добавить. Вот мой скрипт для обработки данных на данный момент.

 $(document).ready(function() {
    $("#dvloader").show();
    oTable = $('#example').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers"                   
    });
});

Вот мой загрузчик:

 <div id="loader">
    <img src="ajaxloader.gif" />
</div>

1. вы не упомянули, где и при каком событии вы хотите отобразить это изображение, вы хотите заменить строку ‘Processing,,,’ этим изображением?

2. @anu да, я хочу отобразить изображение.

Ответ №1:

Если вы хотите заменить строку ‘Processing …’ изображением, как вы упомянули в комментарии, вам нужно взглянуть сюда

 $('#example').dataTable( {
    oLanguage: {
        sProcessing: "<img src='loading.gif'>"
    },
    processing : true
});

1. Не забудьте добавить опцию processing: true

2. Для тех, кто застрял в использовании устаревших таблиц данных, вам нужно использовать bProcessing: true вместо processing: true

3. Я использовал тот же способ, но изображение не отображается для IE 11 и Chrome. Это нормально работает только в Firfox.

4. Гиперссылка не работает.

5. Новая ссылка здесь ! datatables.net/examples/server_side/defer_loading.html

Ответ №2:

В таблицах данных 1.10 и последующих версиях вы должны использовать:

 $('#example').dataTable({
  language: {
     processing: "<img src='loading.gif'>"
  },
  processing: true
});

На сегодняшний день не требуется, но более стандартно, учитывая новую документацию. В последнем обновлении проект изменился с использования венгерской нотации на стандартную camelCase. Представляет интерес:

Пожалуйста, обратите внимание, что вариант венгерской нотации устарел и будет удален в будущих версиях расширений (при следующем крупном обновлении версии расширения — т. Е. с 1.x до 2.x, хотя 2.x не планируется в ближайшее время — в серии 1.x еще много жизни!). Документация для расширений будет обновлена, чтобы удалить венгерскую нотацию до этого момента.