Question

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

这是我的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

请查看以下教程here。它有两种情况：

标准Jquery。
Oracle Jet Common模型。

在您提供的示例中，您使用的是Oracle jet Common模型，这非常适合在Rest Webservice上进行CRUD操作。

我建议您也参加标准Jquery场景，该场景非常有用且易于使用。

希望有所帮助。

在Oracle Jet中使用Rest Webservices

2 个答案: