Question

我在角色JS的DTColumnBuilder，DTOptionsBuilder的帮助下有一个数据表。现在我正在尝试在弹出窗口中编辑行内容。

编辑后，表格列表中的内容值已更改（数据将暂时编辑，无需通信服务器）。但是根据表格不会刷新编辑的值。

我是Angular JS的新手，任何人都指导我实现这一目标。

$scope.organization={};
$scope.dtColumns = [  
DTColumnBuilder.newColumn('salaryComponent.salaryHead').withTitle("Name"),
DTColumnBuilder.newColumn('amount').withTitle("Amount"),
DTColumnBuilder.newColumn('effectiveFrom').withTitle("Effective From"),
DTColumnBuilder.newColumn(null).withTitle('Action').notSortable().renderWith(actionsHtml)];
function actionsHtml(data, type, row, meta) {
   $scope.organization[data.id] = data;
   return  '<button class="btn btn-warning"  ng-click="editOrganization(organization[' + data.id + '])"  aria-label="Remove">'+
                                                            '   <i class="fa fa-edit"></i>' +
                                                            '</button>&nbsp;

弹出结果：

 modalInstance.result.then(function (organization) {
    console.log("ok", organization);
    console.log($scope.organization);
}, function () {
     $log.info('Modal dismissed at: ' + new Date());
  });
};

Answer 1

您有两种选择：

更新行时返回新数据并在“父”控制器中覆盖它，以便您获得刷新数据。
提供包含表格中所有所需数据的服务。然后在更新弹出窗口中的数据时更新它。然后它也会刷新你的父视图，因为它将是你的数组/对象的引用。

如何在以角度编辑行对象内容后刷新数据表？

1 个答案: