AngularJS Smarttable - sự kiện trên chọn

Question

Có cách nào để kích hoạt sự kiện trên hàng được chọn trong Bảng thông minh AngularJS không?

Đây là chủ đề trong chủ đề khác nhưng vẫn không có câu trả lời cho điểm này.

Unable to select the grid item using SmartTable in Angular JS

Answer 1

Tôi cần chức năng này để hiển thị bảng điều khiển khi có ít nhất 1 hàng được chọn. Ban đầu tôi thiết lập một chiếc đồng hồ, nhưng quyết định đó là quá đắt.

Tôi đã kết thúc thêm một cuộc gọi lại bên trong chỉ thị stSelectRow.

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 
      }); 
     }); 

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

tôi sau đó có thể vượt qua một chức năng từ bộ điều khiển của tôi để chỉ thị (lưu ý: bạn có thể vượt qua các hàng đã chọn lại, tôi không cần phải)

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

Được tham chiếu bài này giúp Callback function inside directive attr defined in different attr

Answer 2

Dưới đây là một chiếc đồng hồ dễ dàng để đặt trên một Smart Table:

// 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); 

html có liên quan:

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

This github issue là hữu ích.