用戶界面網格角js中的條件單元格模板

我需要根據狀態或純文本將單元格中的文本顯示爲鏈接。如果狀態爲「已刪除」，則該名稱應顯示爲純文本或超鏈接。以下是我的網格選項。我總是把它作爲超鏈接。有人請幫我糾正我的單元格模板，以便我正確地得到它。用戶界面網格角js中的條件單元格模板

$scope.gridOptions = { 
    data: 'ProjectDetails', 
    columnDefs: [ 
    { field: 'Id', displayName: 'ID', visible: false }, 
    { displayName: 'Name', width: 200, cellTemplate: '<div> {{row.entity.ProjectStatus}} != Deleted </div>' ? '<div><a href="http://################ID={{row.entity.Id}}">{{row.entity.Name}}</a></div>' : '<div> {{row.entity.Status}}</div>' }, 
    { field: 'Expense', displayName: 'Operating Expense', width: 185, cellFilter: 'noFractionCurrency' },   
    { field: 'Status', displayName: 'Status', width: 150 } 
    ] 
};

來源

2016-04-25 Janet

你爲什麼不接受你的解決方案？ – Sampath

我會這樣做ngShow。

var cellTemplate = "<div ng-show='row.entity.Status !== 'Deleted''><a href='#####{{row.entity.Id}}'>{{row.entity.Name}}</a></div><div ng-show='row.entity.Status === 'Deleted''>{{row.entity.Status}}</div>"

來源

2016-04-25 18:55:01 Kyle

這沒有幫助。它將Name和Both均顯示爲鏈接，並顯示每行中的文本，而不考慮狀態。 – Janet

如果'row.entity.Status！=='Deleted''只顯示一個鏈接。檢查你的JSON。有兩個div使用兩個不同的'ng-show'，對它們進行修改以適應您的需求。對不起，盲目編碼錯誤。 – Kyle

不確定仍然沒有運氣與ngShow。 – Janet

ng-if幫助了我。

cellTemplate: "<a target='_blank' ng-if=\"row.entity.Status != 'Deleted'\" 
href='#########?ID={{row.entity.Id}}'>{{row.entity.Name}}</a><div ng- 
if=\"row.entity.Status == 'Deleted'\">{{row.entity.Name}}</div>"

來源

2016-04-27 03:54:38 Janet

我剛添加HREF的狀態-deleted和純文本非刪除選項。

var cellTemplate: "<a target='_blank' ng-if="row.entity.Status !=\ 'Deleted\'" 
href='#########>{{row.entity.Name}}</a><div ng- 
if="row.entity.Status == \'Deleted\'">{{row.entity.Name}}</div>"

來源

2018-01-04 12:53:15

用戶界面網格角js中的條件單元格模板

回答

相關問題