2016-03-15 30 views
3

我正在使用Angular Ui Grid。如何顯示單個列的多個字段?謝謝。Angular UI Grid如何顯示單個列的多個字段

我需要在同一列上同時顯示streetNumberStreetName.How can I do that?

vm.propertyListGridOptions = { 
       appScopeProvider: vm, 
       flatEntityAccess: false, 
       fastWatch: true, 
       showHeader: false, 
       columnDefs: [ 
        { 
         name: app.localize('IplNumber'), 
         field: 'id', 
         width: 100, 
        }, 
        { 
         name: app.localize('BrAddress'), 
         field: 'address.streetNumber', 
         width: 140, 
        } 

       ], 
       data: [] 
      }; 

回答

3

您可以使用這樣

$scope.gridOptions['columnDefs'] = [ 

    {field: 'name', displayName: 'Name'}, 
    {field: 'options',displayName: 'Options', cellTemplate: '<span>{{row.entity.streetNumber}} {{row.entity.StreetName}}</span>'} 
]; 

自定義模板,您也可以參考這個網頁的文檔的自定義模板http://ui-grid.info/docs/#/tutorial/317_custom_templates

+1

它的排序和篩選基礎上通過'場中提到的'options' '屬性。但是,如何過濾數據的確切顯示方式? – Sridhar

相關問題