Fire event when selecting rows about smart-table

[lorenzofox3]

Sure, it makes sens.
I'll do it over the week end ; or you can make a pull request if you want.
Thanks

Laurent

[lorenzofox3]

fixed with 4f6501c

[andrenam]

Did you remove that selectionChange event?
Testing version 1.3.0 and using $scope.$on('selectionChange', ... ).
No event gets fired and browsing the smart-table code for version 1.3.0 there is no sign of any event namend "selectionChange". Did you remove this feature?

[lorenzofox3]

There is no event anymore you are correct, you can consider v1.x.x as a totally new module.

to know which item has been selected, you could watch the bound collection, or even add an handler on click if you think it could introduce performance issues. Now the scope hierarchy is much simpler and whatever you declare in the table will be in the current scope of your controller

[antonsarov]

Could you please provide an example on this? As far as I understand, if you watch the bound collection, then you are going to be notified only when it changes but not when the items inside get a new property or similar.

[antonsarov]

Ah, nevermind, was just too lazy to write it myself. But here it is, in case somebody needs it:

$scope.$watch('displayedCollection', function(newVal) {
    console.log("selected items: " + newVal.filter(function(item) {
        return item.isSelected;
    }).length);
}, true);

[jmcollin78]

In my case it was:

$scope.$watch(function() {
        return _.filter($scope.displayedElts, function (elt) {  return elt.isSelected;  }).length;
      }, function(newValue, oldValue) {
         $log.debug('Number of selected elts has change oldValue="%d" newValue="%d"', oldValue, newValue);
      });

[astsiapanay]

It doesn't work for 2.1.3:
$scope.$watch('displayedCollection', function(newVal) {
console.log("selected items: " + newVal.filter(function(item) {
return item.isSelected;
}).length);
}, true);
It seems Angular can't see changes any longer for bound collections.

[lildukedana]

I am having the same issue when trying to send a selected row to a new table in a bootstrap modal.
I'm putting a watch on the collection, but it is not keeping track of anything. I also put a second function in ng-click, and pass the row as a parameter to a function but the function does not get called.

//Here's the markup 
<tr ng-click="row.isSelected = !row.isSelected; test(a)" ng-class="{'st-selected':row.isSelected}" st-selected-row="row" st-select-mode="multiple"
                                        ng-repeat="a in smertAccountTabe" ng-show="!acc.isloading">

   //here are the functions in the controllers
   $scope.test = function () {
           //no dialog popping up 
           alert("test worked on click");
       }

       $scope.$watch('smertAccountTabe', function (row) {
           //get selected row
          //alert("test this filter");

           row.filter(function (r) {

               if (r.isSelected) {
                   alert("test the watch");
                   console.log(r);
                   return r;
               }

           })
       }, true);

//here is the CSS for row selection 
.table-striped>tbody>tr.st-selected:nth-child(odd)>td,
.table-striped>tbody>tr.st-selected:nth-child(even)>td {
background-color: #001A67 !important;
color: #fefefe!important;

}         

[KavyaShetty]

Has anyone found a solution for this?

[jmcollin78]

@KavyaShetty This snippet does the trick for me:

$scope.$watch(function() {
        return _.filter($scope.displayedElts, function (elt) {  return elt.isSelected;  }).length;
      }, function(newValue, oldValue) {
         $log.debug('Number of selected elts has change oldValue="%d" newValue="%d"', oldValue, newValue);
      });

[totallytotallyamazing]

Hey Ya'll anyone can help me? I've been trying this and it works but errors in browser console this, "Error: row is undefined".

$scope.$watch('displayedCollection', function(row) {
  // get selected row
  row.filter(function(r) {
     if (r.isSelected) {
       console.log(r);
     }
  })
}, true);