कोणीय यूआई ग्रिड, templating

Question

के माध्यम से एक पंक्ति सेल के लिए एक बटन जोड़ने मैं निम्नलिखित gridOptions.columnDefs

$scope.generateReport = function(row) { 
    alert("Test"); 
}; 

$scope.gridOptions.columnDefs = [ 
    { name: 'Action', 
     cellEditableCondition: false, 
     cellTemplate: '<button ng-click="grid.appScope.generateReport(row)"> 
         Report 
         </button>' 
    }]; 

यह काम नहीं कर रहा, बटन शो मिल गया लेकिन एक बार क्लिक किया अपने कार्य बुला नहीं। मैं उनकी मार्गदर्शिका Here का पालन कर रहा हूं, और मैं ui-grid - v3.0.0-RC.18 का उपयोग कर रहा हूं।

मुझे अपने एचटीएमएल के लिए निम्नलिखित मिल गया।

 <div id="grid1" 
      ui-grid="gridOptions" 
      ui-grid-cellnav 
      ui-grid-edit 
      ui-grid-expandable 
      ui-grid-exporter 
      class="myGrid"> 
     </div> 

मैं भी एक external-scope जोड़ने की कोशिश की, लेकिन कोई फर्क नहीं था ..

कोई भी विचार?

Answer 1

यूई-ग्रिड पंक्ति में एक बटन के लिए मेरा एनजी-क्लिक इस तरह दिखता है।

ng-click="getExternalScopes().delete($event, row) 

मेरे नियंत्रक $ गुंजाइश इंजेक्शन है और पहली पंक्ति संदर्भ (मेरा मानना ​​है कि) बाहरी गुंजाइश के लिए बनाता है।

app.controller("MyController", function ($scope) { 
$scope.$scope = $scope; 

एचटीएमएल इस तरह दिखता है, जो बाहरी दायरे को संदर्भित करता है।

<div ui-grid="gridOptions" class="someClass" external-scopes="$scope" ui-grid-selection ui-grid-resize-columns></div> 

यहाँ मेरा पूरा cellTemplate है अगर यह मदद करता है ...

<div class="ui-grid-cell-contents ng-binding ng-scope"><button class="btn btn-danger {{getExternalScopes().deleteButtonClass(row)}} btn-xs btn-block" ng-click="getExternalScopes().delete($event, row)"><span class="glyphicon glyphicon-trash"></span></button></div>