Настраиваемое сообщение о загрузке таблицы Bootstrap (вместо «Загрузка, пожалуйста, подождите ...») - PullRequest
Новая
       5

Настраиваемое сообщение о загрузке таблицы Bootstrap (вместо «Загрузка, пожалуйста, подождите ...»)

0 голосов
/ 07 января 2019

У меня есть таблица начальной загрузки, загрузка которой может занять некоторое время. В настоящее время перед отображением данных отображается сообщение по умолчанию: «Идет загрузка, подождите ...», но я бы хотел изменить его на более описательный. Можно ли изменить сообщение, отображаемое внутри таблицы при получении данных? 

  $('#items-table').on('load-success.bs.table', function (e) {
      if($scope.formatNoMatches == 'Loading, please wait...'){
        $scope.formatNoMatches = 'No items found';
        $('#items-table').bootstrapTable('refresh');
      }
  });

1 Ответ

0 голосов
/ 08 января 2019

Если вы инициализируете свою таблицу с помощью jQuery, вы можете установить свойство formatLoadingMessage с любой html-строкой, которую вы пожелаете. 

$('#table').bootstrapTable({
    data: data,
    formatLoadingMessage: function() {
        return '<b>This is a custom loading message...</b>';
    }
});

Если вы хотите, вы можете указать, когда показывать сообщение, используя showLoading и hideLoading, как показано в следующей скрипте http://jsfiddle.net/s83qgonp/

Я использую setTimeout () для имитации HTTP-вызова / ответа. Кредит http://jsfiddle.net/djhvscf/e3nk137y/4839/,, на котором в значительной степени основывалась моя скрипка.

ПРИМЕЧАНИЕ: в этом ответе игнорируется тот факт, что рекомендуется не смешивать AngularJS и jQuery. Лучшим подходом было бы найти хорошую библиотеку таблиц AngularJS (возможно, ngTable http://ng -table.com / # / ) и использовать ее вместо этого.

...