在Oracle Jet中使用Rest Web服务

Question

我是Oracle Jet的新手。 我要实现的是在Oracle Jet Table中使用Rest Web服务。

那就是我的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

在CustomerViewModel的末尾，您可能会错过实际设置可观察的datasource ：

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

Answer 2

请在此处查看以下教程。 它有2个场景：

1. 标准Jquery。
2. Oracle Jet通用模型。

在您提供的示例中，您正在使用Oracle jet Common模型，该模型对于在Rest Web服务上进行CRUD操作非常有用。

我建议您也看一下标准Jquery场景，它非常有用且易于使用。

希望能有所帮助。