如何在 oracle-jet 中刷新表 oj-table 组件？

Question

我正在向 API 添加数据，我希望我的 oj-table 显示它。如何刷新 oracle-jet 中的特定组件？

我正在使用 oracle-jet v6.1.0 开发一个应用程序，我使用本地 api 来获取和存储数据并使用表格显示它。我发送 POST 请求，数据存储在数据库中，在回调函数中，我转到表格页面，但没有得到新行！

这是我点击提交按钮时的功能：

   self.submitopportunity = function() {

        var dataObj = {
            "projectName": self.custProject(),
            "department": self.custDepartements(),
            "type": self.srtVal(),
            "budget": self.custBudget(),
            "description": self.solutionVal(),
            "closeDate": self.closeDate(),
            "customer": self.nameVal(),
            "product": self.productVal(),
            "status":  self.statusVal(),
            "contact": self.contactVal(),
            "favorite": false
        };
        console.info(dataObj);
        $.ajax({
            url: url + '/opportunity',
            type: "POST",
            data: JSON.stringify(dataObj),
            contentType: 'application/json',
            success: function (response) {
                oj.Router.rootInstance.go("opportunities");
                return true;
            },
            error: function(error){
                console.log("Something went wrong", error);
            }
        })

    };

当我刷新页面时，会添加新行。那么如何同步或刷新 oj-table 组件呢？

Answer 1

所有 oracle JET 组件都具有“刷新”功能。只需这样做：

document.getElementById('yourtableid').refresh();

导航到表格页面后直接更新组件，需要用到oj.Router的go方法returns a Promise。我们可以使用回调来刷新表格。

success: function (response) {
      oj.Router.rootInstance.go("opportunities").then(
         function(result) {
            if (result.hasChanged) {
                document.getElementById('yourtableid').refresh();
            }
         },
         function(error) {
            console.log('Failed. ', error);
         }
      );
      return true;
 }