Question

我正在使用angularjs mudule智能桌。

我的表有服务器端处理，所有数据加载都位于服务器上。我希望在桌子外面有一个刷新按钮。

这是调用服务器的函数，我希望能够手动调用它，但我无法弄清楚如何在我的控制器中检索表状态。

this.callServer = function callServer(tableState) {

        ctrl.isLoading = true;

        var pagination = tableState.pagination;

        var start = pagination.start || 0;     // This is NOT the page number, but the index of item in the list that you want to use to display the table.
        var number = pagination.number || 10;  // Number of entries showed per page.

        service.getPage(start, number, tableState, ctrl.startDateFilter,
                ctrl.endDateFilter).then(function (result) {
            ctrl.displayed = result.data;
            tableState.pagination.numberOfPages = result.numberOfPages;
            ctrl.isLoading = false;
        });
    };

我的目标是拥有这样的功能，如何获得表状态？

    this.refreshTable = function(){
        tableState = getTableState();
        ctrl.callServer(tableState);
    }

Answer 1

解决方案是将表状态放在控制器变量中。

每次调用callServer函数时，它都会更新此变量。这样，我就可以刷新表格了。

    this.tableState = null;

    this.callServer = function callServer(tableState) {
        ctrl.tableState = tableState;
        ...
    }

    this.refreshGrid = function(){
        ctrl.callServer(ctrl.tableState);
    }

Answer 2

您也可以创建指令来执行此操作。

查看

<table st-pipe="productsTableCtrl.getTableData" st-table="productsTableCtrl.tableData" refresh-table>

在您的控制器内

$scope.$broadcast('refreshMyTable');

<强>指令

app.directive("refreshTable", function(){ return { require:'stTable', restrict: "A", link:function(scope,elem,attr,table){ scope.$on("refreshMyTable", function() { table.pipe(table.tableState()); }); } }});

对gtaylor44的致谢：https://github.com/lorenzofox3/Smart-Table/issues/363#issuecomment-246636293

智能表 - angularJs - ajax刷新表

2 个答案: