2017-01-30 2 views
1

ojTableに内部pojoのフィールドの値を表示する必要があります。ここでoracle jetを使用してojTableの内部オブジェクトから値を表示する方法

はbakcendコードです:

public class Profile implements Serializable { 
private String descr; 
private Location location; // I need to show on table -> ojtable 
} 


public class Location implements Serializable { 
private Long id; 
private String locationName; 
} 

HTMLコード:このシナリオでは

<table id="table" summary="Subscriber List" 
data-bind="ojComponent: {component: 'ojTable', 
emptyText: 'No Data', 
data: dataSource, 
selectionMode: {row: 'single'}, 
columnsDefault: {sortable: 'enabled'}, 
dnd: {reorder: {columns: 'enabled'}}, 
columns: 
[{headerText: 'Description', 
field: 'description'}, 
{ headerText: 'Location Name', 
field: 'location.locationName'} ----->>>>>> This one is not working 
], 
rootAttributes: {'style':'width: 100%; height:100%;'}}"> 
</table> 

私はプロフィールオブジェクトを持っているとhtml側にインナーLocationオブジェクトのlocationNameのフィールドに到達する必要があります。 私はdot notaion - > location.locationNameを試しましたが、動作しません。

私もカスタムレンダラ/ノックアウトテンプレートを試しましたが、私は表示する必要があるすべてのフィールドに対して新しいjsファンクションを必要とします。これは一般的ではありません。

これを達成するために手伝ってください。

ありがとうございます。私は例のようにカスタムの行テンプレートを使用して表示し、ojTableを整理するためのスムーズな方法を理解したよう

答えて

2

<script type="text/html" id="row_tmpl"> 

    <tr> 
     <td data-bind="text: location.locationName"> 
     </td> 
     <td data-bind="text: location.id"> 
     </td> 
    </tr> 

</script> 

elemntsの順序はojTable列の名前の順序にフィットするように注意してください。

関連する問題