Question

我有一个Bootstrap表，该表可能需要一段时间才能加载。当前，显示数据之前显示的默认消息是：“正在加载，请稍候...”，但我想将其更改为更具描述性的内容。可以在获取数据时更改表内显示的消息吗？

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

Answer 1

如果要使用jQuery初始化表，则可以使用所需的任何html字符串设置formatLoadingMessage属性。

$('#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/#/），而改用它。

Bootstrap表的自定义加载消息（以替换“正在加载，请稍候...”）

1 个答案: