0

angularjsアプリケーションでブートストラップサーバー側のデータテーブルを使用していますが、毎分そのデータテーブルのデータをリロードしたいと考えています。どうすればそれができますか？次のコードを使用しています。

HTML:

<table bs-table-control="matterTableControl"  id="matterTableControl"></table>

コントローラ：

$scope.getMatterTable = (function () {
    $scope.matterTableControl = {
        options : {
            toolbar : "#get",
            url : url,
            dataField : 'rows',
            cache : false,
            sidePagination : 'server',
            pagination : false,
            showExport : false,
            queryParams : queryParams,
            clickToSelect : true,
            onClickRow : onClickRow,
            maintainSelected : true,
            columns : [{
                    field : 'ClientName',
                    title : 'Client',
                    align : 'left',
                    valign : 'bottom',
                    sortable : false
                }, {
                    field : 'Name',
                    title : 'Matter',
                    align : 'left',
                    valign : 'bottom',
                    sortable : false
                }
            ]
        }
    }
});

次のコードを使用してこれをリロードしようとしていますが、成功しません:

$interval(function () {
   $scope.getMatterTable();
}.bind(this), 60000);

Datatable のドキュメント: http://bootstrap-table.wenzhixin.net.cn/documentation/

例: http://issues.wenzhixin.net.cn/bootstrap-table/#integrate/angular

データテーブルの Github コード: https://github.com/wenzhixin/bootstrap-table-examples/tree/master/integrate/angular

4

2 に答える 2

1

ブートストラップ テーブルのデータ URL を更新する最良の方法は、refresh メソッドを使用して、

$table.bootstrapTable('refreshOptions', {url: 'new url'});
$table.bootstrapTable('refresh', {url: 'new url'});

refreshOptions を実行しない場合、BootstrapTable は次の更新で古い URL を引き続き使用します。たとえば、サーバー側が有効になっている場合のページネーション/並べ替え/検索。

また、JS を使用せずにテーブルを作成した場合は、この方法で URL を更新できます

$('#tableId').bootstrapTable('refreshOptions', {url: 'new url'});
$('#tableId').bootstrapTable('refresh', {url: 'new url'});

ローダー アイコンを追加する必要がある場合は、refresh メソッドを呼び出す前に追加し、onLoadSuccess、onLoadError イベントでローダー アイコンを削除する必要があります。

ドキュメント: http://bootstrap-table.wenzhixin.net.cn/documentation/#methods

于 2016-07-29T00:52:23.390 に答える