Callback paginator

README.md

@@ -169,6 +169,8 @@ Define callback in settings. Callbacks execute on different events.
 - `beforeRender` : Triggered before rendering going to call.
 - `beforeRecordRender` : Triggered for each JSON object record at time of rendering.
 - `afterFilter` : Triggered after filtering event.
+- `beforeChangePage` : Triggered before change page of paginator.
+- `afterChangePage` : Triggered after change page of paginator.
 
 i.e.,
 
@@ -189,6 +191,12 @@ i.e.,
     },
     afterFilter: function(result){
       // i.e Update result counter, update google map markers.
+    },
+    beforeChangePage: function(result) {
+     // i.e Delete a class to item.
+    },
+    afterChangePage: function(result) {
+     // i.e Insert a class to item.
     }
   };
 ```

dist/filter.js

@@ -824,7 +824,17 @@
                       .replace(/\//g, '/');
   };
 
+  var convertHtmlEntityToStr = function(string) {
+    return (''+string).replace(/&/g, '&')
+                      .replace(/&lt;/g, '<')
+                      .replace(/&gt;/g, '>')
+                      .replace(/&quot;/g, '\"')
+                      .replace(/&#x27;/g, '\'')
+                      .replace(/&#x2F;/g, '\/');
+  };
+
   function templateBuilder(str, data) {
+    str = convertHtmlEntityToStr(str);
     var c  = templateSettings;
     var tmpl = 'var __p=[],print=function(){__p.push.apply(__p,arguments);};' +
       'with(obj||{}){__p.push(\'' +
@@ -1420,7 +1430,7 @@
 
     this.page = { currentPage: 1, perPage: opts.perPage.values };
 
-    this.paginator = new Paginator(this.lastResult().length, this.opts.pagination, function(currentPage, perPage){
+    this.paginator = new Paginator(this.execCallback, this.callbacks, this.lastResult().length, this.opts.pagination, function(currentPage, perPage){
       self.page = { currentPage: currentPage, perPage: perPage }
 
       if(self.has_search){
@@ -1463,9 +1473,11 @@
 
 
 
-  var Paginator = function(recordsCount, opts, onPagination) {
+  var Paginator = function(execCallback, callbacks, recordsCount, opts, onPagination) {
     var paginationView;
-
+
+    this.execCallback = execCallback;
+    this.callbacks = callbacks;
     this.recordsCount = recordsCount;;
     this.opts = opts;
     this.$container = $(this.opts.container);
@@ -1491,7 +1503,9 @@
     var self = this;
 
     $(this.opts.container).on('click', '[data-page]', function(e){
+      self.execCallback('beforeChangePage');
       self.setCurrentPage($(this).data('page'));
+      self.execCallback('afterChangePage');
       e.preventDefault();
     });
   };