Extended the grid API with "onHeaderRendered" and "onBeforeHeaderDestroy" events and added a Slick.Plugin.HeaderButtons plugin to easily add custom buttons to column headers along with an example to demonstrate usage.

1 files changed, 7 insertions, 8 deletions

diff --git a/plugins/slick.checkboxselectcolumn.js b/plugins/slick.checkboxselectcolumn.js
index 4dd918f..db9a52c 100644
--- a/plugins/slick.checkboxselectcolumn.js
+++ b/plugins/slick.checkboxselectcolumn.js
@@ -10,6 +10,7 @@
   function CheckboxSelectColumn(options) {
     var _grid;
     var _self = this;
+    var _handler = new Slick.EventHandler();
     var _selectedRowsLookup = {};
     var _defaults = {
       columnId: "_checkbox_selector",
@@ -22,17 +23,15 @@
 
     function init(grid) {
       _grid = grid;
-      _grid.onSelectedRowsChanged.subscribe(handleSelectedRowsChanged);
-      _grid.onClick.subscribe(handleClick);
-      _grid.onHeaderClick.subscribe(handleHeaderClick);
-      _grid.onKeyDown.subscribe(handleKeyDown);
+      _handler
+        .subscribe(_grid.onSelectedRowsChanged, handleSelectedRowsChanged)
+        .subscribe(_grid.onClick, handleClick)
+        .subscribe(_grid.onHeaderClick, handleHeaderClick)
+        .subscribe(_grid.onKeyDown, handleKeyDown);
     }
 
     function destroy() {
-      _grid.onSelectedRowsChanged.unsubscribe(handleSelectedRowsChanged);
-      _grid.onClick.unsubscribe(handleClick);
-      _grid.onHeaderClick.unsubscribe(handleHeaderClick);
-      _grid.onKeyDown.unsubscribe(handleKeyDown);
+      _handler.unsubscribeAll();
     }
 
     function handleSelectedRowsChanged(e, args) {