AngularJS Smarttable - Ereignis bei Auswahl

Question

Gibt es eine Möglichkeit, ein Ereignis bei der Zeilenauswahl in AngularJS Smart Table auszulösen?

Dies war ein Thema in anderen Thread, aber immer noch keine Antwort auf diesen Punkt.

Unable to select the grid item using SmartTable in Angular JS

Answer 1

benötigen I diese Funktionalität, um eine Platte zu zeigen, wenn mindestens 1 Zeile ausgewählt wurde. Ich habe ursprünglich eine Uhr aufgebaut, aber ich entschied, dass das zu teuer war.

Ich fügte schließlich einen Rückruf innerhalb der StSelectRow-Direktive hinzu.

ng.module('smart-table') 
    .directive('stSelectRow', function() { 
    return { 
     restrict: 'A', 
     require: '^stTable', 
     scope: { 
      row: '=stSelectRow', 
      callback: '&stSelected' // ADDED THIS 
     }, 
     link: function (scope, element, attr, ctrl) { 
     var mode = attr.stSelectMode || 'single'; 
     element.bind('click', function ($event) { 
      scope.$apply(function() { 
       ctrl.select(scope.row, mode, $event.shiftKey); 
       scope.callback(); // AND THIS 
      }); 
     }); 

     //***/// 
     } 
    }; 
    }); 

war ich dann in der Lage, eine Funktion von meinem Controller an die Richtlinie zu übergeben (Anmerkung: Sie können die ausgewählte Zeile zurück, gehe ich brauchte nicht zu)

tr ng-repeat="row in customerResultsTable" st-select-row="row" st-select-mode="multiple" st-selected="rowSelected()"> 

diesen Beitrag referenzierte für Hilfe Callback function inside directive attr defined in different attr

Answer 2

Hier eine einfache Uhr ist auf eine Smart Table zu platzieren:

// fired when table rows are selected 
$scope.$watch('displayedCollection', function(row) { 

    if(!row) return; 

    // get selected row 
    row.filter(function(r) { 
    if (r.isSelected) { 
     console.log(r); 
    } 
    }) 
}, true); 

verwandten html:

<table st-table="displayedCollection" st-safe-src="rowCollection" class="select-table table"> 

This github issue war hilfreich.