Merge pull request #101 from joshsoftware/template_update

Ref #87 change template after FilterJS initialization

README.md

@@ -293,6 +293,20 @@ fjs.removeRecords([1,2,3]);
   fjs.removeRecords({'year.$gt': 1980, 'rating': 8.5});
 ```
 
+## Change Template dynamically and Rebuild
+
+If you want to change the template dynamically but do not want to re-render the view (you many choose to render the template yourself) then just pass the template name to `setTemplate` function.
+
+```javascript
+  fjs.setTemplate('#movie-list-template');
+```
+
+If you want to re-render the new template then pass a second paramater as `true`. This will render the container with the data using the new template specified and apply the filtering.
+
+```javascript
+  fjs.setTemplate('#movie-list-template', true);
+```
+
 ## Build and Development
 
 - `npm install gulp -g`

dist/filter.js

@@ -1,6 +1,6 @@
 /*
  * filter.js
- * 2.1.0 (2015-09-27)
+ * 2.1.0 (2015-10-17)
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
@@ -864,14 +864,15 @@
     this.callbacks = this.opts.callbacks || {};
     this.$container = $(container);
     this.view = this.opts.view || renderRecord;
-    this.templateFn = templateBuilder($(this.opts.template).html());
     this.criterias = [];
     this._index = 1;
     this.appendToContainer = this.opts.appendToContainer || appendToContainer;
     this.has_pagination = !!this.opts.pagination;
     this.search_text = '';
     this.anyFilterSelected = false;
 
+    this.setTemplate(this.opts.template);
+
     $.each(this.opts.criterias || [], function(){
       self.addCriteria(this);
     });
@@ -1407,7 +1408,7 @@
 
   F.initPagination = function(){
     var self = this,
-        opts = this.opts.pagination;
+    opts = this.opts.pagination;
 
     if(!opts.perPage){
       opts.perPage = {}
@@ -1450,6 +1451,17 @@
     }
   };
 
+  F.setTemplate = function(template, rebuild) {
+    this.templateFn = templateBuilder($(template).html());
+    if(rebuild === true) {
+      this.$container.empty();
+
+      this.render(this.records);
+      this.filter();
+    }
+  };
+
+
 
   var Paginator = function(recordsCount, opts, onPagination) {
     var paginationView;