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

Question

我正在向 API 添加数据，并且希望我的 oj 表显示它。如何刷新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;
 }