我試圖從智能表 1.x版本切換到角UI格(3.0版),更換爲NG-電網。
我幾乎喜歡ui-grid,但有一件事讓我發瘋。在智能表中,值爲dataRow
,這是引用表內實體的便捷方式。使用Angular UI-Grid,您如何在不使用行選擇的情況下訪問行實體數據?
我之前使用它的是填充一個html模板以包含來自實體的字段信息,例如放置在網格單元格內的html模板中的ng-click="$parentScope.edit(dataRow.id)"
。
但是,在ui網格,我似乎無法訪問實體對象,沒有進行正式的行或單元格選擇。任何將它包含在單元格模板中的努力都會產生一個對象(row.entity
),但我無法訪問任何實體元素,它們顯示爲未定義。有任何想法嗎?
此外,我已經能夠在html模板中執行一個方法,但只能使用沒有參數的方法,而不是試圖從實體本身使用參數。
這裏是與智能表工作我的HTML模板:
<a data-toggle="tooltip" data-placement="top" title="View {{filteredRowCollection}}" ng-click="$parent.$parent.$parent.$parent.view(dataRow.id)"
class="glyphicon glyphicon-camera green">
</a>
<a data-toggle="tooltip" data-placement="top" title="Edit {{selectionId}}" ng-click="grid.appScope.edit(row.entity.id)"
class="glyphicon glyphicon-pencil blue">
</a>
<a data-toggle="tooltip" data-placement="top" title="Delete {{selectionId}}" ng-click="$parent.$parent.$parent.$parent.delete(dataRow.id)"
class="glyphicon glyphicon-trash red">
</a>
我試圖用這樣的事情與UI格:
function edit(row){
. . .
};
row
,在這一點上是一個對象,因爲是row.entity
。我期望能夠使用像row.entity.id
之類的字段之一,但它是undefined
。
我剪切和粘貼的小錯誤。編輯的ng-click線實際上是我的一個測試。應該讀的是ng-click =「grid.appScope.edit(row.entity.id)」 – 2015-02-17 21:00:17
編輯爲希望。但是,您應該知道您可以自己編輯自己的問題:在您的問題的下方查找編輯按鈕:) – ccjmne 2015-02-17 22:41:02