在Oracle Jet中使用Rest Jet服务

Question

我是甲骨文喷气机的新人。我想要实现的是在Oracle Jet中使用Rest Jet服务。

那是我的ViewModel

 function CustomerViewModel() {
     var self = this;

    self.DeptCol = ko.observable();
    self.datasource = ko.observable();

    self.serviceURL = '/hr/employees/';
    self.parseDept = function(response) {
        return {empno: response['empno'],
            DepartmentName: response['ename'],
            LocationId: response['job'],
            ManagerId: response['hiredate'],
            mgr: response['mgr'],
            sal: response['sal'],
            comm: response['comm'],
            deptno: response['deptno']};
    };
    self.Department = oj.Model.extend({
        urlRoot: self.serviceURL,
        parse: self.parseDept,
        idAttribute: 'empno'
    });

    self.myDept = new self.Department();
    self.DeptCollection = oj.Collection.extend({
        url: self.serviceURL,
        model: self.myDept
    });

    self.DeptCol(new self.DeptCollection());
}

这就是我的观点

<table id="table" summary="Department List" aria-label="Departments Table" 
       data-bind="ojComponent:{  
   component:'ojTable',
   data:datasource,
   columns:[  
      {  
         headerText:'empno',
         field:'empno'
      },
      {  
         headerText:'ename',
         field:'DepartmentName'
      },
      {  
         headerText:'job',
         field:'LocationId'
      },
      {  
         headerText:'hiredate',
         field:'ManagerId'
      },
      {  
         headerText:'mgr',
         field:'mgr'
      },
      {  
         headerText:'sal',
         field:'sal'
      },
      {  
         headerText:'comm',
         field:'comm'
      },
      {  
         headerText:'deptno',
         field:'deptno'
      }
   ]
}"> 
</table>

当我测试我的页面时，它不会显示任何错误，页面是空白的。有人能帮忙吗？谢谢

Answer 1

请查看下面的教程这里。它有两种设想：

1. 标准Jquery。
2. 甲骨文喷气机通用模型。

在您提供的示例中，您使用的是Oracle jet公共模型，它非常适合Rest jet服务上的CRUD操作。

我还建议您查看Standard场景，它非常有用，而且易于使用。

希望这能有所帮助。

Answer 2

在CustomerViewModel结束时，您可能忽略了实际设置可观察到的datasource：

self.datasource(new oj.CollectionTableDataSource(self.DeptCol()));