在uiGrid角度獲取所選行的值

Question

我有一個用戶界面，允許用戶選擇一行。如果選擇了一行，我想將所選行的某些字段綁定到輸入字段。這怎麼可能？

$scope.gridOptions = { 
data : items, 
columnDefs: [ 
    { name: 'ITEMNO', field: 'ITEMNO', displayName: 'Pos.', enableHiding : false, width: 75 }, 
    { name: 'SERIALN_REQ', field: 'SERIALN_REQ', displayName: 'Serialpflichtig', enableHiding : false, width: 175 } 
], 
enableScrollbars : false, 
enableHorizontalScrollbar : 0, 
enableVerticalScrollbar : 0, 
enableFullRowSelection : true, 
enableRowSelection: true, 
enableSelectAll: false, 
multiSelect : false, 
selectionRowHeaderWidth: 0, 
rowHeight: 55, 
enablePaginationControls: false, 
paginationPageSize: 5 

};

$scope.gridOptions.onRegisterApi = function (gridApi) { 
    $scope.gridApi = gridApi; 
    $scope.gridApi.grid.modifyRows($scope.gridOptions.data); 
    $scope.gridApi.selection.selectRow($scope.gridOptions.data[0]); 
    var rows = $scope.gridApi.selection.getSelectedRows(); 
    } 

在我的HTML，我有以下幾點：

<div class="large-2 columns"> 
    <input type="text" disabled ng-model={{}}> <!-- here i want to bind a cell of the selected grid row --> 
    </div><div ui-grid="gridOptions" ui-grid-selection ui-grid-pagination class="myGrid"></div> 

Answer 1

這裏是你的預期一個（被選定的行值，並將其綁定到輸入元素）。

使用下面的代碼

$scope.rowtobebinded=undefined; 
$scope.gridOptions.onRegisterApi = function(gridApi) { 
     $scope.gridApi = gridApi; 
     $scope.gridApi.grid.modifyRows($scope.gridOptions.data); 
     $scope.gridApi.selection.selectRow($scope.gridOptions.data[0]); 
     var rows = $scope.gridApi.selection.getSelectedRows(); 

     //aravind's code to get the selected row elements is as below 
     gridApi.selection.on.rowSelectionChanged($scope,function(row){ 
       console.log("selected row is ",row); 

       //binding the row's no to the textbox 

       $scope.rowtobebinded=row.entity.ITEMNO; 

     }); 
}); 

LIVE DEMO