Angularjs - Selected value row

Question

I base in this example: http://code.ciphertrick.com/2014/12/06/highlight-a-selected-row-in-ng-repeat-using-ng-class/ Demo: http://code.ciphertrick.com/demo/ngClass/

The example is working ok, but i need to add a button element and when i click in the button, i want to show in a alert, the value of name column, for example "Noodles"

This is my code html:

<table class="table table-hover">
    <thead>
        <tr>
            <th>Branch</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="organizational in organizationals" ng-class="{'selected':$index == selectedRow}" ng-click="setClickedRow($index)">
      <td>{{organizational.branch}}</td>
            <td>{{organizational.name}}</td>
        </tr>
    </tbody>
</table>
<button type="button" class="btn btn-default" ng-click="createSelectRowClick();">Select</button>

This is my js code:

$scope.managers = [
 {name: 'Ana Faedo Iglesias'},
 {name: 'Cristina Menendez'},
 {name: 'Daniel Piriz'}
];

$scope.selectedRow = null;

$scope.setClickedRow = function(index){
    $scope.selectedRow = index;
}
$scope.createSelectRowClick = function(){
  if ($scope.selectedRow==null)
  {
    alert("Any rows selected");
  }
  else
  {
    //alert("valuetd" + value td column name, about click row);
  }
}

NOTE: The table is in a modal window, if i click in table row, I recover the value of the column, i close the window modal, and after, i can put the column value wherever.

How could do it? thanks,

Arun · Accepted Answer · 2016-03-29 13:57:19Z

1

Hope this will solve your problem.

$scope.createSelectRowClick = function(){
  if ($scope.selectedRow==null)
  {
    alert("Any rows selected");
  }
  else
  {
    alert("valuetd " + $scope.organizationals[$scope.selectedRow].name);
  }
}

answered Mar 29, 2016 at 13:57

Arun

1,1856 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Arun Over a year ago

Welcome. Happy to know that.

Collectives™ on Stack Overflow

Angularjs - Selected value row

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related