2017-08-24 18 views
0

Oracle Jetで新機能です。私が達成したいのは、Oracle Jet TableでWebサービスを使用することです。Oracle JetでWebサービスを使用する

私は私のページをテストするとき、それはすべてのエラーを示していないと、ページが空白の

<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> 

私のビューである私の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()); 
} 

です。誰かが助けてくれますか?

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

データが誤って解析されているために、この問題が発生することがあります。 Webサービスの応答も表示できますか? – Ray

+1

データを 'datasource'にどのように置くのか分かりません。あなたの問題が解決したかどうか、1行に行方不明、 – Koshinae

+0

がありますか? – CodeWriter

答えて

0

次のチュートリアルhereを確認してください:あなたのCustomerViewModelあなたは、おそらく実際に観測可能datasourceを設定欠場の終わりに おかげ

0

を。 の2つのシナリオ:

  1. 標準Jquery。
  2. Oracle Jet共通モデル。

例では、Oracleジェット共通モデルを使用していますが、これはRest WebサービスよりもCRUD操作に非常に適しています。

私は、標準Jqueryのシナリオを参考にすることをお勧めします。これは非常に便利で使いやすいものです。

希望に役立ちます。

関連する問題