2014-04-24 33 views
1

我正在使用ng-grid並嘗試爲單元格單擊時設置回調。在該回調中,我想知道單元格的行和列。我發現最好的方法是使用cellTemplate(並把onclick事件)在columnDefs 爲每列,這是不是很乾:ng-grid單擊事件回調

$scope.gridOptions = { 
    data: 'myData', 
    columnDefs: [{field: 'name', displayName: 'Name', 
        cellTemplate: '<div onclick="...">{{row.entity[col.field]}}</div>' 
        }, 
        {field: 'age', displayName: 'Age', cellTemplate: ...} 
       ] 
}; 

這是有問題也是如此,因爲NG-點擊不起作用,我不能使用onclick控制器的範圍..

非NG-電網解決方案也歡迎..

回答

2

不幸的是,NG-電網沒有返回列號的一個非常好的概念。

如果你可以只用行號度日,下面plunker應該告訴你如何做到這一點:

http://plnkr.co/edit/jYZWV9FpCdeENIETLEXV?p=preview

您使用beforeSelectionChange功能,其中包括rowItem。這有行號等。

另一種選擇是使用單元格模板爲每個單元格添加行/列號的數據屬性,然後爲該點擊設置一個事件偵聽器。如果仍然使用很多columnDefs並且不會非常幹,但它會比現在更幹。