2017-01-16 52 views
2

我試圖使用角2。這是我的代碼在數據網格中顯示的列中的元素的列表:表示列數據把手角列表2

export class AlertData { 
    constructor() { 
     this.employmentList = new Array<KeyValue>(); 
     this.provincesList = new Array<KeyValue>(); 
     this.alertPeriodRefId = new KeyValue(); 
    } 

    public alertId: number; 
    public candidateRefId: number; 
    public alertPeriodRefId: KeyValue; 
    public creationDate: Date; 

    public employmentList: KeyValue[]; 
    public provincesList: KeyValue[]; 
} 



private createColumnDefs() { 
    return [ 
     { headerName: "Puesto/s", field: "employmentList" }, 
     { headerName: "Ubicación/es", field: "provincesList"}, 
     { headerName: "Periodicidad", field: "alertPeriodRefId.value"} 
    ]; 
} 

字段employmentList和provincesList是一個KeyValue元素列表,我想在列中顯示這些列表的值。

有人可以幫我嗎? 在此先感謝。

回答

1

我已經使用PrimeNG組件繪製類似的用戶界面。你可以在這裏找到數據網格組件http://www.primefaces.org/primeng/#/datagrid 這可以作爲你的出發點。 如果你決定使用這個組件集,我會很高興通過一個解決方案。

+0

謝謝,但我不需要改變組件,我使用的datagrid是好的。作爲一個暫時的解決方案,我已經添加了兩個字段到dto包含一個字符串與不同的employements /省,我顯示這個字符串作爲列字段,但這將兩個很多的可視化邏輯在服務層,我不喜歡它。我想知道是否有更好的解決方案。 –