From 035def3732577310ee5757cac084475527018ab4 Mon Sep 17 00:00:00 2001
From: Jimmy Yuen Ho Wong <wyuenho@gmail.com>
Date: Sat, 27 Apr 2013 19:31:43 +0800
Subject: [PATCH] Version 0.2.5

---
 Makefile                                      |  15 +-
 api/index.html                                |   4 +-
 api/output/Backgrid.BooleanCell.js            |   2 +-
 api/output/Backgrid.BooleanCellEditor.js      |   4 +-
 api/output/Backgrid.Cell.js                   |   2 +-
 api/output/Backgrid.DateCell.js               |   2 +-
 api/output/Backgrid.DatetimeCell.js           |   2 +-
 api/output/Backgrid.EmailCell.js              |   2 +-
 api/output/Backgrid.Extension.LunrFilter.js   |   2 +-
 api/output/Backgrid.Extension.Paginator.js    |   2 +-
 .../Backgrid.Extension.TextareaEditor.js      |   2 +-
 api/output/Backgrid.IntegerCell.js            |   2 +-
 api/output/Backgrid.NumberCell.js             |   2 +-
 api/output/Backgrid.SelectCell.js             |   2 +-
 api/output/Backgrid.SelectCellEditor.js       |   2 +-
 api/output/Backgrid.StringCell.js             |   2 +-
 api/output/Backgrid.TimeCell.js               |   2 +-
 api/output/Backgrid.UriCell.js                |   2 +-
 assets/css/doc.css                            |   2 +-
 index.html                                    | 236 +++++++++++++-----
 lib/backgrid.js                               |  35 ++-
 lib/backgrid.min.js                           |   2 +-
 lib/extensions/filter/backgrid-filter.js      |  15 +-
 lib/extensions/filter/backgrid-filter.min.js  |   2 +-
 .../paginator/backgrid-paginator.css          |  26 +-
 .../paginator/backgrid-paginator.js           |   2 +-
 .../paginator/backgrid-paginator.min.css      |   2 +-
 .../paginator/backgrid-paginator.min.js       |   2 +-
 .../text-cell/backgrid-text-cell.js           |   4 +-
 .../text-cell/backgrid-text-cell.min.js       |   2 +-
 30 files changed, 246 insertions(+), 137 deletions(-)

diff --git a/Makefile b/Makefile
index 86f26d14..746bf00f 100644
--- a/Makefile
+++ b/Makefile
@@ -42,7 +42,20 @@ doc:
 		--categories=categories.json \
 		--warnings=-no_doc \
 		--pretty-json \
-		--output api
+		--output api \
+		--body-html="<script type='text/javascript'>\
+  var _gaq = _gaq || [];\
+  _gaq.push(['_setAccount', 'UA-36403214-1']);\
+  _gaq.push(['_setDomainName', 'backgridjs.com']);\
+  _gaq.push(['_setAllowLinker', true]);\
+  _gaq.push(['_trackPageview']);\
+ (function() {\
+   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;\
+   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';\
+   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);\
+ })();\
+</script>"
+
 
 test: FORCE
 	phantomjs bin/run-jasmine.js test/index.html
diff --git a/api/index.html b/api/index.html
index 96e0a20b..df38ef49 100644
--- a/api/index.html
+++ b/api/index.html
@@ -128,9 +128,9 @@ <h3>Filter</h3>
         </div>
 
   
-  <div id='footer-content' style='display: none'>Generated on Wed 24 Apr 2013 21:38:47 by <a href='https://github.com/senchalabs/jsduck'>JSDuck</a> 4.8.0.</div>
+  <div id='footer-content' style='display: none'>Generated on Sat 27 Apr 2013 19:31:16 by <a href='https://github.com/senchalabs/jsduck'>JSDuck</a> 4.8.0.</div>
 
-  
+  <script type='text/javascript'>  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-36403214-1']);  _gaq.push(['_setDomainName', 'backgridjs.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']); (function() {   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();</script>
 
   <script type="text/javascript">
   (function(){
diff --git a/api/output/Backgrid.BooleanCell.js b/api/output/Backgrid.BooleanCell.js
index a2cd616b..f8a6f8b7 100644
--- a/api/output/Backgrid.BooleanCell.js
+++ b/api/output/Backgrid.BooleanCell.js
@@ -133,7 +133,7 @@ Ext.data.JsonP.Backgrid_BooleanCell({
 
     ]
   },
-  "linenr": 649,
+  "linenr": 644,
   "files": [
     {
       "filename": "cell.js",
diff --git a/api/output/Backgrid.BooleanCellEditor.js b/api/output/Backgrid.BooleanCellEditor.js
index bf819fb3..821e5ee1 100644
--- a/api/output/Backgrid.BooleanCellEditor.js
+++ b/api/output/Backgrid.BooleanCellEditor.js
@@ -109,7 +109,7 @@ Ext.data.JsonP.Backgrid_BooleanCellEditor({
 
     ]
   },
-  "linenr": 567,
+  "linenr": 558,
   "files": [
     {
       "filename": "cell.js",
@@ -152,5 +152,5 @@ Ext.data.JsonP.Backgrid_BooleanCellEditor({
   "parentMixins": [
 
   ],
-  "html": "<div><pre class=\"hierarchy\"><h4>Hierarchy</h4><div class='subclass first-child'>Backbone.View<div class='subclass '><a href='#!/api/Backgrid.CellEditor' rel='Backgrid.CellEditor' class='docClass'>Backgrid.CellEditor</a><div class='subclass '><strong>Backgrid.BooleanCellEditor</strong></div></div></div></pre><div class='doc-contents'><p>BooleanCellEditor renders a checkbox as its editor.</p>\n</div><div class='members'><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-property'>Properties</h3><div class='subsection'><div id='property-attributes' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.BooleanCellEditor'>Backgrid.BooleanCellEditor</span><br/></div><a href='#!/api/Backgrid.BooleanCellEditor-property-attributes' class='name not-expandable'>attributes</a><span> : Object</span></div><div class='description'><div class='short'>\n</div><div class='long'>\n</div></div></div><div id='property-events' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.BooleanCellEditor'>Backgrid.BooleanCellEditor</span><br/></div><a href='#!/api/Backgrid.BooleanCellEditor-property-events' class='name expandable'>events</a><span> : Object</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>{&quot;blur&quot;: &quot;enterOrExitEditMode&quot;, &quot;change&quot;: &quot;saveOrCancel&quot;, &quot;keydown&quot;: &quot;saveOrCancel&quot;}</code></p></div></div></div><div id='property-tagName' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.BooleanCellEditor'>Backgrid.BooleanCellEditor</span><br/></div><a href='#!/api/Backgrid.BooleanCellEditor-property-tagName' class='name expandable'>tagName</a><span> : String</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>&quot;input&quot;</code></p></div></div></div></div></div><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-method'>Methods</h3><div class='subsection'><div id='method-enterOrExitEditMode' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.BooleanCellEditor'>Backgrid.BooleanCellEditor</span><br/></div><a href='#!/api/Backgrid.BooleanCellEditor-method-enterOrExitEditMode' class='name expandable'>enterOrExitEditMode</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>Event handler. ...</div><div class='long'><p>Event handler. Hack to deal with the case where <code>blur</code> is fired before\n<code>change</code> and <code>click</code> on a checkbox.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-initialize' class='member  inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Backgrid.CellEditor' rel='Backgrid.CellEditor' class='defined-in docClass'>Backgrid.CellEditor</a><br/></div><a href='#!/api/Backgrid.CellEditor-method-initialize' class='name expandable'>initialize</a>( <span class='pre'>options</span> )</div><div class='description'><div class='short'>Initializer. ...</div><div class='long'><p>Initializer.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>options</span> : Object<div class='sub-desc'>\n<ul><li><span class='pre'>formatter</span> : <a href=\"#!/api/Backgrid.CellFormatter\" rel=\"Backgrid.CellFormatter\" class=\"docClass\">Backgrid.CellFormatter</a><div class='sub-desc'></div></li><li><span class='pre'>column</span> : <a href=\"#!/api/Backgrid.Column\" rel=\"Backgrid.Column\" class=\"docClass\">Backgrid.Column</a><div class='sub-desc'></div></li><li><span class='pre'>model</span> : Backbone.Model<div class='sub-desc'></div></li></ul></div></li></ul><h3 class='pa'>Throws</h3><ul><li><span class='pre'>TypeError</span><div class='sub-desc'><p>If <code>formatter</code> is not a formatter instance, or when\n<code>model</code> or <code>column</code> are undefined.</p>\n</div></li></ul></div></div></div><div id='method-postRender' class='member  inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Backgrid.CellEditor' rel='Backgrid.CellEditor' class='defined-in docClass'>Backgrid.CellEditor</a><br/></div><a href='#!/api/Backgrid.CellEditor-method-postRender' class='name expandable'>postRender</a>( <span class='pre'>model, column</span> ) : <a href=\"#!/api/Backgrid.CellEditor\" rel=\"Backgrid.CellEditor\" class=\"docClass\">Backgrid.CellEditor</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Post-rendering setup and initialization. ...</div><div class='long'><p>Post-rendering setup and initialization. Focuses the cell editor's <code>el</code> in\nthis default implementation. <strong>Should</strong> be called by Cell classes after\ncalling Backgrid.CellEditor#render.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>model</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>column</span> : Object<div class='sub-desc'>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Backgrid.CellEditor\" rel=\"Backgrid.CellEditor\" class=\"docClass\">Backgrid.CellEditor</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-render' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.BooleanCellEditor'>Backgrid.BooleanCellEditor</span><br/></div><a href='#!/api/Backgrid.BooleanCellEditor-method-render' class='name expandable'>render</a>( <span class='pre'></span> ) : <a href=\"#!/api/Backgrid.BooleanCellEditor\" rel=\"Backgrid.BooleanCellEditor\" class=\"docClass\">Backgrid.BooleanCellEditor</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Renders a checkbox and check it if the model value of this column is true,\nuncheck otherwise. ...</div><div class='long'><p>Renders a checkbox and check it if the model value of this column is true,\nuncheck otherwise.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Backgrid.BooleanCellEditor\" rel=\"Backgrid.BooleanCellEditor\" class=\"docClass\">Backgrid.BooleanCellEditor</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-saveOrCancel' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.BooleanCellEditor'>Backgrid.BooleanCellEditor</span><br/></div><a href='#!/api/Backgrid.BooleanCellEditor-method-saveOrCancel' class='name expandable'>saveOrCancel</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>Event handler. ...</div><div class='long'><p>Event handler. Save the value into the model if the event is <code>change</code> or\none of the keyboard navigation key presses. Exit edit mode without saving\nif <code>escape</code> was pressed.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div></div></div></div></div>"
+  "html": "<div><pre class=\"hierarchy\"><h4>Hierarchy</h4><div class='subclass first-child'>Backbone.View<div class='subclass '><a href='#!/api/Backgrid.CellEditor' rel='Backgrid.CellEditor' class='docClass'>Backgrid.CellEditor</a><div class='subclass '><strong>Backgrid.BooleanCellEditor</strong></div></div></div></pre><div class='doc-contents'><p>BooleanCellEditor renders a checkbox as its editor.</p>\n</div><div class='members'><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-property'>Properties</h3><div class='subsection'><div id='property-attributes' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.BooleanCellEditor'>Backgrid.BooleanCellEditor</span><br/></div><a href='#!/api/Backgrid.BooleanCellEditor-property-attributes' class='name not-expandable'>attributes</a><span> : Object</span></div><div class='description'><div class='short'>\n</div><div class='long'>\n</div></div></div><div id='property-events' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.BooleanCellEditor'>Backgrid.BooleanCellEditor</span><br/></div><a href='#!/api/Backgrid.BooleanCellEditor-property-events' class='name not-expandable'>events</a><span> : Object</span></div><div class='description'><div class='short'>\n</div><div class='long'>\n</div></div></div><div id='property-tagName' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.BooleanCellEditor'>Backgrid.BooleanCellEditor</span><br/></div><a href='#!/api/Backgrid.BooleanCellEditor-property-tagName' class='name expandable'>tagName</a><span> : String</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>&quot;input&quot;</code></p></div></div></div></div></div><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-method'>Methods</h3><div class='subsection'><div id='method-enterOrExitEditMode' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.BooleanCellEditor'>Backgrid.BooleanCellEditor</span><br/></div><a href='#!/api/Backgrid.BooleanCellEditor-method-enterOrExitEditMode' class='name expandable'>enterOrExitEditMode</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>Event handler. ...</div><div class='long'><p>Event handler. Hack to deal with the case where <code>blur</code> is fired before\n<code>change</code> and <code>click</code> on a checkbox.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-initialize' class='member  inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Backgrid.CellEditor' rel='Backgrid.CellEditor' class='defined-in docClass'>Backgrid.CellEditor</a><br/></div><a href='#!/api/Backgrid.CellEditor-method-initialize' class='name expandable'>initialize</a>( <span class='pre'>options</span> )</div><div class='description'><div class='short'>Initializer. ...</div><div class='long'><p>Initializer.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>options</span> : Object<div class='sub-desc'>\n<ul><li><span class='pre'>formatter</span> : <a href=\"#!/api/Backgrid.CellFormatter\" rel=\"Backgrid.CellFormatter\" class=\"docClass\">Backgrid.CellFormatter</a><div class='sub-desc'></div></li><li><span class='pre'>column</span> : <a href=\"#!/api/Backgrid.Column\" rel=\"Backgrid.Column\" class=\"docClass\">Backgrid.Column</a><div class='sub-desc'></div></li><li><span class='pre'>model</span> : Backbone.Model<div class='sub-desc'></div></li></ul></div></li></ul><h3 class='pa'>Throws</h3><ul><li><span class='pre'>TypeError</span><div class='sub-desc'><p>If <code>formatter</code> is not a formatter instance, or when\n<code>model</code> or <code>column</code> are undefined.</p>\n</div></li></ul></div></div></div><div id='method-postRender' class='member  inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Backgrid.CellEditor' rel='Backgrid.CellEditor' class='defined-in docClass'>Backgrid.CellEditor</a><br/></div><a href='#!/api/Backgrid.CellEditor-method-postRender' class='name expandable'>postRender</a>( <span class='pre'>model, column</span> ) : <a href=\"#!/api/Backgrid.CellEditor\" rel=\"Backgrid.CellEditor\" class=\"docClass\">Backgrid.CellEditor</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Post-rendering setup and initialization. ...</div><div class='long'><p>Post-rendering setup and initialization. Focuses the cell editor's <code>el</code> in\nthis default implementation. <strong>Should</strong> be called by Cell classes after\ncalling Backgrid.CellEditor#render.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>model</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>column</span> : Object<div class='sub-desc'>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Backgrid.CellEditor\" rel=\"Backgrid.CellEditor\" class=\"docClass\">Backgrid.CellEditor</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-render' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.BooleanCellEditor'>Backgrid.BooleanCellEditor</span><br/></div><a href='#!/api/Backgrid.BooleanCellEditor-method-render' class='name expandable'>render</a>( <span class='pre'></span> ) : <a href=\"#!/api/Backgrid.BooleanCellEditor\" rel=\"Backgrid.BooleanCellEditor\" class=\"docClass\">Backgrid.BooleanCellEditor</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Renders a checkbox and check it if the model value of this column is true,\nuncheck otherwise. ...</div><div class='long'><p>Renders a checkbox and check it if the model value of this column is true,\nuncheck otherwise.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Backgrid.BooleanCellEditor\" rel=\"Backgrid.BooleanCellEditor\" class=\"docClass\">Backgrid.BooleanCellEditor</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-saveOrCancel' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.BooleanCellEditor'>Backgrid.BooleanCellEditor</span><br/></div><a href='#!/api/Backgrid.BooleanCellEditor-method-saveOrCancel' class='name expandable'>saveOrCancel</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>Event handler. ...</div><div class='long'><p>Event handler. Save the value into the model if the event is <code>change</code> or\none of the keyboard navigation key presses. Exit edit mode without saving\nif <code>escape</code> was pressed.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Object<div class='sub-desc'>\n</div></li></ul></div></div></div></div></div></div></div>"
 });
\ No newline at end of file
diff --git a/api/output/Backgrid.Cell.js b/api/output/Backgrid.Cell.js
index 09cfba4b..40a40476 100644
--- a/api/output/Backgrid.Cell.js
+++ b/api/output/Backgrid.Cell.js
@@ -126,7 +126,7 @@ Ext.data.JsonP.Backgrid_Cell({
 
     ]
   },
-  "linenr": 179,
+  "linenr": 170,
   "files": [
     {
       "filename": "cell.js",
diff --git a/api/output/Backgrid.DateCell.js b/api/output/Backgrid.DateCell.js
index 25a33595..6ed24572 100644
--- a/api/output/Backgrid.DateCell.js
+++ b/api/output/Backgrid.DateCell.js
@@ -157,7 +157,7 @@ Ext.data.JsonP.Backgrid_DateCell({
 
     ]
   },
-  "linenr": 535,
+  "linenr": 526,
   "files": [
     {
       "filename": "cell.js",
diff --git a/api/output/Backgrid.DatetimeCell.js b/api/output/Backgrid.DatetimeCell.js
index 3ccd276b..3ed2b2bd 100644
--- a/api/output/Backgrid.DatetimeCell.js
+++ b/api/output/Backgrid.DatetimeCell.js
@@ -157,7 +157,7 @@ Ext.data.JsonP.Backgrid_DatetimeCell({
 
     ]
   },
-  "linenr": 469,
+  "linenr": 460,
   "files": [
     {
       "filename": "cell.js",
diff --git a/api/output/Backgrid.EmailCell.js b/api/output/Backgrid.EmailCell.js
index d269de79..ff0d5297 100644
--- a/api/output/Backgrid.EmailCell.js
+++ b/api/output/Backgrid.EmailCell.js
@@ -133,7 +133,7 @@ Ext.data.JsonP.Backgrid_EmailCell({
 
     ]
   },
-  "linenr": 377,
+  "linenr": 368,
   "files": [
     {
       "filename": "cell.js",
diff --git a/api/output/Backgrid.Extension.LunrFilter.js b/api/output/Backgrid.Extension.LunrFilter.js
index 78034847..a4d2d3e4 100644
--- a/api/output/Backgrid.Extension.LunrFilter.js
+++ b/api/output/Backgrid.Extension.LunrFilter.js
@@ -196,7 +196,7 @@ Ext.data.JsonP.Backgrid_Extension_LunrFilter({
 
     ]
   },
-  "linenr": 228,
+  "linenr": 227,
   "files": [
     {
       "filename": "backgrid-filter.js",
diff --git a/api/output/Backgrid.Extension.Paginator.js b/api/output/Backgrid.Extension.Paginator.js
index 2cb0ac6f..5b43e9cd 100644
--- a/api/output/Backgrid.Extension.Paginator.js
+++ b/api/output/Backgrid.Extension.Paginator.js
@@ -158,5 +158,5 @@ Ext.data.JsonP.Backgrid_Extension_Paginator({
   "parentMixins": [
 
   ],
-  "html": "<div><div class='doc-contents'><p>Paginator is a Backgrid extension that renders a series of configurable\npagination handles. This extension is best used for splitting a large data\nset across multiple pages. If the number of pages is larger then a\nthreshold, which is set to 10 by default, the page handles are rendered\nwithin a sliding window, plus the fast forward, fast backward, previous and\nnext page handles. The fast forward, fast backward, previous and next page\nhandles can be turned off.</p>\n</div><div class='members'><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-property'>Properties</h3><div class='subsection'><div id='property-className' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-property-className' class='name expandable'>className</a><span> : String</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>&quot;backgrid paginator&quot;</code></p></div></div></div><div id='property-events' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-property-events' class='name expandable'>events</a><span> : Object</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>{&quot;click a&quot;: &quot;changePage&quot;}</code></p></div></div></div><div id='property-fastForwardHandleLabels' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-property-fastForwardHandleLabels' class='name expandable'>fastForwardHandleLabels</a><span> : Object</span></div><div class='description'><div class='short'>You can disable specific\nhandles by setting its value to null. ...</div><div class='long'><p>You can disable specific\nhandles by setting its value to <code>null</code>.</p>\n<p>Defaults to: <code>{first: &quot;《&quot;, prev: &quot;〈&quot;, next: &quot;〉&quot;, last: &quot;》&quot;}</code></p></div></div></div><div id='property-template' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-property-template' class='name not-expandable'>template</a><span> : Object</span></div><div class='description'><div class='short'>\n</div><div class='long'>\n</div></div></div><div id='property-windowSize' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-property-windowSize' class='name expandable'>windowSize</a><span> : Number</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>10</code></p></div></div></div></div></div><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-method'>Methods</h3><div class='subsection'><div id='method-changePage' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-method-changePage' class='name expandable'>changePage</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>jQuery event handler for the page handlers. ...</div><div class='long'><p>jQuery event handler for the page handlers. Goes to the right page upon\nclicking.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Event<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-initialize' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-method-initialize' class='name expandable'>initialize</a>( <span class='pre'>options</span> )</div><div class='description'><div class='short'>Initializer. ...</div><div class='long'><p>Initializer.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>options</span> : Object<div class='sub-desc'>\n<ul><li><span class='pre'>columns</span> : Backbone.Collection.&lt;<a href=\"#!/api/Backgrid.Column\" rel=\"Backgrid.Column\" class=\"docClass\">Backgrid.Column</a>&gt;|Array.&lt;<a href=\"#!/api/Backgrid.Column\" rel=\"Backgrid.Column\" class=\"docClass\">Backgrid.Column</a>&gt;|Array.&lt;Object&gt;<div class='sub-desc'><p>Column metadata.</p>\n</div></li><li><span class='pre'>collection</span> : Backbone.Collection<div class='sub-desc'></div></li><li><span class='pre'>fastForwardHandleLabels</span> : boolean (optional)<div class='sub-desc'><p>Whether to render fast forward buttons.</p>\n</div></li></ul></div></li></ul></div></div></div><div id='method-makeHandles' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-method-makeHandles' class='name expandable'>makeHandles</a>( <span class='pre'></span> ) : Array.&lt;Object&gt;</div><div class='description'><div class='short'>Internal method to create a list of page handle objects for the template\nto render them. ...</div><div class='long'><p>Internal method to create a list of page handle objects for the template\nto render them.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'>Array.&lt;Object&gt;</span><div class='sub-desc'><p>an array of page handle objects hashes</p>\n</div></li></ul></div></div></div><div id='method-render' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-method-render' class='name expandable'>render</a>( <span class='pre'></span> ) : <a href=\"#!/api/Backgrid.Extension.Paginator\" rel=\"Backgrid.Extension.Paginator\" class=\"docClass\">Backgrid.Extension.Paginator</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Render the paginator handles inside an unordered list placed inside a\ncell that spans all the columns. ...</div><div class='long'><p>Render the paginator handles inside an unordered list placed inside a\ncell that spans all the columns.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Backgrid.Extension.Paginator\" rel=\"Backgrid.Extension.Paginator\" class=\"docClass\">Backgrid.Extension.Paginator</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div></div></div></div></div>"
+  "html": "<div><div class='doc-contents'><p>Paginator is a Backgrid extension that renders a series of configurable\npagination handles. This extension is best used for splitting a large data\nset across multiple pages. If the number of pages is larger then a\nthreshold, which is set to 10 by default, the page handles are rendered\nwithin a sliding window, plus the fast forward, fast backward, previous and\nnext page handles. The fast forward, fast backward, previous and next page\nhandles can be turned off.</p>\n</div><div class='members'><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-property'>Properties</h3><div class='subsection'><div id='property-className' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-property-className' class='name expandable'>className</a><span> : String</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>&quot;backgrid-paginator&quot;</code></p></div></div></div><div id='property-events' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-property-events' class='name expandable'>events</a><span> : Object</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>{&quot;click a&quot;: &quot;changePage&quot;}</code></p></div></div></div><div id='property-fastForwardHandleLabels' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-property-fastForwardHandleLabels' class='name expandable'>fastForwardHandleLabels</a><span> : Object</span></div><div class='description'><div class='short'>You can disable specific\nhandles by setting its value to null. ...</div><div class='long'><p>You can disable specific\nhandles by setting its value to <code>null</code>.</p>\n<p>Defaults to: <code>{first: &quot;《&quot;, prev: &quot;〈&quot;, next: &quot;〉&quot;, last: &quot;》&quot;}</code></p></div></div></div><div id='property-template' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-property-template' class='name not-expandable'>template</a><span> : Object</span></div><div class='description'><div class='short'>\n</div><div class='long'>\n</div></div></div><div id='property-windowSize' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-property-windowSize' class='name expandable'>windowSize</a><span> : Number</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>10</code></p></div></div></div></div></div><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-method'>Methods</h3><div class='subsection'><div id='method-changePage' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-method-changePage' class='name expandable'>changePage</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>jQuery event handler for the page handlers. ...</div><div class='long'><p>jQuery event handler for the page handlers. Goes to the right page upon\nclicking.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Event<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-initialize' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-method-initialize' class='name expandable'>initialize</a>( <span class='pre'>options</span> )</div><div class='description'><div class='short'>Initializer. ...</div><div class='long'><p>Initializer.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>options</span> : Object<div class='sub-desc'>\n<ul><li><span class='pre'>columns</span> : Backbone.Collection.&lt;<a href=\"#!/api/Backgrid.Column\" rel=\"Backgrid.Column\" class=\"docClass\">Backgrid.Column</a>&gt;|Array.&lt;<a href=\"#!/api/Backgrid.Column\" rel=\"Backgrid.Column\" class=\"docClass\">Backgrid.Column</a>&gt;|Array.&lt;Object&gt;<div class='sub-desc'><p>Column metadata.</p>\n</div></li><li><span class='pre'>collection</span> : Backbone.Collection<div class='sub-desc'></div></li><li><span class='pre'>fastForwardHandleLabels</span> : boolean (optional)<div class='sub-desc'><p>Whether to render fast forward buttons.</p>\n</div></li></ul></div></li></ul></div></div></div><div id='method-makeHandles' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-method-makeHandles' class='name expandable'>makeHandles</a>( <span class='pre'></span> ) : Array.&lt;Object&gt;</div><div class='description'><div class='short'>Internal method to create a list of page handle objects for the template\nto render them. ...</div><div class='long'><p>Internal method to create a list of page handle objects for the template\nto render them.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'>Array.&lt;Object&gt;</span><div class='sub-desc'><p>an array of page handle objects hashes</p>\n</div></li></ul></div></div></div><div id='method-render' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.Paginator'>Backgrid.Extension.Paginator</span><br/></div><a href='#!/api/Backgrid.Extension.Paginator-method-render' class='name expandable'>render</a>( <span class='pre'></span> ) : <a href=\"#!/api/Backgrid.Extension.Paginator\" rel=\"Backgrid.Extension.Paginator\" class=\"docClass\">Backgrid.Extension.Paginator</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Render the paginator handles inside an unordered list placed inside a\ncell that spans all the columns. ...</div><div class='long'><p>Render the paginator handles inside an unordered list placed inside a\ncell that spans all the columns.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Backgrid.Extension.Paginator\" rel=\"Backgrid.Extension.Paginator\" class=\"docClass\">Backgrid.Extension.Paginator</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div></div></div></div></div>"
 });
\ No newline at end of file
diff --git a/api/output/Backgrid.Extension.TextareaEditor.js b/api/output/Backgrid.Extension.TextareaEditor.js
index 2548123e..78e8f85e 100644
--- a/api/output/Backgrid.Extension.TextareaEditor.js
+++ b/api/output/Backgrid.Extension.TextareaEditor.js
@@ -200,5 +200,5 @@ Ext.data.JsonP.Backgrid_Extension_TextareaEditor({
   "parentMixins": [
 
   ],
-  "html": "<div><pre class=\"hierarchy\"><h4>Hierarchy</h4><div class='subclass first-child'>Backbone.View<div class='subclass '><a href='#!/api/Backgrid.CellEditor' rel='Backgrid.CellEditor' class='docClass'>Backgrid.CellEditor</a><div class='subclass '><strong>Backgrid.Extension.TextareaEditor</strong></div></div></div></pre><div class='doc-contents'><p>Renders a form with a text area and a save button in a modal dialog.</p>\n</div><div class='members'><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-property'>Properties</h3><div class='subsection'><div id='property-className' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-className' class='name expandable'>className</a><span> : String</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>&quot;modal hide fade&quot;</code></p></div></div></div><div id='property-cols' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-cols' class='name expandable'>cols</a><span> : Number</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>80</code></p></div></div></div><div id='property-events' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-events' class='name expandable'>events</a><span> : Object</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>{&quot;submit&quot;: &quot;save&quot;, &quot;hide&quot;: &quot;cancel&quot;, &quot;hidden&quot;: &quot;close&quot;, &quot;shown&quot;: &quot;focus&quot;}</code></p></div></div></div><div id='property-modalOptions' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-modalOptions' class='name expandable'>modalOptions</a><span> : Object</span></div><div class='description'><div class='short'>The options passed to Bootstrap's modal\nplugin. ...</div><div class='long'><p>The options passed to Bootstrap's modal\nplugin.</p>\n<p>Defaults to: <code>{backdrop: false}</code></p></div></div></div><div id='property-rows' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-rows' class='name expandable'>rows</a><span> : Number</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>10</code></p></div></div></div><div id='property-tagName' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-tagName' class='name expandable'>tagName</a><span> : String</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>&quot;div&quot;</code></p></div></div></div><div id='property-template' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-template' class='name not-expandable'>template</a><span> : function(Object, ?Object=): string</span></div><div class='description'><div class='short'>\n</div><div class='long'>\n</div></div></div></div></div><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-method'>Methods</h3><div class='subsection'><div id='method-cancel' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-method-cancel' class='name expandable'>cancel</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>Event handler. ...</div><div class='long'><p>Event handler. Revert the text in the model after asking for confirmation\nif dirty, otherwise just close the editor.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Event<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-close' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-method-close' class='name expandable'>close</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>Triggers a backgrid:done event along with the cell editor as the\nparameter after the modal is hidden. ...</div><div class='long'><p>Triggers a <code>backgrid:done</code> event along with the cell editor as the\nparameter after the modal is hidden.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Event<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-focus' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-method-focus' class='name expandable'>focus</a>( <span class='pre'></span> )</div><div class='description'><div class='short'>Focuses the textarea when the modal is shown. ...</div><div class='long'><p>Focuses the textarea when the modal is shown.</p>\n</div></div></div><div id='method-initialize' class='member  inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Backgrid.CellEditor' rel='Backgrid.CellEditor' class='defined-in docClass'>Backgrid.CellEditor</a><br/></div><a href='#!/api/Backgrid.CellEditor-method-initialize' class='name expandable'>initialize</a>( <span class='pre'>options</span> )</div><div class='description'><div class='short'>Initializer. ...</div><div class='long'><p>Initializer.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>options</span> : Object<div class='sub-desc'>\n<ul><li><span class='pre'>formatter</span> : <a href=\"#!/api/Backgrid.CellFormatter\" rel=\"Backgrid.CellFormatter\" class=\"docClass\">Backgrid.CellFormatter</a><div class='sub-desc'></div></li><li><span class='pre'>column</span> : <a href=\"#!/api/Backgrid.Column\" rel=\"Backgrid.Column\" class=\"docClass\">Backgrid.Column</a><div class='sub-desc'></div></li><li><span class='pre'>model</span> : Backbone.Model<div class='sub-desc'></div></li></ul></div></li></ul><h3 class='pa'>Throws</h3><ul><li><span class='pre'>TypeError</span><div class='sub-desc'><p>If <code>formatter</code> is not a formatter instance, or when\n<code>model</code> or <code>column</code> are undefined.</p>\n</div></li></ul></div></div></div><div id='method-postRender' class='member  inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Backgrid.CellEditor' rel='Backgrid.CellEditor' class='defined-in docClass'>Backgrid.CellEditor</a><br/></div><a href='#!/api/Backgrid.CellEditor-method-postRender' class='name expandable'>postRender</a>( <span class='pre'>model, column</span> ) : <a href=\"#!/api/Backgrid.CellEditor\" rel=\"Backgrid.CellEditor\" class=\"docClass\">Backgrid.CellEditor</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Post-rendering setup and initialization. ...</div><div class='long'><p>Post-rendering setup and initialization. Focuses the cell editor's <code>el</code> in\nthis default implementation. <strong>Should</strong> be called by Cell classes after\ncalling Backgrid.CellEditor#render.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>model</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>column</span> : Object<div class='sub-desc'>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Backgrid.CellEditor\" rel=\"Backgrid.CellEditor\" class=\"docClass\">Backgrid.CellEditor</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-render' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-method-render' class='name expandable'>render</a>( <span class='pre'></span> ) : <a href=\"#!/api/Backgrid.Extension.TextareaEditor\" rel=\"Backgrid.Extension.TextareaEditor\" class=\"docClass\">Backgrid.Extension.TextareaEditor</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Renders a modal form dialog with a textarea, submit button and a close button. ...</div><div class='long'><p>Renders a modal form dialog with a textarea, submit button and a close button.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Backgrid.Extension.TextareaEditor\" rel=\"Backgrid.Extension.TextareaEditor\" class=\"docClass\">Backgrid.Extension.TextareaEditor</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-save' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-method-save' class='name expandable'>save</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>Event handler. ...</div><div class='long'><p>Event handler. Saves the text in the text area to the model.</p>\n\n<p>Triggers a Backbone <code>backgrid:error</code> event along with the editor as the\nparameter if the value cannot be converted. Classes listening to the\n<code>backgrid:error</code> event, usually the Cell classes, should respond\nappropriately, usually by rendering some kind of error feedback.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Event<div class='sub-desc'>\n</div></li></ul></div></div></div></div></div></div></div>"
+  "html": "<div><pre class=\"hierarchy\"><h4>Hierarchy</h4><div class='subclass first-child'>Backbone.View<div class='subclass '><a href='#!/api/Backgrid.CellEditor' rel='Backgrid.CellEditor' class='docClass'>Backgrid.CellEditor</a><div class='subclass '><strong>Backgrid.Extension.TextareaEditor</strong></div></div></div></pre><div class='doc-contents'><p>Renders a form with a text area and a save button in a modal dialog.</p>\n</div><div class='members'><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-property'>Properties</h3><div class='subsection'><div id='property-className' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-className' class='name expandable'>className</a><span> : String</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>&quot;modal hide fade&quot;</code></p></div></div></div><div id='property-cols' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-cols' class='name expandable'>cols</a><span> : Number</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>80</code></p></div></div></div><div id='property-events' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-events' class='name expandable'>events</a><span> : Object</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>{&quot;submit&quot;: &quot;save&quot;, &quot;hide&quot;: &quot;cancel&quot;, &quot;hidden&quot;: &quot;close&quot;, &quot;shown&quot;: &quot;focus&quot;}</code></p></div></div></div><div id='property-modalOptions' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-modalOptions' class='name expandable'>modalOptions</a><span> : Object</span></div><div class='description'><div class='short'>The options passed to Bootstrap's modal\nplugin. ...</div><div class='long'><p>The options passed to Bootstrap's modal\nplugin.</p>\n<p>Defaults to: <code>{backdrop: false}</code></p></div></div></div><div id='property-rows' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-rows' class='name expandable'>rows</a><span> : Number</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>10</code></p></div></div></div><div id='property-tagName' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-tagName' class='name expandable'>tagName</a><span> : String</span></div><div class='description'><div class='short'> ...</div><div class='long'>\n<p>Defaults to: <code>&quot;div&quot;</code></p></div></div></div><div id='property-template' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-property-template' class='name not-expandable'>template</a><span> : function(Object, ?Object=): string</span></div><div class='description'><div class='short'>\n</div><div class='long'>\n</div></div></div></div></div><div class='members-section'><div class='definedBy'>Defined By</div><h3 class='members-title icon-method'>Methods</h3><div class='subsection'><div id='method-cancel' class='member first-child not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-method-cancel' class='name expandable'>cancel</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>Event handler. ...</div><div class='long'><p>Event handler. Revert the text in the model after asking for confirmation\nif dirty, otherwise just close the editor.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Event<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-close' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-method-close' class='name expandable'>close</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>Triggers a backgrid:edited event along with the cell editor as the\nparameter after the modal is hidden. ...</div><div class='long'><p>Triggers a <code>backgrid:edited</code> event along with the cell editor as the\nparameter after the modal is hidden.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Event<div class='sub-desc'>\n</div></li></ul></div></div></div><div id='method-focus' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-method-focus' class='name expandable'>focus</a>( <span class='pre'></span> )</div><div class='description'><div class='short'>Focuses the textarea when the modal is shown. ...</div><div class='long'><p>Focuses the textarea when the modal is shown.</p>\n</div></div></div><div id='method-initialize' class='member  inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Backgrid.CellEditor' rel='Backgrid.CellEditor' class='defined-in docClass'>Backgrid.CellEditor</a><br/></div><a href='#!/api/Backgrid.CellEditor-method-initialize' class='name expandable'>initialize</a>( <span class='pre'>options</span> )</div><div class='description'><div class='short'>Initializer. ...</div><div class='long'><p>Initializer.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>options</span> : Object<div class='sub-desc'>\n<ul><li><span class='pre'>formatter</span> : <a href=\"#!/api/Backgrid.CellFormatter\" rel=\"Backgrid.CellFormatter\" class=\"docClass\">Backgrid.CellFormatter</a><div class='sub-desc'></div></li><li><span class='pre'>column</span> : <a href=\"#!/api/Backgrid.Column\" rel=\"Backgrid.Column\" class=\"docClass\">Backgrid.Column</a><div class='sub-desc'></div></li><li><span class='pre'>model</span> : Backbone.Model<div class='sub-desc'></div></li></ul></div></li></ul><h3 class='pa'>Throws</h3><ul><li><span class='pre'>TypeError</span><div class='sub-desc'><p>If <code>formatter</code> is not a formatter instance, or when\n<code>model</code> or <code>column</code> are undefined.</p>\n</div></li></ul></div></div></div><div id='method-postRender' class='member  inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><a href='#!/api/Backgrid.CellEditor' rel='Backgrid.CellEditor' class='defined-in docClass'>Backgrid.CellEditor</a><br/></div><a href='#!/api/Backgrid.CellEditor-method-postRender' class='name expandable'>postRender</a>( <span class='pre'>model, column</span> ) : <a href=\"#!/api/Backgrid.CellEditor\" rel=\"Backgrid.CellEditor\" class=\"docClass\">Backgrid.CellEditor</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Post-rendering setup and initialization. ...</div><div class='long'><p>Post-rendering setup and initialization. Focuses the cell editor's <code>el</code> in\nthis default implementation. <strong>Should</strong> be called by Cell classes after\ncalling Backgrid.CellEditor#render.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>model</span> : Object<div class='sub-desc'>\n</div></li><li><span class='pre'>column</span> : Object<div class='sub-desc'>\n</div></li></ul><h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Backgrid.CellEditor\" rel=\"Backgrid.CellEditor\" class=\"docClass\">Backgrid.CellEditor</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-render' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-method-render' class='name expandable'>render</a>( <span class='pre'></span> ) : <a href=\"#!/api/Backgrid.Extension.TextareaEditor\" rel=\"Backgrid.Extension.TextareaEditor\" class=\"docClass\">Backgrid.Extension.TextareaEditor</a><strong class='chainable signature' >chainable</strong></div><div class='description'><div class='short'>Renders a modal form dialog with a textarea, submit button and a close button. ...</div><div class='long'><p>Renders a modal form dialog with a textarea, submit button and a close button.</p>\n<h3 class='pa'>Returns</h3><ul><li><span class='pre'><a href=\"#!/api/Backgrid.Extension.TextareaEditor\" rel=\"Backgrid.Extension.TextareaEditor\" class=\"docClass\">Backgrid.Extension.TextareaEditor</a></span><div class='sub-desc'><p>this</p>\n</div></li></ul></div></div></div><div id='method-save' class='member  not-inherited'><a href='#' class='side expandable'><span>&nbsp;</span></a><div class='title'><div class='meta'><span class='defined-in' rel='Backgrid.Extension.TextareaEditor'>Backgrid.Extension.TextareaEditor</span><br/></div><a href='#!/api/Backgrid.Extension.TextareaEditor-method-save' class='name expandable'>save</a>( <span class='pre'>e</span> )</div><div class='description'><div class='short'>Event handler. ...</div><div class='long'><p>Event handler. Saves the text in the text area to the model.</p>\n\n<p>Triggers a Backbone <code>backgrid:error</code> event along with the editor as the\nparameter if the value cannot be converted. Classes listening to the\n<code>backgrid:error</code> event, usually the Cell classes, should respond\nappropriately, usually by rendering some kind of error feedback.</p>\n<h3 class=\"pa\">Parameters</h3><ul><li><span class='pre'>e</span> : Event<div class='sub-desc'>\n</div></li></ul></div></div></div></div></div></div></div>"
 });
\ No newline at end of file
diff --git a/api/output/Backgrid.IntegerCell.js b/api/output/Backgrid.IntegerCell.js
index 3a3e2d71..a78deb54 100644
--- a/api/output/Backgrid.IntegerCell.js
+++ b/api/output/Backgrid.IntegerCell.js
@@ -157,7 +157,7 @@ Ext.data.JsonP.Backgrid_IntegerCell({
 
     ]
   },
-  "linenr": 450,
+  "linenr": 441,
   "files": [
     {
       "filename": "cell.js",
diff --git a/api/output/Backgrid.NumberCell.js b/api/output/Backgrid.NumberCell.js
index 603b3654..d5f802b7 100644
--- a/api/output/Backgrid.NumberCell.js
+++ b/api/output/Backgrid.NumberCell.js
@@ -157,7 +157,7 @@ Ext.data.JsonP.Backgrid_NumberCell({
 
     ]
   },
-  "linenr": 406,
+  "linenr": 397,
   "files": [
     {
       "filename": "cell.js",
diff --git a/api/output/Backgrid.SelectCell.js b/api/output/Backgrid.SelectCell.js
index 5920581f..9c71fe88 100644
--- a/api/output/Backgrid.SelectCell.js
+++ b/api/output/Backgrid.SelectCell.js
@@ -141,7 +141,7 @@ Ext.data.JsonP.Backgrid_SelectCell({
 
     ]
   },
-  "linenr": 805,
+  "linenr": 800,
   "files": [
     {
       "filename": "cell.js",
diff --git a/api/output/Backgrid.SelectCellEditor.js b/api/output/Backgrid.SelectCellEditor.js
index 0b2dbf6b..4c1c676f 100644
--- a/api/output/Backgrid.SelectCellEditor.js
+++ b/api/output/Backgrid.SelectCellEditor.js
@@ -109,7 +109,7 @@ Ext.data.JsonP.Backgrid_SelectCellEditor({
 
     ]
   },
-  "linenr": 686,
+  "linenr": 681,
   "files": [
     {
       "filename": "cell.js",
diff --git a/api/output/Backgrid.StringCell.js b/api/output/Backgrid.StringCell.js
index a2a71dad..d5866b8b 100644
--- a/api/output/Backgrid.StringCell.js
+++ b/api/output/Backgrid.StringCell.js
@@ -133,7 +133,7 @@ Ext.data.JsonP.Backgrid_StringCell({
 
     ]
   },
-  "linenr": 331,
+  "linenr": 322,
   "files": [
     {
       "filename": "cell.js",
diff --git a/api/output/Backgrid.TimeCell.js b/api/output/Backgrid.TimeCell.js
index b75be403..51940d8c 100644
--- a/api/output/Backgrid.TimeCell.js
+++ b/api/output/Backgrid.TimeCell.js
@@ -157,7 +157,7 @@ Ext.data.JsonP.Backgrid_TimeCell({
 
     ]
   },
-  "linenr": 551,
+  "linenr": 542,
   "files": [
     {
       "filename": "cell.js",
diff --git a/api/output/Backgrid.UriCell.js b/api/output/Backgrid.UriCell.js
index e074213c..0c437bb3 100644
--- a/api/output/Backgrid.UriCell.js
+++ b/api/output/Backgrid.UriCell.js
@@ -133,7 +133,7 @@ Ext.data.JsonP.Backgrid_UriCell({
 
     ]
   },
-  "linenr": 346,
+  "linenr": 337,
   "files": [
     {
       "filename": "cell.js",
diff --git a/assets/css/doc.css b/assets/css/doc.css
index 550d9ea5..0bf16c0a 100644
--- a/assets/css/doc.css
+++ b/assets/css/doc.css
@@ -52,7 +52,7 @@ h1,h2,h3,h4,h5,h6,.brand {
 }
 
 #example-2-result {
-  height: 523px;
+  height: 592px;
 }
 
 #example-4-result .backgrid {
diff --git a/index.html b/index.html
index 495e6b19..b9109fee 100644
--- a/index.html
+++ b/index.html
@@ -20,9 +20,9 @@
 
     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.2/css/bootstrap.min.css" />
     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.2/css/bootstrap-responsive.min.css" />
-    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/3.3.1/select2.css" />
-    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/codemirror.css" />
-    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/ambiance.css" />
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/3.3.2/select2.min.css" />
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/codemirror.min.css" />
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/ambiance.min.css" />
     <link rel="stylesheet" href="lib/backgrid.min.css" />
     <link rel="stylesheet" href="lib/extensions/paginator/backgrid-paginator.min.css" />
     <link rel="stylesheet" href="lib/extensions/text-cell/backgrid-text-cell.min.css" />
@@ -129,10 +129,13 @@ <h1>Backgrid.js</h1>
               programming interface that makes easy things easy, but <em>hard things possible</em>
               when dealing with tabular data.</p>
           <p>
-            <a class="btn btn-large btn-success" href="#examples">See Examples</a>
-            <a class="btn btn-large btn-primary hidden-phone hidden-tablet"
-               href="https://github.com/wyuenho/backgrid/tags"
-               target="_blank">Download v0.2.0</a>
+            <div class="btn-group">
+              <a class="btn btn-large btn-success" href="#examples">See Examples</a>
+              <a class="btn btn-large btn-primary hidden-phone hidden-tablet"
+                 href="https://github.com/wyuenho/backgrid/tags">Download v0.2.5</a>
+              <a class="btn btn-large btn-info"
+                 href="https://github.com/wyuenho/backgrid/blob/0.2.5/CHANGELOG.md">What's new?</a>
+            </div>
           </p>
         </section>
         <div id="features">
@@ -296,7 +299,7 @@ <h2 id="example-1">Grid</h2>
                     $("#example-1-result").append(grid.render().$el);
 
                     // Fetch some countries from the url
-                    territories.fetch();</textarea>
+                    territories.fetch({reset: true});</textarea>
                 </div>
               </div>
               <div class="row-fluid">
@@ -334,16 +337,18 @@ <h3>Result</h3>
               </div>
               <div class="row-fluid">
                 <div class="span12">
-                  <h2 id="example-2">Paginator</h2>
+                  <h2 id="example-2">A More Complete Example</h2>
                   <p>If you have a large result set like the above, you&apos;d
-                    probably want to paginate your results. This is easily
-                    achieved in Backgrid.js.</p>
-                  <p>Backgrid.js comes with a paginator extension which you can
-                    load by including the following into your <code>head</code>
-                    tag:</p>
+                    probably want to be able to paginate and filter your
+                    results. This is easily achieved in Backgrid.js.</p>
+                  <p>Backgrid.js comes with a number of filters and a paginator
+                    extension which you can load by including the following into
+                    your <code>head</code> tag:</p>
                   <textarea class="code-snippet" data-mode="htmlmixed">
+                    &lt;link rel="stylesheet" href="lib/extensions/filter/backgrid-filter.css" /&gt;
                     &lt;link rel="stylesheet" href="lib/extensions/paginator/backgrid-paginator.css" /&gt;
                     &lt;script src="assets/js/backbone-pageable.js"&gt;&lt;/script&gt;
+                    &lt;script src="lib/extensions/filter/backgrid-filter.js"&gt;&lt;/script&gt;
                     &lt;script src="lib/extensions/paginator/backgrid-paginator.js"&gt;&lt;/script&gt;</textarea>
                   <p>To use the paginator, you must first declare your
                     collections to be
@@ -363,15 +368,40 @@ <h2 id="example-2">Paginator</h2>
 
                     var pageableTerritories = new PageableTerritories();
 
+                    // Set up a grid to use the pageable collection
                     var pageableGrid = new Backgrid.Grid({
                       columns: columns,
-                      collection: pageableTerritories,
-                      footer: Backgrid.Extension.Paginator
+                      collection: pageableTerritories
+                    });
+
+                    // Render the grid
+                    var $example2 = $("#example-2-result");
+                    $example2.append(pageableGrid.render().$el)
+
+                    // Initialize the paginator
+                    var paginator = new Backgrid.Extension.Paginator({
+                      columns: columns,
+                      collection: pageableTerritories
                     });
 
-                    $("#example-2-result").append(pageableGrid.render().$el);
+                    // Render the paginator
+                    $example2.append(paginator.render().$el);
 
-                    pageableTerritories.fetch();</textarea>
+                    // Initialize a client-side filter to filter on the client
+                    // mode pageable collection's cache.
+                    var filter = new Backgrid.Extension.ClientSideFilter({
+                      collection: pageableTerritories.fullCollection,
+                      fields: ['name']
+                    });
+
+                    // Render the filter
+                    $example2.prepend(filter.render().$el);
+
+                    // Add some space to the filter and move it to the right
+                    filter.$el.css({float: "right", margin: "20px"});
+
+                    // Fetch some data
+                    pageableTerritories.fetch({reset: true});</textarea>
                 </div>
               </div>
               <div class="row-fluid">
@@ -393,6 +423,10 @@ <h2 id="api-grid">Grid</h2>
               <ul class="nav">
                 <li><a href="api/index.html#!/api/Backgrid.Grid">Backgrid.Grid</a></li>
               </ul>
+              <h3>Events</h3>
+              <ul class="nav">
+                <li><a href="api/index.html#!/api/Backgrid.Grid-method-render">backgrid:rendered</a></li>
+              </ul>
             </div>
             <div class="span10">
               <h3>How to Use the Grid</h3>
@@ -509,6 +543,13 @@ <h2 id="api-cell">Cell</h2>
                 <li><a href="api/index.html#!/api/Backgrid.InputCellEditor">Backgrid.InputCellEditor</a></li>
                 <li><a href="api/index.html#!/api/Backgrid.SelectCellEditor">Backgrid.SelectCellEditor</a></li>
               </ul>
+              <h3>Events</h3>
+              <ul class="nav">
+                <li><a href="api/index.html#!/api/Backgrid.Cell-method-enterEditMode">backgrid:edit</a></li>
+                <li><a href="api/index.html#!/api/Backgrid.Cell-method-enterEditMode">backgrid:editing</a></li>
+                <li><a href="api/index.html#!/api/Backgrid.InputCellEditor-method-saveOrCancel">backgrid:edited</a></li>
+                <li><a href="api/index.html#!/api/Backgrid.InputCellEditor-method-saveOrCancel">backgrid:error</a></li>
+              </ul>
             </div>
             <div class="span10">
               <h3>Demo</h3>
@@ -706,6 +747,10 @@ <h2 id="api-header">Header</h2>
                 <li><a href="api/index.html#!/api/Backgrid.HeaderRow">Backgrid.HeaderRow</a></li>
                 <li><a href="api/index.html#!/api/Backgrid.HeaderCell">Backgrid.HeaderCell</a></li>
               </ul>
+              <h3>Events</h3>
+              <ul class="nav">
+                <li><a href="api/index.html#!/api/Backgrid.HeaderCell-method-sort">backgrid:sort</a></li>
+              </ul>
             </div>
             <div class="span10">
               <h3>Understanding the Default Header</h3>
@@ -787,6 +832,10 @@ <h2 id="api-body">Body</h2>
               <ul class="nav">
                 <li><a href="api/index.html#!/api/Backgrid.Body">Backgrid.Body</a></li>
               </ul>
+              <h3>Events</h3>
+              <ul class="nav">
+                <li><a href="api/index.html#!/api/Backgrid.Body-method-refresh">backgrid:refresh</a></li>
+              </ul>
             </div>
             <div class="span10">
               <h3>Customizing Body</h3>
@@ -906,6 +955,11 @@ <h2 id="api-select-all">SelectAll</h2>
                 <li><a href="api/index.html#!/api/Backgrid.Extension.SelectRowCell">Backgrid.Extension.SelectRowCell</a></li>
                 <li><a href="api/index.html#!/api/Backgrid.Extension.SelectAllHeaderCell">Backgrid.Extension.SelectAllHeaderCell</a></li>
               </ul>
+              <h3>Events</h3>
+              <ul class="nav">
+                <li><a href="api/Backgrid.Extension.SelectAllHeaderCell-method-initialize">backgrid:select</a></li>
+                <li><a href="api/Backgrid.Extension.SelectAllHeaderCell-method-initialize">backgrid:selected</a></li>
+              </ul>
               <h4>Best Used On</h4>
               <ul>
                 <li>Desktop</li>
@@ -953,14 +1007,25 @@ <h3>Result</h3>
           </div>
           <div class="row-fluid">
             <div class="span9 offset3">
-              <h3>Getting to the Selected Models</h3>
+              <h3>Manipulating Selections Programatically</h3>
               <p>At any point during the lifetime of your program, if you'd like
               to get an array of the currently selected models after you've
               rendered your grid, you can easily do so:</p>
               <textarea class="code-snippet" data-mode="javascript" data-eval="no">
                 // This method is only available on Backgrid.Grid after you've
                 // include the SelectAll extension.
-                grid.getSelectedModels();</textarea>
+                var selectedModels = grid.getSelectedModels();
+
+                // To deselect selected models
+                _.each(selectedModels, function (model) {
+                  model.trigger("backgrid:select", model, false);
+                });
+
+                // Selecting even numbered rows
+                grid.collection.each(function (model, i) {
+                  if (i % 2 == 0) model.trigger("backgrid:select", model, true);
+                });
+              </textarea>
             </div>
           </div>
           <div class="row-fluid">
@@ -1078,29 +1143,36 @@ <h3>Configuring Backgrid.Extension.Paginator</h3>
                     sortable: false
                   }],
 
-                  collection: issues,
+                  collection: issues
+                });
 
-                  footer: Backgrid.Extension.Paginator.extend({
+                var $paginatorExample = $("#paginator-example-result");
+                $paginatorExample.append(issueGrid.render().el);
 
-                    // If you anticipate a large number of pages, you can adjust
-                    // the number of page handles to show. The sliding window
-                    // will automatically show the next set of page handles when
-                    // you click next at the end of a window.
-                    windowSize: 20, // Default is 10
+                var GithubPaginator = Backgrid.Extension.Paginator.extend({
 
-                    // If you anticipate a small number of pages, you can choose
-                    // to disable the rendering of fast forward handles to save
-                    // space.
-                    hasFastForward: true, // true is the default
+                  // If you anticipate a large number of pages, you can adjust
+                  // the number of page handles to show. The sliding window
+                  // will automatically show the next set of page handles when
+                  // you click next at the end of a window.
+                  windowSize: 20, // Default is 10
 
-                    fastForwardHandleLabels: {
-                      prev: "<",
-                      next: ">"
-                    }
-                  })
+                  // If you anticipate a small number of pages, you can choose
+                  // to disable the rendering of fast forward handles to save
+                  // space.
+                  hasFastForward: true, // true is the default
+
+                  fastForwardHandleLabels: {
+                    prev: "<",
+                    next: ">"
+                  }
                 });
 
-                $("#paginator-example-result").append(issueGrid.render().el);
+                var paginator = new GithubPaginator({
+                  columns: columns,
+                  collection: issues
+                });
+                $paginatorExample.append(paginator.render().el);
 
                 issues.getFirstPage();</textarea>
             </div>
@@ -1115,6 +1187,7 @@ <h2 id="api-filter">Filter</h2>
               <ul class="nav">
                 <li><a href="api/index.html#!/api/Backgrid.Extension.ServerSideFilter">Backgrid.Extension.ServerSideFilter</a></li>
                 <li><a href="api/index.html#!/api/Backgrid.Extension.ClientSideFilter">Backgrid.Extension.ClientSideFilter</a></li>
+                <li><a href="api/index.html#!/api/Backgrid.Extension.LunrFilter">Backgrid.Extension.LunrFilter</a></li>
               </ul>
               <h4>Best Used On</h4>
               <ul>
@@ -1127,15 +1200,15 @@ <h3>When to Use</h3>
               <p>When you have lots of rows with lots of text, and you just want
               to quickly get to the row that only contain certain keywords.</p>
               <h3>Prerequisites</h3>
-              <p>Both ServerSideFilter and ClientSideFilter have an optional
-              dependency on <a href="http://twitter.github.com/bootstrap/"
-              title="Twitter Bootstrap">Twitter Bootstrap's CSS</a>. This
-              dependency is optional because the filter extension only uses its
-              CSS for rendering. You are free to override the default template
-              and CSS if you don't like it.</p>
-              <p>For ClientSideFilter, it has a hard dependency on <a
-              href="http://lunrjs.com/" title="lunr.js">lunr.js</a> for
-              full-text searching.</p>
+              <p>All three Filter classes have an optional dependency
+                on <a href="http://twitter.github.com/bootstrap/"
+                      title="Twitter Bootstrap">Twitter Bootstrap's CSS</a>.
+                This dependency is optional because the filter extension only
+                uses its CSS for rendering. You are free to override the default
+                template and CSS if you don't like it.</p>
+              <p>For LunrFilter, it has a hard dependency on <a
+                href="http://lunrjs.com/" title="lunr.js">lunr.js</a> for
+                full-text searching.</p>
               <textarea class="code-snippet" data-mode="htmlmixed">
                 &lt;link rel="stylesheet" href="assets/css/bootstrap.css" /&gt;
                 &lt;link rel="stylesheet" href="lib/extensions/filter/backgrid-filter.css" /&gt;
@@ -1143,31 +1216,60 @@ <h3>Prerequisites</h3>
                 &lt;script src="lib/extensions/filter/backgrid-filter.js"&gt;&lt;/script&gt;</textarea>
               <h3>Usage</h3>
               <textarea class="code-snippet" data-mode="javascript" data-eval="yes">
-                // Just instantiate an instance, connect a collection to it and render.
+
+                // ServerSideFilter delegates the searching to the server by submitting a query.
                 var serverSideFilter = new Backgrid.Extension.ServerSideFilter({
                   collection: issues,
                   name: "labels", // the name of the URL query parameter
                   placeholder: "Search on the server" // HTML5 placeholder for the search box
                 });
+
                 $("#filter-example-result").append(serverSideFilter.render().el);
 
+                // ClientSideFilter performs a case-insensitive regular
+                // expression search on the client side by OR-ing the keywords in
+                // the search box together.
                 var clientSideFilter = new Backgrid.Extension.ClientSideFilter({
-                  collection: issues,
+                  collection: territories,
                   placeholder: "Search in the browser",
+                  // The model fields to search for matches
+                  fields: ['name'],
+                  // How long to wait after typing has stopped before searching can start
+                  wait: 150
+                });
+
+                $("#filter-example-result").append(clientSideFilter.render().el);
+
+                // LunrFilter is a specialized ClientSideFilter that uses
+                // lunr.js to perform full-text searching on the client side.
+                var lunrFilter = new Backgrid.Extension.LunrFilter({
+                  collection: territories,
+                  placeholder: "Full-text searching",
                   // lunr.js field name and boost value
                   fields: {
-                    title: 10,
-                    body: 5
+                    name: 10
                   },
                   // lunr.js document key for indexing
-                  ref: "id",
-                  // How long to wait after typing has stopped before searching can start
+                  ref: 'id',
                   wait: 150
                 });
-                $("#filter-example-result").append(clientSideFilter.render().el);</textarea>
+
+                $("#filter-example-result").append(lunrFilter.render().el);</textarea>
               <div id="filter-example-result"></div>
-              <p><a href="#paginator-result">Scroll up</a> to the paginator
-              example to see the result.</p>
+              <p class="label label-info">Pro Tip</p>
+              <p>The client-side filters won't work unless the collection
+                contains all the data for filtering at the time the filters are
+                initialized. If you are fetching data after the filters were
+                initialized and using Backbone 1.0.0+, you should pass
+                <code>{remove: true}</code> or <code>{reset: true}</code> to
+                <code>Collection#fetch()</code> due to the change to
+                <code>Collection#set()</code>
+                after <a href="http://backbonejs.org/#Collection-fetch"
+                         title="Backbone.Collection#fetch">fetching</a> in Backbone
+                1.0.0+. For this reason, the examples above may or may not work
+                due to the asynchronous nature of fetching. To see a working
+                example, scroll up to
+              <a href="#example-2-result" title="Example 2">example 2</a>.</p>
             </div>
           </div>
           <div class="row-fluid">
@@ -1256,7 +1358,7 @@ <h3>Prerequisites</h3>
                 <!-- Moment.js language files must be included after
                      backgrid-moment-cell.js because it changes moment.js' default
                      language -->
-                &lt;script src="assets/js/moment/lang/zh-tw.js"&gt;&lt;/script&gt;</textarea>
+                &lt;script src="assets/js/moment/lang/zh-tw.min.js"&gt;&lt;/script&gt;</textarea>
               <h3>Usage</h3>
               <p>The default MomentCell acts just like DatetimeCell, so if you
                 have a column with datetime values, the default MomentCell is
@@ -1598,10 +1700,10 @@ <h1>License</h1>
     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone-pageable/1.2.1/backbone-pageable.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone-pageable/1.2.2/backbone-pageable.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.2/bootstrap.min.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/select2/3.3.1/select2.min.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/1.7.2/moment.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/select2/3.3.2/select2.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.0.0/moment.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/lunr.js/0.3.0/lunr.min.js"></script>
     <script src="lib/backgrid.min.js"></script>
     <script src="lib/extensions/paginator/backgrid-paginator.min.js"></script>
@@ -1610,14 +1712,14 @@ <h1>License</h1>
     <script src="lib/extensions/select2-cell/backgrid-select2-cell.js"></script>
     <script src="lib/extensions/select-all/backgrid-select-all.min.js"></script>
     <script src="lib/extensions/filter/backgrid-filter.min.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/codemirror.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/formatting.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/xml.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/css.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/javascript.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/htmlmixed.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/shell.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/1.7.2/lang/zh-tw.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/codemirror.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/formatting.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/xml.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/css.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/javascript.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/htmlmixed.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/shell.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.0.0/lang/zh-tw.min.js"></script>
     <script>
       (function () {
 
diff --git a/lib/backgrid.js b/lib/backgrid.js
index fe19ffb5..f674e5e9 100644
--- a/lib/backgrid.js
+++ b/lib/backgrid.js
@@ -624,16 +624,7 @@ var InputCellEditor = Backgrid.InputCellEditor = CellEditor.extend({
       var val = this.$el.val();
       var newValue = formatter.toRaw(val);
       if (_.isUndefined(newValue)) {
-
         model.trigger("backgrid:error", model, column, val);
-
-        if (blurred) {
-          var self = this;
-          var timeout = window.setTimeout(function () {
-            self.$el.focus();
-            window.clearTimeout(timeout);
-          }, 1);
-        }
       }
       else {
         model.set(column.get("name"), newValue);
@@ -714,7 +705,7 @@ var Cell = Backgrid.Cell = Backbone.View.extend({
     if (!(this.column instanceof Column)) {
       this.column = new Column(this.column);
     }
-    this.formatter = Backgrid.resolveNameToClass(this.formatter, "Formatter");
+    this.formatter = Backgrid.resolveNameToClass(this.column.get("formatter") || this.formatter, "Formatter");
     this.editor = Backgrid.resolveNameToClass(this.editor, "CellEditor");
     this.listenTo(this.model, "change:" + this.column.get("name"), function () {
       if (!this.$el.hasClass("editor")) this.render();
@@ -1069,7 +1060,13 @@ var BooleanCellEditor = Backgrid.BooleanCellEditor = CellEditor.extend({
 
   /** @property */
   events: {
+    "mousedown": function () {
+      this.mouseDown = true;
+    },
     "blur": "enterOrExitEditMode",
+    "mouseup": function () {
+      this.mouseDown = false;
+    },
     "change": "saveOrCancel",
     "keydown": "saveOrCancel"
   },
@@ -1089,14 +1086,10 @@ var BooleanCellEditor = Backgrid.BooleanCellEditor = CellEditor.extend({
      `change` and `click` on a checkbox.
   */
   enterOrExitEditMode: function (e) {
-    var valBeforeBlur = this.$el.prop("checked");
-    var self = this;
-    var model = this.model;
-    var timeout = window.setTimeout(function () {
-      if (self.$el.prop("checked") != valBeforeBlur) self.$el.focus();
-      else model.trigger("backgrid:edited", model, self.column, new Command(e));
-      window.clearTimeout(timeout);
-    }, 50);
+    if (!this.mouseDown) {
+      var model = this.model;
+      model.trigger("backgrid:edited", model, this.column, new Command(e));
+    }
   },
 
   /**
@@ -1116,17 +1109,19 @@ var BooleanCellEditor = Backgrid.BooleanCellEditor = CellEditor.extend({
       model.trigger("backgrid:edited", model, column, command);
     }
 
+    var $el = this.$el;
     if (command.save() || command.moveLeft() || command.moveRight() || command.moveUp() ||
         command.moveDown()) {
       e.preventDefault();
       e.stopPropagation();
-      var val = formatter.toRaw(this.$el.prop("checked"));
+      var val = formatter.toRaw($el.prop("checked"));
       model.set(column.get("name"), val);
       model.trigger("backgrid:edited", model, column, command);
     }
     else if (e.type == "change") {
-      var val = formatter.toRaw(this.$el.prop("checked"));
+      var val = formatter.toRaw($el.prop("checked"));
       model.set(column.get("name"), val);
+      $el.focus();
     }
   }
 
diff --git a/lib/backgrid.min.js b/lib/backgrid.min.js
index 3822b1af..00bbcdab 100644
--- a/lib/backgrid.min.js
+++ b/lib/backgrid.min.js
@@ -5,4 +5,4 @@
   Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
   Licensed under the MIT @license.
 */
-(function(e,t,i,n){"use strict";function r(e){return String.fromCharCode(e.charCodeAt(0)-32)+e.slice(1)}function o(e,t,i){var n=t-(e+"").length;n=0>n?0:n;for(var r="",o=0;n>o;o++)r+=i;return r+e}var s=e,l="	\n\f\r   ᠎             　\u2028\u2029";if(!String.prototype.trim||l.trim()){l="["+l+"]";var a=RegExp("^"+l+l+"*"),h=RegExp(l+l+"*$");String.prototype.trim=function(){if(void 0===this||null===this)throw new TypeError("can't convert "+this+" to object");return(this+"").replace(a,"").replace(h,"")}}var c=e.Backgrid={VERSION:"0.2.5",Extension:{},requireOptions:function(e,t){for(var n=0;t.length>n;n++){var r=t[n];if(i.isUndefined(e[r]))throw new TypeError("'"+r+"' is required")}},resolveNameToClass:function(e,t){if(i.isString(e)){var n=i.map(e.split("-"),function(e){return r(e)}).join("")+t,o=c[n]||c.Extension[n];if(i.isUndefined(o))throw new ReferenceError("Class '"+n+"' not found");return o}return e}};i.extend(c,n.Events);var d=c.Command=function(e){i.extend(this,{altKey:!!e.altKey,"char":e.char,charCode:e.charCode,ctrlKey:!!e.ctrlKey,key:e.key,keyCode:e.keyCode,locale:e.locale,location:e.location,metaKey:!!e.metaKey,repeat:!!e.repeat,shiftKey:!!e.shiftKey,which:e.which})};i.extend(d.prototype,{moveUp:function(){return 38==this.keyCode},moveDown:function(){return 40===this.keyCode},moveLeft:function(){return this.shiftKey&&9===this.keyCode},moveRight:function(){return!this.shiftKey&&9===this.keyCode},save:function(){return 13===this.keyCode},cancel:function(){return 27===this.keyCode},passThru:function(){return!(this.moveUp()||this.moveDown()||this.moveLeft()||this.moveRight()||this.save()||this.cancel())}});var u=c.CellFormatter=function(){};i.extend(u.prototype,{fromRaw:function(e){return e},toRaw:function(e){return e}});var m=c.NumberFormatter=function(e){if(e=e?i.clone(e):{},i.extend(this,this.defaults,e),0>this.decimals||this.decimals>20)throw new RangeError("decimals must be between 0 and 20")};m.prototype=new u,i.extend(m.prototype,{defaults:{decimals:2,decimalSeparator:".",orderSeparator:","},HUMANIZED_NUM_RE:/(\d)(?=(?:\d{3})+$)/g,fromRaw:function(e){if(i.isNull(e)||i.isUndefined(e))return"";e=e.toFixed(~~this.decimals);var t=e.split("."),n=t[0],r=t[1]?(this.decimalSeparator||".")+t[1]:"";return n.replace(this.HUMANIZED_NUM_RE,"$1"+this.orderSeparator)+r},toRaw:function(e){for(var t="",n=e.trim().split(this.orderSeparator),r=0;n.length>r;r++)t+=n[r];var o=t.split(this.decimalSeparator);t="";for(var r=0;o.length>r;r++)t=t+o[r]+".";"."===t[t.length-1]&&(t=t.slice(0,t.length-1));var s=1*(1*t).toFixed(~~this.decimals);return i.isNumber(s)&&!i.isNaN(s)?s:void 0}});var p=c.DatetimeFormatter=function(e){if(e=e?i.clone(e):{},i.extend(this,this.defaults,e),!this.includeDate&&!this.includeTime)throw Error("Either includeDate or includeTime must be true")};p.prototype=new u,i.extend(p.prototype,{defaults:{includeDate:!0,includeTime:!0,includeMilli:!1},DATE_RE:/^([+\-]?\d{4})-(\d{2})-(\d{2})$/,TIME_RE:/^(\d{2}):(\d{2}):(\d{2})(\.(\d{3}))?$/,ISO_SPLITTER_RE:/T|Z| +/,_convert:function(e,t){e=e.trim();var n=e.split(this.ISO_SPLITTER_RE)||[],r=this.DATE_RE.test(n[0])?n[0]:"",s=r&&n[1]?n[1]:this.TIME_RE.test(n[0])?n[0]:"",l=this.DATE_RE.exec(r)||[],a=this.TIME_RE.exec(s)||[];if(t){if(this.includeDate&&i.isUndefined(l[0]))return;if(this.includeTime&&i.isUndefined(a[0]))return;if(!this.includeDate&&r)return;if(!this.includeTime&&s)return}var h=new Date(Date.UTC(1*l[1]||0,1*l[2]-1||0,1*l[3]||0,1*a[1]||null,1*a[2]||null,1*a[3]||null,1*a[5]||null)),c="";return this.includeDate&&(c=o(h.getUTCFullYear(),4,0)+"-"+o(h.getUTCMonth()+1,2,0)+"-"+o(h.getUTCDate(),2,0)),this.includeTime&&(c=c+(this.includeDate?"T":"")+o(h.getUTCHours(),2,0)+":"+o(h.getUTCMinutes(),2,0)+":"+o(h.getUTCSeconds(),2,0),this.includeMilli&&(c=c+"."+o(h.getUTCMilliseconds(),3,0))),this.includeDate&&this.includeTime&&(c+="Z"),c},fromRaw:function(e){return i.isNull(e)||i.isUndefined(e)?"":this._convert(e)},toRaw:function(e){return this._convert(e,!0)}});var f=c.StringFormatter=function(){};f.prototype=new u,i.extend(f.prototype,{fromRaw:function(e){return i.isUndefined(e)||i.isNull(e)?"":e+""}});var v=c.EmailFormatter=function(){};v.prototype=new u,i.extend(v.prototype,{toRaw:function(e){var t=e.trim().split("@");return 2===t.length&&i.all(t)?e:void 0}});var g=c.CellEditor=n.View.extend({initialize:function(e){c.requireOptions(e,["formatter","column","model"]),this.formatter=e.formatter,this.column=e.column,this.column instanceof $||(this.column=new $(this.column)),this.listenTo(this.model,"backgrid:editing",this.postRender)},postRender:function(e,t){return(null==t||t.get("name")==this.column.get("name"))&&this.$el.focus(),this}}),w=c.InputCellEditor=g.extend({tagName:"input",attributes:{type:"text"},events:{blur:"saveOrCancel",keydown:"saveOrCancel"},initialize:function(e){g.prototype.initialize.apply(this,arguments),e.placeholder&&this.$el.attr("placeholder",e.placeholder)},render:function(){return this.$el.val(this.formatter.fromRaw(this.model.get(this.column.get("name")))),this},saveOrCancel:function(e){var t=this.formatter,n=this.model,r=this.column,o=new d(e),l="blur"===e.type;if(o.moveUp()||o.moveDown()||o.moveLeft()||o.moveRight()||o.save()||l){e.preventDefault(),e.stopPropagation();var a=this.$el.val(),h=t.toRaw(a);if(i.isUndefined(h)){if(n.trigger("backgrid:error",n,r,a),l)var c=this,u=s.setTimeout(function(){c.$el.focus(),s.clearTimeout(u)},1)}else n.set(r.get("name"),h),n.trigger("backgrid:edited",n,r,o)}else o.cancel()&&(e.stopPropagation(),n.trigger("backgrid:edited",n,r,o))},postRender:function(e,t){if(null==t||t.get("name")==this.column.get("name"))if("right"===this.$el.css("text-align")){var i=this.$el.val();this.$el.focus().val(null).val(i)}else this.$el.focus();return this}}),y=c.Cell=n.View.extend({tagName:"td",formatter:new u,editor:w,events:{click:"enterEditMode"},initialize:function(e){c.requireOptions(e,["model","column"]),this.column=e.column,this.column instanceof $||(this.column=new $(this.column)),this.formatter=c.resolveNameToClass(this.formatter,"Formatter"),this.editor=c.resolveNameToClass(this.editor,"CellEditor"),this.listenTo(this.model,"change:"+this.column.get("name"),function(){this.$el.hasClass("editor")||this.render()})},render:function(){return this.$el.empty(),this.$el.text(this.formatter.fromRaw(this.model.get(this.column.get("name")))),this.delegateEvents(),this},enterEditMode:function(){var e=this.model,t=this.column;t.get("editable")&&(this.currentEditor=new this.editor({column:this.column,model:this.model,formatter:this.formatter}),e.trigger("backgrid:edit",e,t,this,this.currentEditor),this.listenTo(e,"backgrid:error",this.renderError),this.undelegateEvents(),this.$el.empty(),this.$el.append(this.currentEditor.$el),this.currentEditor.render(),this.$el.addClass("editor"),e.trigger("backgrid:editing",e,t,this,this.currentEditor))},renderError:function(e,t){(null==t||t.get("name")==this.column.get("name"))&&this.$el.addClass("error")},exitEditMode:function(){this.$el.removeClass("error"),this.currentEditor.remove(),this.stopListening(this.currentEditor),delete this.currentEditor,this.$el.removeClass("editor"),this.render()},remove:function(){return this.currentEditor&&(this.currentEditor.remove.apply(this,arguments),delete this.currentEditor),n.View.prototype.remove.apply(this,arguments)}}),C=c.StringCell=y.extend({className:"string-cell",formatter:new f});c.UriCell=y.extend({className:"uri-cell",render:function(){this.$el.empty();var e=this.formatter.fromRaw(this.model.get(this.column.get("name")));return this.$el.append(t("<a>",{tabIndex:-1,href:e,title:e,target:"_blank"}).text(e)),this.delegateEvents(),this}}),c.EmailCell=C.extend({className:"email-cell",formatter:new v,render:function(){this.$el.empty();var e=this.formatter.fromRaw(this.model.get(this.column.get("name")));return this.$el.append(t("<a>",{tabIndex:-1,href:"mailto:"+e,title:e}).text(e)),this.delegateEvents(),this}});var b=c.NumberCell=y.extend({className:"number-cell",decimals:m.prototype.defaults.decimals,decimalSeparator:m.prototype.defaults.decimalSeparator,orderSeparator:m.prototype.defaults.orderSeparator,formatter:m,initialize:function(){y.prototype.initialize.apply(this,arguments),this.formatter=new this.formatter({decimals:this.decimals,decimalSeparator:this.decimalSeparator,orderSeparator:this.orderSeparator})}});c.IntegerCell=b.extend({className:"integer-cell",decimals:0});var E=c.DatetimeCell=y.extend({className:"datetime-cell",includeDate:p.prototype.defaults.includeDate,includeTime:p.prototype.defaults.includeTime,includeMilli:p.prototype.defaults.includeMilli,formatter:p,initialize:function(){y.prototype.initialize.apply(this,arguments),this.formatter=new this.formatter({includeDate:this.includeDate,includeTime:this.includeTime,includeMilli:this.includeMilli});var e=this.includeDate?"YYYY-MM-DD":"";e+=this.includeDate&&this.includeTime?"T":"",e+=this.includeTime?"HH:mm:ss":"",e+=this.includeTime&&this.includeMilli?".SSS":"",this.editor=this.editor.extend({attributes:i.extend({},this.editor.prototype.attributes,this.editor.attributes,{placeholder:e})})}});c.DateCell=E.extend({className:"date-cell",includeTime:!1}),c.TimeCell=E.extend({className:"time-cell",includeDate:!1});var x=c.BooleanCellEditor=g.extend({tagName:"input",attributes:{tabIndex:-1,type:"checkbox"},events:{blur:"enterOrExitEditMode",change:"saveOrCancel",keydown:"saveOrCancel"},render:function(){var e=this.formatter.fromRaw(this.model.get(this.column.get("name")));return this.$el.prop("checked",e),this},enterOrExitEditMode:function(e){var t=this.$el.prop("checked"),i=this,n=this.model,r=s.setTimeout(function(){i.$el.prop("checked")!=t?i.$el.focus():n.trigger("backgrid:edited",n,i.column,new d(e)),s.clearTimeout(r)},50)},saveOrCancel:function(e){var t=this.model,i=this.column,n=this.formatter,r=new d(e);if(r.passThru()&&"change"!=e.type)return!0;if(r.cancel()&&(e.stopPropagation(),t.trigger("backgrid:edited",t,i,r)),r.save()||r.moveLeft()||r.moveRight()||r.moveUp()||r.moveDown()){e.preventDefault(),e.stopPropagation();var o=n.toRaw(this.$el.prop("checked"));t.set(i.get("name"),o),t.trigger("backgrid:edited",t,i,r)}else if("change"==e.type){var o=n.toRaw(this.$el.prop("checked"));t.set(i.get("name"),o)}}});c.BooleanCell=y.extend({className:"boolean-cell",editor:x,events:{click:"enterEditMode"},render:function(){return this.$el.empty(),this.$el.append(t("<input>",{tabIndex:-1,type:"checkbox",checked:this.formatter.fromRaw(this.model.get(this.column.get("name")))})),this.delegateEvents(),this}});var T=c.SelectCellEditor=g.extend({tagName:"select",events:{change:"save",blur:"close",keydown:"close"},template:i.template('<option value="<%- value %>" <%= selected ? \'selected="selected"\' : "" %>><%- text %></option>'),setOptionValues:function(e){this.optionValues=e},_renderOptions:function(e,t){for(var i="",n=0;e.length>n;n++)i+=this.template({text:e[n][0],value:e[n][1],selected:t==e[n][1]});return i},render:function(){this.$el.empty();var e=i.result(this,"optionValues"),n=this.model.get(this.column.get("name"));if(!i.isArray(e))throw TypeError("optionValues must be an array");for(var r=null,o=null,r=null,s=null,l=null,a=0;e.length>a;a++){var r=e[a];if(i.isArray(r))o=r[0],r=r[1],this.$el.append(this.template({text:o,value:r,selected:r==n}));else{if(!i.isObject(r))throw TypeError("optionValues elements must be a name-value pair or an object hash of { name: 'optgroup label', value: [option name-value pairs] }");s=r.name,l=t("<optgroup></optgroup>",{label:s}),l.append(this._renderOptions(r.values,n)),this.$el.append(l)}}return this.delegateEvents(),this},save:function(e){var t=this.model,i=this.column;t.set(i.get("name"),this.formatter.toRaw(this.$el.val())),t.trigger("backgrid:edited",t,i,new d(e))},close:function(e){var t=this.model,i=this.column,n=new d(e);n.cancel()?(e.stopPropagation(),t.trigger("backgrid:edited",t,i,new d(e))):(n.save()||n.moveLeft()||n.moveRight()||n.moveUp()||n.moveDown()||"blur"==e.type)&&(e.preventDefault(),e.stopPropagation(),t.trigger("backgrid:edited",t,i,new d(e)))}});c.SelectCell=y.extend({className:"select-cell",editor:T,optionValues:void 0,initialize:function(){y.prototype.initialize.apply(this,arguments),c.requireOptions(this,["optionValues"]),this.optionValues=i.result(this,"optionValues"),this.listenTo(this.model,"backgrid:edit",function(e,t,i,n){t.get("name")==this.column.get("name")&&n.setOptionValues(this.optionValues)})},render:function(){this.$el.empty();var e=this.optionValues,t=this.formatter.fromRaw(this.model.get(this.column.get("name")));try{if(!i.isArray(e)||i.isEmpty(e))throw new TypeError;for(var n=0;e.length>n;n++){var r=e[n];if(i.isArray(r)){var o=r[0],r=r[1];if(r==t){this.$el.append(o);break}}else{if(!i.isObject(r))throw new TypeError;for(var s=r.values,l=0;s.length>l;l++){var a=s[l];if(a[1]==t){this.$el.append(a[0]);break}}}}}catch(h){if(h instanceof TypeError)throw TypeError("'optionValues' must be of type {Array.<Array>|Array.<{name: string, values: Array.<Array>}>}");throw h}return this.delegateEvents(),this}});var $=c.Column=n.Model.extend({defaults:{name:void 0,label:void 0,sortable:!0,editable:!0,renderable:!0,formatter:void 0,cell:void 0,headerCell:void 0},initialize:function(e){c.requireOptions(e,["cell","name"]),this.has("label")||this.set({label:this.get("name")},{silent:!0});var t=c.resolveNameToClass(this.get("headerCell"),"HeaderCell"),i=c.resolveNameToClass(this.get("cell"),"Cell");this.set({cell:i,headerCell:t},{silent:!0})}}),R=c.Columns=n.Collection.extend({model:$}),k=c.Row=n.View.extend({tagName:"tr",requiredOptions:["columns","model"],initialize:function(e){c.requireOptions(e,this.requiredOptions);var t=this.columns=e.columns;t instanceof n.Collection||(t=this.columns=new R(t));for(var i=this.cells=[],r=0;t.length>r;r++)i.push(this.makeCell(t.at(r),e));this.listenTo(t,"change:renderable",function(e,t){for(var n=0;i.length>n;n++){var r=i[n];r.column.get("name")==e.get("name")&&(t?r.$el.show():r.$el.hide())}}),this.listenTo(t,"add",function(t,n){var r=n.indexOf(t),o=this.makeCell(t,e);i.splice(r,0,o),o.column.get("renderable")||o.$el.hide();var s=this.$el;0===r?s.prepend(o.render().$el):r===n.length-1?s.append(o.render().$el):s.children().eq(r).before(o.render().$el)}),this.listenTo(t,"remove",function(e,t,n){i[n.index].remove(),i.splice(n.index,1)})},makeCell:function(e){return new(e.get("cell"))({column:e,model:this.model})},render:function(){this.$el.empty();for(var e=document.createDocumentFragment(),t=0;this.cells.length>t;t++){var i=this.cells[t];e.appendChild(i.render().el),i.column.get("renderable")||i.$el.hide()}return this.el.appendChild(e),this.delegateEvents(),this},remove:function(){for(var e=0;this.cells.length>e;e++){var t=this.cells[e];t.remove.apply(t,arguments)}return n.View.prototype.remove.apply(this,arguments)}}),N=c.EmptyRow=n.View.extend({tagName:"tr",emptyText:null,initialize:function(e){c.requireOptions(e,["emptyText","columns"]),this.emptyText=e.emptyText,this.columns=e.columns},render:function(){this.$el.empty();var e=document.createElement("td");return e.setAttribute("colspan",this.columns.length),e.textContent=this.emptyText,this.el.setAttribute("class","empty"),this.el.appendChild(e),this}}),D=c.HeaderCell=n.View.extend({tagName:"th",events:{"click a":"onClick"},_direction:null,initialize:function(e){c.requireOptions(e,["column","collection"]),this.column=e.column,this.column instanceof $||(this.column=new $(this.column)),this.listenTo(this.collection,"backgrid:sort",this._resetCellDirection)},direction:function(e){return arguments.length&&(this._direction&&this.$el.removeClass(this._direction),e&&this.$el.addClass(e),this._direction=e),this._direction},_resetCellDirection:function(e,t,i,n){n==this.collection&&(e!==this.column.get("name")?this.direction(null):this.direction(t))},onClick:function(e){e.preventDefault();var t=this.column.get("name");this.column.get("sortable")&&("ascending"===this.direction()?this.sort(t,"descending",function(e,i){var n=e.get(t),r=i.get(t);return n===r?0:n>r?-1:1}):"descending"===this.direction()?this.sort(t,null):this.sort(t,"ascending",function(e,i){var n=e.get(t),r=i.get(t);return n===r?0:r>n?-1:1}))},sort:function(e,t,i){i=i||this._cidComparator;var r=this.collection;if(n.PageableCollection&&r instanceof n.PageableCollection){var o;o="ascending"===t?-1:"descending"===t?1:null,r.setSorting(o?e:null,o),"client"==r.mode?(r.fullCollection.comparator||(r.fullCollection.comparator=i),r.fullCollection.sort()):r.fetch({reset:!0})}else r.comparator=i,r.sort();this.collection.trigger("backgrid:sort",e,t,i,this.collection)},_cidComparator:function(e,t){var n=e.cid,r=t.cid;if(!i.isUndefined(n)&&!i.isUndefined(r)){if(n=1*n.slice(1),r=1*r.slice(1),r>n)return-1;if(n>r)return 1}return 0},render:function(){this.$el.empty();var e=t("<a>").text(this.column.get("label")).append("<b class='sort-caret'></b>");return this.$el.append(e),this.delegateEvents(),this}});c.HeaderRow=c.Row.extend({requiredOptions:["columns","collection"],initialize:function(){c.Row.prototype.initialize.apply(this,arguments)},makeCell:function(e,t){var i=e.get("headerCell")||t.headerCell||D;return i=new i({column:e,collection:this.collection})}});var O=c.Header=n.View.extend({tagName:"thead",initialize:function(e){c.requireOptions(e,["columns","collection"]),this.columns=e.columns,this.columns instanceof n.Collection||(this.columns=new R(this.columns)),this.row=new c.HeaderRow({columns:this.columns,collection:this.collection})},render:function(){return this.$el.append(this.row.render().$el),this.delegateEvents(),this},remove:function(){return this.row.remove.apply(this.row,arguments),n.View.prototype.remove.apply(this,arguments)}}),_=c.Body=n.View.extend({tagName:"tbody",initialize:function(e){c.requireOptions(e,["columns","collection"]),this.columns=e.columns,this.columns instanceof n.Collection||(this.columns=new R(this.columns)),this.row=e.row||k,this.rows=this.collection.map(function(e){var t=new this.row({columns:this.columns,model:e});return t},this),this.emptyText=e.emptyText,this._unshiftEmptyRowMayBe();var t=this.collection;this.listenTo(t,"add",this.insertRow),this.listenTo(t,"remove",this.removeRow),this.listenTo(t,"sort",this.refresh),this.listenTo(t,"reset",this.refresh),this.listenTo(t,"backgrid:edited",this.moveToNextCell)},_unshiftEmptyRowMayBe:function(){0===this.rows.length&&null!=this.emptyText&&this.rows.unshift(new N({emptyText:this.emptyText,columns:this.columns}))},insertRow:function(e,t,r){if(this.rows[0]instanceof N&&this.rows.pop().remove(),!(t instanceof n.Collection||r))return this.collection.add(e,r=t),void 0;r=i.extend({render:!0},r||{});var o=new this.row({columns:this.columns,model:e}),s=t.indexOf(e);this.rows.splice(s,0,o);var l=this.$el,a=l.children(),h=o.render().$el;r.render&&(s>=a.length?l.append(h):a.eq(s).before(h))},removeRow:function(e,t,n){return n?((i.isUndefined(n.render)||n.render)&&this.rows[n.index].remove(),this.rows.splice(n.index,1),this._unshiftEmptyRowMayBe(),void 0):(this.collection.remove(e,n=t),this._unshiftEmptyRowMayBe(),void 0)},refresh:function(){for(var e=0;this.rows.length>e;e++)this.rows[e].remove();return this.rows=this.collection.map(function(e){var t=new this.row({columns:this.columns,model:e});return t},this),this._unshiftEmptyRowMayBe(),this.render(),this.collection.trigger("backgrid:refresh",this),this},render:function(){this.$el.empty();for(var e=document.createDocumentFragment(),t=0;this.rows.length>t;t++){var i=this.rows[t];e.appendChild(i.render().el)}return this.el.appendChild(e),this.delegateEvents(),this},remove:function(){for(var e=0;this.rows.length>e;e++){var t=this.rows[e];t.remove.apply(t,arguments)}return n.View.prototype.remove.apply(this,arguments)},moveToNextCell:function(e,t,i){var n=this.collection.indexOf(e),r=this.columns.indexOf(t);if(i.moveUp()||i.moveDown()||i.moveLeft()||i.moveRight()||i.save()){var o=this.columns.length,s=o*this.collection.length;if(i.moveUp()||i.moveDown()){var l=this.rows[n+(i.moveUp()?-1:1)];l&&l.cells[r].enterEditMode()}else if(i.moveLeft()||i.moveRight())for(var a=i.moveRight(),h=n*o+r+(a?1:-1);h>=0&&s>h;a?h++:h--){var c=~~(h/o),d=h-c*o,u=this.rows[c].cells[d];if(u.column.get("renderable")&&u.column.get("editable")){u.enterEditMode();break}}}this.rows[n].cells[r].exitEditMode()}});c.Footer=n.View.extend({tagName:"tfoot",initialize:function(e){c.requireOptions(e,["columns","collection"]),this.columns=e.columns,this.columns instanceof n.Collection||(this.columns=new c.Columns(this.columns))}}),c.Grid=n.View.extend({tagName:"table",className:"backgrid",header:O,body:_,footer:null,initialize:function(e){c.requireOptions(e,["columns","collection"]),e.columns instanceof n.Collection||(e.columns=new R(e.columns)),this.columns=e.columns;var t=i.omit(e,["el","id","attributes","className","tagName","events"]);this.header=e.header||this.header,this.header=new this.header(t),this.body=e.body||this.body,this.body=new this.body(t),this.footer=e.footer||this.footer,this.footer&&(this.footer=new this.footer(t)),this.listenTo(this.columns,"reset",function(){this.header=new(this.header.remove().constructor)(t),this.body=new(this.body.remove().constructor)(t),this.footer&&(this.footer=new(this.footer.remove().constructor)(t)),this.render()})},insertRow:function(e,t,i){return this.body.insertRow(e,t,i)},removeRow:function(e,t,i){return this.body.removeRow(e,t,i)},insertColumn:function(e,t){return t=t||{render:!0},this.columns.add(e,t),this},removeColumn:function(e,t){return this.columns.remove(e,t),this},render:function(){return this.$el.empty(),this.$el.append(this.header.render().$el),this.footer&&this.$el.append(this.footer.render().$el),this.$el.append(this.body.render().$el),this.delegateEvents(),this.trigger("backgrid:rendered",this),this},remove:function(){return this.header.remove.apply(this.header,arguments),this.body.remove.apply(this.body,arguments),this.footer&&this.footer.remove.apply(this.footer,arguments),n.View.prototype.remove.apply(this,arguments)}})})(this,jQuery,_,Backbone);
\ No newline at end of file
+(function(e,t,i,n){"use strict";function r(e){return String.fromCharCode(e.charCodeAt(0)-32)+e.slice(1)}function o(e,t,i){var n=t-(e+"").length;n=0>n?0:n;for(var r="",o=0;n>o;o++)r+=i;return r+e}var s="	\n\f\r   ᠎             　\u2028\u2029";if(!String.prototype.trim||s.trim()){s="["+s+"]";var l=RegExp("^"+s+s+"*"),a=RegExp(s+s+"*$");String.prototype.trim=function(){if(void 0===this||null===this)throw new TypeError("can't convert "+this+" to object");return(this+"").replace(l,"").replace(a,"")}}var h=e.Backgrid={VERSION:"0.2.5",Extension:{},requireOptions:function(e,t){for(var n=0;t.length>n;n++){var r=t[n];if(i.isUndefined(e[r]))throw new TypeError("'"+r+"' is required")}},resolveNameToClass:function(e,t){if(i.isString(e)){var n=i.map(e.split("-"),function(e){return r(e)}).join("")+t,o=h[n]||h.Extension[n];if(i.isUndefined(o))throw new ReferenceError("Class '"+n+"' not found");return o}return e}};i.extend(h,n.Events);var c=h.Command=function(e){i.extend(this,{altKey:!!e.altKey,"char":e.char,charCode:e.charCode,ctrlKey:!!e.ctrlKey,key:e.key,keyCode:e.keyCode,locale:e.locale,location:e.location,metaKey:!!e.metaKey,repeat:!!e.repeat,shiftKey:!!e.shiftKey,which:e.which})};i.extend(c.prototype,{moveUp:function(){return 38==this.keyCode},moveDown:function(){return 40===this.keyCode},moveLeft:function(){return this.shiftKey&&9===this.keyCode},moveRight:function(){return!this.shiftKey&&9===this.keyCode},save:function(){return 13===this.keyCode},cancel:function(){return 27===this.keyCode},passThru:function(){return!(this.moveUp()||this.moveDown()||this.moveLeft()||this.moveRight()||this.save()||this.cancel())}});var d=h.CellFormatter=function(){};i.extend(d.prototype,{fromRaw:function(e){return e},toRaw:function(e){return e}});var u=h.NumberFormatter=function(e){if(e=e?i.clone(e):{},i.extend(this,this.defaults,e),0>this.decimals||this.decimals>20)throw new RangeError("decimals must be between 0 and 20")};u.prototype=new d,i.extend(u.prototype,{defaults:{decimals:2,decimalSeparator:".",orderSeparator:","},HUMANIZED_NUM_RE:/(\d)(?=(?:\d{3})+$)/g,fromRaw:function(e){if(i.isNull(e)||i.isUndefined(e))return"";e=e.toFixed(~~this.decimals);var t=e.split("."),n=t[0],r=t[1]?(this.decimalSeparator||".")+t[1]:"";return n.replace(this.HUMANIZED_NUM_RE,"$1"+this.orderSeparator)+r},toRaw:function(e){for(var t="",n=e.trim().split(this.orderSeparator),r=0;n.length>r;r++)t+=n[r];var o=t.split(this.decimalSeparator);t="";for(var r=0;o.length>r;r++)t=t+o[r]+".";"."===t[t.length-1]&&(t=t.slice(0,t.length-1));var s=1*(1*t).toFixed(~~this.decimals);return i.isNumber(s)&&!i.isNaN(s)?s:void 0}});var m=h.DatetimeFormatter=function(e){if(e=e?i.clone(e):{},i.extend(this,this.defaults,e),!this.includeDate&&!this.includeTime)throw Error("Either includeDate or includeTime must be true")};m.prototype=new d,i.extend(m.prototype,{defaults:{includeDate:!0,includeTime:!0,includeMilli:!1},DATE_RE:/^([+\-]?\d{4})-(\d{2})-(\d{2})$/,TIME_RE:/^(\d{2}):(\d{2}):(\d{2})(\.(\d{3}))?$/,ISO_SPLITTER_RE:/T|Z| +/,_convert:function(e,t){e=e.trim();var n=e.split(this.ISO_SPLITTER_RE)||[],r=this.DATE_RE.test(n[0])?n[0]:"",s=r&&n[1]?n[1]:this.TIME_RE.test(n[0])?n[0]:"",l=this.DATE_RE.exec(r)||[],a=this.TIME_RE.exec(s)||[];if(t){if(this.includeDate&&i.isUndefined(l[0]))return;if(this.includeTime&&i.isUndefined(a[0]))return;if(!this.includeDate&&r)return;if(!this.includeTime&&s)return}var h=new Date(Date.UTC(1*l[1]||0,1*l[2]-1||0,1*l[3]||0,1*a[1]||null,1*a[2]||null,1*a[3]||null,1*a[5]||null)),c="";return this.includeDate&&(c=o(h.getUTCFullYear(),4,0)+"-"+o(h.getUTCMonth()+1,2,0)+"-"+o(h.getUTCDate(),2,0)),this.includeTime&&(c=c+(this.includeDate?"T":"")+o(h.getUTCHours(),2,0)+":"+o(h.getUTCMinutes(),2,0)+":"+o(h.getUTCSeconds(),2,0),this.includeMilli&&(c=c+"."+o(h.getUTCMilliseconds(),3,0))),this.includeDate&&this.includeTime&&(c+="Z"),c},fromRaw:function(e){return i.isNull(e)||i.isUndefined(e)?"":this._convert(e)},toRaw:function(e){return this._convert(e,!0)}});var p=h.StringFormatter=function(){};p.prototype=new d,i.extend(p.prototype,{fromRaw:function(e){return i.isUndefined(e)||i.isNull(e)?"":e+""}});var f=h.EmailFormatter=function(){};f.prototype=new d,i.extend(f.prototype,{toRaw:function(e){var t=e.trim().split("@");return 2===t.length&&i.all(t)?e:void 0}});var v=h.CellEditor=n.View.extend({initialize:function(e){h.requireOptions(e,["formatter","column","model"]),this.formatter=e.formatter,this.column=e.column,this.column instanceof T||(this.column=new T(this.column)),this.listenTo(this.model,"backgrid:editing",this.postRender)},postRender:function(e,t){return(null==t||t.get("name")==this.column.get("name"))&&this.$el.focus(),this}}),g=h.InputCellEditor=v.extend({tagName:"input",attributes:{type:"text"},events:{blur:"saveOrCancel",keydown:"saveOrCancel"},initialize:function(e){v.prototype.initialize.apply(this,arguments),e.placeholder&&this.$el.attr("placeholder",e.placeholder)},render:function(){return this.$el.val(this.formatter.fromRaw(this.model.get(this.column.get("name")))),this},saveOrCancel:function(e){var t=this.formatter,n=this.model,r=this.column,o=new c(e),s="blur"===e.type;if(o.moveUp()||o.moveDown()||o.moveLeft()||o.moveRight()||o.save()||s){e.preventDefault(),e.stopPropagation();var l=this.$el.val(),a=t.toRaw(l);i.isUndefined(a)?n.trigger("backgrid:error",n,r,l):(n.set(r.get("name"),a),n.trigger("backgrid:edited",n,r,o))}else o.cancel()&&(e.stopPropagation(),n.trigger("backgrid:edited",n,r,o))},postRender:function(e,t){if(null==t||t.get("name")==this.column.get("name"))if("right"===this.$el.css("text-align")){var i=this.$el.val();this.$el.focus().val(null).val(i)}else this.$el.focus();return this}}),w=h.Cell=n.View.extend({tagName:"td",formatter:new d,editor:g,events:{click:"enterEditMode"},initialize:function(e){h.requireOptions(e,["model","column"]),this.column=e.column,this.column instanceof T||(this.column=new T(this.column)),this.formatter=h.resolveNameToClass(this.column.get("formatter")||this.formatter,"Formatter"),this.editor=h.resolveNameToClass(this.editor,"CellEditor"),this.listenTo(this.model,"change:"+this.column.get("name"),function(){this.$el.hasClass("editor")||this.render()})},render:function(){return this.$el.empty(),this.$el.text(this.formatter.fromRaw(this.model.get(this.column.get("name")))),this.delegateEvents(),this},enterEditMode:function(){var e=this.model,t=this.column;t.get("editable")&&(this.currentEditor=new this.editor({column:this.column,model:this.model,formatter:this.formatter}),e.trigger("backgrid:edit",e,t,this,this.currentEditor),this.listenTo(e,"backgrid:error",this.renderError),this.undelegateEvents(),this.$el.empty(),this.$el.append(this.currentEditor.$el),this.currentEditor.render(),this.$el.addClass("editor"),e.trigger("backgrid:editing",e,t,this,this.currentEditor))},renderError:function(e,t){(null==t||t.get("name")==this.column.get("name"))&&this.$el.addClass("error")},exitEditMode:function(){this.$el.removeClass("error"),this.currentEditor.remove(),this.stopListening(this.currentEditor),delete this.currentEditor,this.$el.removeClass("editor"),this.render()},remove:function(){return this.currentEditor&&(this.currentEditor.remove.apply(this,arguments),delete this.currentEditor),n.View.prototype.remove.apply(this,arguments)}}),y=h.StringCell=w.extend({className:"string-cell",formatter:new p});h.UriCell=w.extend({className:"uri-cell",render:function(){this.$el.empty();var e=this.formatter.fromRaw(this.model.get(this.column.get("name")));return this.$el.append(t("<a>",{tabIndex:-1,href:e,title:e,target:"_blank"}).text(e)),this.delegateEvents(),this}}),h.EmailCell=y.extend({className:"email-cell",formatter:new f,render:function(){this.$el.empty();var e=this.formatter.fromRaw(this.model.get(this.column.get("name")));return this.$el.append(t("<a>",{tabIndex:-1,href:"mailto:"+e,title:e}).text(e)),this.delegateEvents(),this}});var C=h.NumberCell=w.extend({className:"number-cell",decimals:u.prototype.defaults.decimals,decimalSeparator:u.prototype.defaults.decimalSeparator,orderSeparator:u.prototype.defaults.orderSeparator,formatter:u,initialize:function(){w.prototype.initialize.apply(this,arguments),this.formatter=new this.formatter({decimals:this.decimals,decimalSeparator:this.decimalSeparator,orderSeparator:this.orderSeparator})}});h.IntegerCell=C.extend({className:"integer-cell",decimals:0});var b=h.DatetimeCell=w.extend({className:"datetime-cell",includeDate:m.prototype.defaults.includeDate,includeTime:m.prototype.defaults.includeTime,includeMilli:m.prototype.defaults.includeMilli,formatter:m,initialize:function(){w.prototype.initialize.apply(this,arguments),this.formatter=new this.formatter({includeDate:this.includeDate,includeTime:this.includeTime,includeMilli:this.includeMilli});var e=this.includeDate?"YYYY-MM-DD":"";e+=this.includeDate&&this.includeTime?"T":"",e+=this.includeTime?"HH:mm:ss":"",e+=this.includeTime&&this.includeMilli?".SSS":"",this.editor=this.editor.extend({attributes:i.extend({},this.editor.prototype.attributes,this.editor.attributes,{placeholder:e})})}});h.DateCell=b.extend({className:"date-cell",includeTime:!1}),h.TimeCell=b.extend({className:"time-cell",includeDate:!1});var E=h.BooleanCellEditor=v.extend({tagName:"input",attributes:{tabIndex:-1,type:"checkbox"},events:{mousedown:function(){this.mouseDown=!0},blur:"enterOrExitEditMode",mouseup:function(){this.mouseDown=!1},change:"saveOrCancel",keydown:"saveOrCancel"},render:function(){var e=this.formatter.fromRaw(this.model.get(this.column.get("name")));return this.$el.prop("checked",e),this},enterOrExitEditMode:function(e){if(!this.mouseDown){var t=this.model;t.trigger("backgrid:edited",t,this.column,new c(e))}},saveOrCancel:function(e){var t=this.model,i=this.column,n=this.formatter,r=new c(e);if(r.passThru()&&"change"!=e.type)return!0;r.cancel()&&(e.stopPropagation(),t.trigger("backgrid:edited",t,i,r));var o=this.$el;if(r.save()||r.moveLeft()||r.moveRight()||r.moveUp()||r.moveDown()){e.preventDefault(),e.stopPropagation();var s=n.toRaw(o.prop("checked"));t.set(i.get("name"),s),t.trigger("backgrid:edited",t,i,r)}else if("change"==e.type){var s=n.toRaw(o.prop("checked"));t.set(i.get("name"),s),o.focus()}}});h.BooleanCell=w.extend({className:"boolean-cell",editor:E,events:{click:"enterEditMode"},render:function(){return this.$el.empty(),this.$el.append(t("<input>",{tabIndex:-1,type:"checkbox",checked:this.formatter.fromRaw(this.model.get(this.column.get("name")))})),this.delegateEvents(),this}});var x=h.SelectCellEditor=v.extend({tagName:"select",events:{change:"save",blur:"close",keydown:"close"},template:i.template('<option value="<%- value %>" <%= selected ? \'selected="selected"\' : "" %>><%- text %></option>'),setOptionValues:function(e){this.optionValues=e},_renderOptions:function(e,t){for(var i="",n=0;e.length>n;n++)i+=this.template({text:e[n][0],value:e[n][1],selected:t==e[n][1]});return i},render:function(){this.$el.empty();var e=i.result(this,"optionValues"),n=this.model.get(this.column.get("name"));if(!i.isArray(e))throw TypeError("optionValues must be an array");for(var r=null,o=null,r=null,s=null,l=null,a=0;e.length>a;a++){var r=e[a];if(i.isArray(r))o=r[0],r=r[1],this.$el.append(this.template({text:o,value:r,selected:r==n}));else{if(!i.isObject(r))throw TypeError("optionValues elements must be a name-value pair or an object hash of { name: 'optgroup label', value: [option name-value pairs] }");s=r.name,l=t("<optgroup></optgroup>",{label:s}),l.append(this._renderOptions(r.values,n)),this.$el.append(l)}}return this.delegateEvents(),this},save:function(e){var t=this.model,i=this.column;t.set(i.get("name"),this.formatter.toRaw(this.$el.val())),t.trigger("backgrid:edited",t,i,new c(e))},close:function(e){var t=this.model,i=this.column,n=new c(e);n.cancel()?(e.stopPropagation(),t.trigger("backgrid:edited",t,i,new c(e))):(n.save()||n.moveLeft()||n.moveRight()||n.moveUp()||n.moveDown()||"blur"==e.type)&&(e.preventDefault(),e.stopPropagation(),t.trigger("backgrid:edited",t,i,new c(e)))}});h.SelectCell=w.extend({className:"select-cell",editor:x,optionValues:void 0,initialize:function(){w.prototype.initialize.apply(this,arguments),h.requireOptions(this,["optionValues"]),this.optionValues=i.result(this,"optionValues"),this.listenTo(this.model,"backgrid:edit",function(e,t,i,n){t.get("name")==this.column.get("name")&&n.setOptionValues(this.optionValues)})},render:function(){this.$el.empty();var e=this.optionValues,t=this.formatter.fromRaw(this.model.get(this.column.get("name")));try{if(!i.isArray(e)||i.isEmpty(e))throw new TypeError;for(var n=0;e.length>n;n++){var r=e[n];if(i.isArray(r)){var o=r[0],r=r[1];if(r==t){this.$el.append(o);break}}else{if(!i.isObject(r))throw new TypeError;for(var s=r.values,l=0;s.length>l;l++){var a=s[l];if(a[1]==t){this.$el.append(a[0]);break}}}}}catch(h){if(h instanceof TypeError)throw TypeError("'optionValues' must be of type {Array.<Array>|Array.<{name: string, values: Array.<Array>}>}");throw h}return this.delegateEvents(),this}});var T=h.Column=n.Model.extend({defaults:{name:void 0,label:void 0,sortable:!0,editable:!0,renderable:!0,formatter:void 0,cell:void 0,headerCell:void 0},initialize:function(e){h.requireOptions(e,["cell","name"]),this.has("label")||this.set({label:this.get("name")},{silent:!0});var t=h.resolveNameToClass(this.get("headerCell"),"HeaderCell"),i=h.resolveNameToClass(this.get("cell"),"Cell");this.set({cell:i,headerCell:t},{silent:!0})}}),R=h.Columns=n.Collection.extend({model:T}),$=h.Row=n.View.extend({tagName:"tr",requiredOptions:["columns","model"],initialize:function(e){h.requireOptions(e,this.requiredOptions);var t=this.columns=e.columns;t instanceof n.Collection||(t=this.columns=new R(t));for(var i=this.cells=[],r=0;t.length>r;r++)i.push(this.makeCell(t.at(r),e));this.listenTo(t,"change:renderable",function(e,t){for(var n=0;i.length>n;n++){var r=i[n];r.column.get("name")==e.get("name")&&(t?r.$el.show():r.$el.hide())}}),this.listenTo(t,"add",function(t,n){var r=n.indexOf(t),o=this.makeCell(t,e);i.splice(r,0,o),o.column.get("renderable")||o.$el.hide();var s=this.$el;0===r?s.prepend(o.render().$el):r===n.length-1?s.append(o.render().$el):s.children().eq(r).before(o.render().$el)}),this.listenTo(t,"remove",function(e,t,n){i[n.index].remove(),i.splice(n.index,1)})},makeCell:function(e){return new(e.get("cell"))({column:e,model:this.model})},render:function(){this.$el.empty();for(var e=document.createDocumentFragment(),t=0;this.cells.length>t;t++){var i=this.cells[t];e.appendChild(i.render().el),i.column.get("renderable")||i.$el.hide()}return this.el.appendChild(e),this.delegateEvents(),this},remove:function(){for(var e=0;this.cells.length>e;e++){var t=this.cells[e];t.remove.apply(t,arguments)}return n.View.prototype.remove.apply(this,arguments)}}),k=h.EmptyRow=n.View.extend({tagName:"tr",emptyText:null,initialize:function(e){h.requireOptions(e,["emptyText","columns"]),this.emptyText=e.emptyText,this.columns=e.columns},render:function(){this.$el.empty();var e=document.createElement("td");return e.setAttribute("colspan",this.columns.length),e.textContent=this.emptyText,this.el.setAttribute("class","empty"),this.el.appendChild(e),this}}),D=h.HeaderCell=n.View.extend({tagName:"th",events:{"click a":"onClick"},_direction:null,initialize:function(e){h.requireOptions(e,["column","collection"]),this.column=e.column,this.column instanceof T||(this.column=new T(this.column)),this.listenTo(this.collection,"backgrid:sort",this._resetCellDirection)},direction:function(e){return arguments.length&&(this._direction&&this.$el.removeClass(this._direction),e&&this.$el.addClass(e),this._direction=e),this._direction},_resetCellDirection:function(e,t,i,n){n==this.collection&&(e!==this.column.get("name")?this.direction(null):this.direction(t))},onClick:function(e){e.preventDefault();var t=this.column.get("name");this.column.get("sortable")&&("ascending"===this.direction()?this.sort(t,"descending",function(e,i){var n=e.get(t),r=i.get(t);return n===r?0:n>r?-1:1}):"descending"===this.direction()?this.sort(t,null):this.sort(t,"ascending",function(e,i){var n=e.get(t),r=i.get(t);return n===r?0:r>n?-1:1}))},sort:function(e,t,i){i=i||this._cidComparator;var r=this.collection;if(n.PageableCollection&&r instanceof n.PageableCollection){var o;o="ascending"===t?-1:"descending"===t?1:null,r.setSorting(o?e:null,o),"client"==r.mode?(r.fullCollection.comparator||(r.fullCollection.comparator=i),r.fullCollection.sort()):r.fetch({reset:!0})}else r.comparator=i,r.sort();this.collection.trigger("backgrid:sort",e,t,i,this.collection)},_cidComparator:function(e,t){var n=e.cid,r=t.cid;if(!i.isUndefined(n)&&!i.isUndefined(r)){if(n=1*n.slice(1),r=1*r.slice(1),r>n)return-1;if(n>r)return 1}return 0},render:function(){this.$el.empty();var e=t("<a>").text(this.column.get("label")).append("<b class='sort-caret'></b>");return this.$el.append(e),this.delegateEvents(),this}});h.HeaderRow=h.Row.extend({requiredOptions:["columns","collection"],initialize:function(){h.Row.prototype.initialize.apply(this,arguments)},makeCell:function(e,t){var i=e.get("headerCell")||t.headerCell||D;return i=new i({column:e,collection:this.collection})}});var N=h.Header=n.View.extend({tagName:"thead",initialize:function(e){h.requireOptions(e,["columns","collection"]),this.columns=e.columns,this.columns instanceof n.Collection||(this.columns=new R(this.columns)),this.row=new h.HeaderRow({columns:this.columns,collection:this.collection})},render:function(){return this.$el.append(this.row.render().$el),this.delegateEvents(),this},remove:function(){return this.row.remove.apply(this.row,arguments),n.View.prototype.remove.apply(this,arguments)}}),O=h.Body=n.View.extend({tagName:"tbody",initialize:function(e){h.requireOptions(e,["columns","collection"]),this.columns=e.columns,this.columns instanceof n.Collection||(this.columns=new R(this.columns)),this.row=e.row||$,this.rows=this.collection.map(function(e){var t=new this.row({columns:this.columns,model:e});return t},this),this.emptyText=e.emptyText,this._unshiftEmptyRowMayBe();var t=this.collection;this.listenTo(t,"add",this.insertRow),this.listenTo(t,"remove",this.removeRow),this.listenTo(t,"sort",this.refresh),this.listenTo(t,"reset",this.refresh),this.listenTo(t,"backgrid:edited",this.moveToNextCell)},_unshiftEmptyRowMayBe:function(){0===this.rows.length&&null!=this.emptyText&&this.rows.unshift(new k({emptyText:this.emptyText,columns:this.columns}))},insertRow:function(e,t,r){if(this.rows[0]instanceof k&&this.rows.pop().remove(),!(t instanceof n.Collection||r))return this.collection.add(e,r=t),void 0;r=i.extend({render:!0},r||{});var o=new this.row({columns:this.columns,model:e}),s=t.indexOf(e);this.rows.splice(s,0,o);var l=this.$el,a=l.children(),h=o.render().$el;r.render&&(s>=a.length?l.append(h):a.eq(s).before(h))},removeRow:function(e,t,n){return n?((i.isUndefined(n.render)||n.render)&&this.rows[n.index].remove(),this.rows.splice(n.index,1),this._unshiftEmptyRowMayBe(),void 0):(this.collection.remove(e,n=t),this._unshiftEmptyRowMayBe(),void 0)},refresh:function(){for(var e=0;this.rows.length>e;e++)this.rows[e].remove();return this.rows=this.collection.map(function(e){var t=new this.row({columns:this.columns,model:e});return t},this),this._unshiftEmptyRowMayBe(),this.render(),this.collection.trigger("backgrid:refresh",this),this},render:function(){this.$el.empty();for(var e=document.createDocumentFragment(),t=0;this.rows.length>t;t++){var i=this.rows[t];e.appendChild(i.render().el)}return this.el.appendChild(e),this.delegateEvents(),this},remove:function(){for(var e=0;this.rows.length>e;e++){var t=this.rows[e];t.remove.apply(t,arguments)}return n.View.prototype.remove.apply(this,arguments)},moveToNextCell:function(e,t,i){var n=this.collection.indexOf(e),r=this.columns.indexOf(t);if(i.moveUp()||i.moveDown()||i.moveLeft()||i.moveRight()||i.save()){var o=this.columns.length,s=o*this.collection.length;if(i.moveUp()||i.moveDown()){var l=this.rows[n+(i.moveUp()?-1:1)];l&&l.cells[r].enterEditMode()}else if(i.moveLeft()||i.moveRight())for(var a=i.moveRight(),h=n*o+r+(a?1:-1);h>=0&&s>h;a?h++:h--){var c=~~(h/o),d=h-c*o,u=this.rows[c].cells[d];if(u.column.get("renderable")&&u.column.get("editable")){u.enterEditMode();break}}}this.rows[n].cells[r].exitEditMode()}});h.Footer=n.View.extend({tagName:"tfoot",initialize:function(e){h.requireOptions(e,["columns","collection"]),this.columns=e.columns,this.columns instanceof n.Collection||(this.columns=new h.Columns(this.columns))}}),h.Grid=n.View.extend({tagName:"table",className:"backgrid",header:N,body:O,footer:null,initialize:function(e){h.requireOptions(e,["columns","collection"]),e.columns instanceof n.Collection||(e.columns=new R(e.columns)),this.columns=e.columns;var t=i.omit(e,["el","id","attributes","className","tagName","events"]);this.header=e.header||this.header,this.header=new this.header(t),this.body=e.body||this.body,this.body=new this.body(t),this.footer=e.footer||this.footer,this.footer&&(this.footer=new this.footer(t)),this.listenTo(this.columns,"reset",function(){this.header=new(this.header.remove().constructor)(t),this.body=new(this.body.remove().constructor)(t),this.footer&&(this.footer=new(this.footer.remove().constructor)(t)),this.render()})},insertRow:function(e,t,i){return this.body.insertRow(e,t,i)},removeRow:function(e,t,i){return this.body.removeRow(e,t,i)},insertColumn:function(e,t){return t=t||{render:!0},this.columns.add(e,t),this},removeColumn:function(e,t){return this.columns.remove(e,t),this},render:function(){return this.$el.empty(),this.$el.append(this.header.render().$el),this.footer&&this.$el.append(this.footer.render().$el),this.$el.append(this.body.render().$el),this.delegateEvents(),this.trigger("backgrid:rendered",this),this},remove:function(){return this.header.remove.apply(this.header,arguments),this.body.remove.apply(this.body,arguments),this.footer&&this.footer.remove.apply(this.footer,arguments),n.View.prototype.remove.apply(this,arguments)}})})(this,jQuery,_,Backbone);
\ No newline at end of file
diff --git a/lib/extensions/filter/backgrid-filter.js b/lib/extensions/filter/backgrid-filter.js
index 3fe8fd83..c98c6658 100644
--- a/lib/extensions/filter/backgrid-filter.js
+++ b/lib/extensions/filter/backgrid-filter.js
@@ -148,21 +148,20 @@
       this._debounceMethods(["search", "clear"]);
 
       var collection = this.collection;
-      this.shadowCollection = collection.clone();
-      this.shadowCollection.url = collection.url;
-      this.shadowCollection.sync = collection.sync;
+      var shadowCollection = this.shadowCollection = collection.clone();
+      shadowCollection.url = collection.url;
+      shadowCollection.sync = collection.sync;
+      shadowCollection.parse = collection.parse;
 
       this.listenTo(collection, "add", function (model, collection, options) {
-        this.shadowCollection.add(model, options);
+        shadowCollection.add(model, options);
       });
       this.listenTo(collection, "remove", function (model, collection, options) {
-        this.shadowCollection.remove(model, options);
+        shadowCollection.remove(model, options);
       });
       this.listenTo(collection, "sort reset", function (collection, options) {
         options = _.extend({reindex: true}, options || {});
-        if (options.reindex) {
-          this.shadowCollection.reset(collection.models);
-        }
+        if (options.reindex) shadowCollection.reset(collection.models);
       });
     },
 
diff --git a/lib/extensions/filter/backgrid-filter.min.js b/lib/extensions/filter/backgrid-filter.min.js
index ce83f587..f1c10a8d 100644
--- a/lib/extensions/filter/backgrid-filter.min.js
+++ b/lib/extensions/filter/backgrid-filter.min.js
@@ -5,4 +5,4 @@
   Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
   Licensed under the MIT @license.
 */
-(function(e,t,i,n,s){"use strict";var a=n.Extension.ServerSideFilter=i.View.extend({tagName:"form",className:"backgrid-filter form-search",template:t.template('<div class="input-prepend input-append"><span class="add-on"><i class="icon-search"></i></span><input type="text" <% if (placeholder) { %> placeholder="<%- placeholder %>" <% } %> name="<%- name %>" /><span class="add-on"><a class="close" href="#">&times;</a></span></div>'),events:{"click .close":"clear",submit:"search"},name:"q",placeholder:null,initialize:function(e){n.requireOptions(e,["collection"]),i.View.prototype.initialize.apply(this,arguments),this.name=e.name||this.name,this.placeholder=e.placeholder||this.placeholder},search:function(t){t&&t.preventDefault();var i=e(t.target).find("input[type=text]"),n={};n[i.attr("name")]=i.val(),this.collection.fetch({data:n})},clear:function(e){e&&e.preventDefault(),this.$("input[type=text]").val(null),this.collection.fetch()},render:function(){return this.$el.empty().append(this.template({name:this.name,placeholder:this.placeholder,value:this.value})),this.delegateEvents(),this}}),l=n.Extension.ClientSideFilter=a.extend({events:{"click .close":function(e){e.preventDefault(),this.clear()},"change input[type=text]":"search","keyup input[type=text]":"search",submit:function(e){e.preventDefault(),this.search()}},fields:null,wait:149,initialize:function(e){a.prototype.initialize.apply(this,arguments),this.fields=e.fields||this.fields,this.wait=e.wait||this.wait,this._debounceMethods(["search","clear"]);var i=this.collection;this.shadowCollection=i.clone(),this.shadowCollection.url=i.url,this.shadowCollection.sync=i.sync,this.listenTo(i,"add",function(e,t,i){this.shadowCollection.add(e,i)}),this.listenTo(i,"remove",function(e,t,i){this.shadowCollection.remove(e,i)}),this.listenTo(i,"sort reset",function(e,i){i=t.extend({reindex:!0},i||{}),i.reindex&&this.shadowCollection.reset(e.models)})},_debounceMethods:function(e){t.isString(e)&&(e=[e]),this.undelegateEvents();for(var i=0,n=e.length;n>i;i++){var s=e[i],a=this[s];this[s]=t.debounce(a,this.wait)}this.delegateEvents()},makeMatcher:function(e){var t=RegExp(e.trim().split(/\W/).join("|"),"i");return function(e){for(var i=this.fields||e.keys(),n=0,s=i.length;s>n;n++)if(t.test(e.get(i[n])+""))return!0;return!1}},search:function(){var e=t.bind(this.makeMatcher(this.$("input[type=text]").val()),this);this.collection.reset(this.shadowCollection.filter(e),{reindex:!1})},clear:function(){this.$("input[type=text]").val(null),this.collection.reset(this.shadowCollection.models,{reindex:!1})}});n.Extension.LunrFilter=l.extend({ref:"id",fields:null,initialize:function(e){l.prototype.initialize.apply(this,arguments),this.ref=e.ref||this.ref;var t=this.collection;this.listenTo(t,"add",this.addToIndex),this.listenTo(t,"remove",this.removeFromIndex),this.listenTo(t,"reset",this.resetIndex),this.listenTo(t,"change",this.updateIndex),this.resetIndex(t)},resetIndex:function(e,i){if(i=t.extend({reindex:!0},i||{}),i.reindex){var n=this;this.index=s(function(){t.each(n.fields,function(e,t){this.field(t,e),this.ref(n.ref)},this)}),e.each(function(e){this.addToIndex(e)},this)}},addToIndex:function(e){var t=this.index,i=e.toJSON();t.documentStore.has(i[this.ref])?t.update(i):t.add(i)},removeFromIndex:function(e){var t=this.index,i=e.toJSON();t.documentStore.has(i[this.ref])&&t.remove(i)},updateIndex:function(e){var i=e.changedAttributes();i&&!t.isEmpty(t.intersection(t.keys(this.fields),t.keys(i)))&&this.index.update(e.toJSON())},search:function(){for(var e=this.index.search(this.$("input[type=text]").val()),t=[],i=0;e.length>i;i++){var n=e[i];t.push(this.shadowCollection.get(n.ref))}this.collection.reset(t,{reindex:!1})}})})(jQuery,_,Backbone,Backgrid,lunr);
\ No newline at end of file
+(function(e,t,i,n,s){"use strict";var a=n.Extension.ServerSideFilter=i.View.extend({tagName:"form",className:"backgrid-filter form-search",template:t.template('<div class="input-prepend input-append"><span class="add-on"><i class="icon-search"></i></span><input type="text" <% if (placeholder) { %> placeholder="<%- placeholder %>" <% } %> name="<%- name %>" /><span class="add-on"><a class="close" href="#">&times;</a></span></div>'),events:{"click .close":"clear",submit:"search"},name:"q",placeholder:null,initialize:function(e){n.requireOptions(e,["collection"]),i.View.prototype.initialize.apply(this,arguments),this.name=e.name||this.name,this.placeholder=e.placeholder||this.placeholder},search:function(t){t&&t.preventDefault();var i=e(t.target).find("input[type=text]"),n={};n[i.attr("name")]=i.val(),this.collection.fetch({data:n})},clear:function(e){e&&e.preventDefault(),this.$("input[type=text]").val(null),this.collection.fetch()},render:function(){return this.$el.empty().append(this.template({name:this.name,placeholder:this.placeholder,value:this.value})),this.delegateEvents(),this}}),r=n.Extension.ClientSideFilter=a.extend({events:{"click .close":function(e){e.preventDefault(),this.clear()},"change input[type=text]":"search","keyup input[type=text]":"search",submit:function(e){e.preventDefault(),this.search()}},fields:null,wait:149,initialize:function(e){a.prototype.initialize.apply(this,arguments),this.fields=e.fields||this.fields,this.wait=e.wait||this.wait,this._debounceMethods(["search","clear"]);var i=this.collection,n=this.shadowCollection=i.clone();n.url=i.url,n.sync=i.sync,n.parse=i.parse,this.listenTo(i,"add",function(e,t,i){n.add(e,i)}),this.listenTo(i,"remove",function(e,t,i){n.remove(e,i)}),this.listenTo(i,"sort reset",function(e,i){i=t.extend({reindex:!0},i||{}),i.reindex&&n.reset(e.models)})},_debounceMethods:function(e){t.isString(e)&&(e=[e]),this.undelegateEvents();for(var i=0,n=e.length;n>i;i++){var s=e[i],a=this[s];this[s]=t.debounce(a,this.wait)}this.delegateEvents()},makeMatcher:function(e){var t=RegExp(e.trim().split(/\W/).join("|"),"i");return function(e){for(var i=this.fields||e.keys(),n=0,s=i.length;s>n;n++)if(t.test(e.get(i[n])+""))return!0;return!1}},search:function(){var e=t.bind(this.makeMatcher(this.$("input[type=text]").val()),this);this.collection.reset(this.shadowCollection.filter(e),{reindex:!1})},clear:function(){this.$("input[type=text]").val(null),this.collection.reset(this.shadowCollection.models,{reindex:!1})}});n.Extension.LunrFilter=r.extend({ref:"id",fields:null,initialize:function(e){r.prototype.initialize.apply(this,arguments),this.ref=e.ref||this.ref;var t=this.collection;this.listenTo(t,"add",this.addToIndex),this.listenTo(t,"remove",this.removeFromIndex),this.listenTo(t,"reset",this.resetIndex),this.listenTo(t,"change",this.updateIndex),this.resetIndex(t)},resetIndex:function(e,i){if(i=t.extend({reindex:!0},i||{}),i.reindex){var n=this;this.index=s(function(){t.each(n.fields,function(e,t){this.field(t,e),this.ref(n.ref)},this)}),e.each(function(e){this.addToIndex(e)},this)}},addToIndex:function(e){var t=this.index,i=e.toJSON();t.documentStore.has(i[this.ref])?t.update(i):t.add(i)},removeFromIndex:function(e){var t=this.index,i=e.toJSON();t.documentStore.has(i[this.ref])&&t.remove(i)},updateIndex:function(e){var i=e.changedAttributes();i&&!t.isEmpty(t.intersection(t.keys(this.fields),t.keys(i)))&&this.index.update(e.toJSON())},search:function(){for(var e=this.index.search(this.$("input[type=text]").val()),t=[],i=0;e.length>i;i++){var n=e[i];t.push(this.shadowCollection.get(n.ref))}this.collection.reset(t,{reindex:!1})}})})(jQuery,_,Backbone,Backgrid,lunr);
\ No newline at end of file
diff --git a/lib/extensions/paginator/backgrid-paginator.css b/lib/extensions/paginator/backgrid-paginator.css
index 83669194..6437a0d1 100644
--- a/lib/extensions/paginator/backgrid-paginator.css
+++ b/lib/extensions/paginator/backgrid-paginator.css
@@ -6,7 +6,7 @@
   Licensed under the MIT @license.
 */
 
-.backgrid.paginator {
+.backgrid-paginator {
   text-align: center;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
@@ -17,19 +17,19 @@
           border-radius: 0 0 4px 4px;
 }
 
-.backgrid.paginator ul {
+.backgrid-paginator ul {
   display: inline-block;
   *display: inline;
   margin: 5px 0;
   *zoom: 1;
 }
 
-.backgrid.paginator ul > li {
+.backgrid-paginator ul > li {
   display: inline;
 }
 
-.backgrid.paginator ul > li > a,
-.backgrid.paginator ul > li > span {
+.backgrid-paginator ul > li > a,
+.backgrid-paginator ul > li > span {
   float: left;
   width: 30px;
   height: 30px;
@@ -38,21 +38,21 @@
   text-decoration: none;
 }
 
-.backgrid.paginator ul > li > a:hover,
-.backgrid.paginator ul > .active > a,
-.backgrid.paginator ul > .active > span {
+.backgrid-paginator ul > li > a:hover,
+.backgrid-paginator ul > .active > a,
+.backgrid-paginator ul > .active > span {
   background-color: #f5f5f5;
 }
 
-.backgrid.paginator ul > .active > a,
-.backgrid.paginator ul > .active > span {
+.backgrid-paginator ul > .active > a,
+.backgrid-paginator ul > .active > span {
   color: #999999;
   cursor: default;
 }
 
-.backgrid.paginator ul > .disabled > span,
-.backgrid.paginator ul > .disabled > a,
-.backgrid.paginator ul > .disabled > a:hover {
+.backgrid-paginator ul > .disabled > span,
+.backgrid-paginator ul > .disabled > a,
+.backgrid-paginator ul > .disabled > a:hover {
   color: #999999;
   cursor: default;
 }
diff --git a/lib/extensions/paginator/backgrid-paginator.js b/lib/extensions/paginator/backgrid-paginator.js
index 2d41759f..4c89b1ad 100644
--- a/lib/extensions/paginator/backgrid-paginator.js
+++ b/lib/extensions/paginator/backgrid-paginator.js
@@ -24,7 +24,7 @@
   Backgrid.Extension.Paginator = Backbone.View.extend({
 
     /** @property */
-    className: "backgrid paginator",
+    className: "backgrid-paginator",
 
     /** @property */
     windowSize: 10,
diff --git a/lib/extensions/paginator/backgrid-paginator.min.css b/lib/extensions/paginator/backgrid-paginator.min.css
index 40d879ca..ccca5dde 100644
--- a/lib/extensions/paginator/backgrid-paginator.min.css
+++ b/lib/extensions/paginator/backgrid-paginator.min.css
@@ -5,4 +5,4 @@
   Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
   Licensed under the MIT @license.
 */
-.backgrid.paginator{text-align:center;border-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.backgrid.paginator ul{display:inline-block;*display:inline;margin:5px 0;*zoom:1}.backgrid.paginator ul>li{display:inline}.backgrid.paginator ul>li>a,.backgrid.paginator ul>li>span{float:left;width:30px;height:30px;padding:0;line-height:30px;text-decoration:none}.backgrid.paginator ul>li>a:hover,.backgrid.paginator ul>.active>a,.backgrid.paginator ul>.active>span{background-color:#f5f5f5}.backgrid.paginator ul>.active>a,.backgrid.paginator ul>.active>span{color:#999;cursor:default}.backgrid.paginator ul>.disabled>span,.backgrid.paginator ul>.disabled>a,.backgrid.paginator ul>.disabled>a:hover{color:#999;cursor:default}
+.backgrid-paginator{text-align:center;border-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.backgrid-paginator ul{display:inline-block;*display:inline;margin:5px 0;*zoom:1}.backgrid-paginator ul>li{display:inline}.backgrid-paginator ul>li>a,.backgrid-paginator ul>li>span{float:left;width:30px;height:30px;padding:0;line-height:30px;text-decoration:none}.backgrid-paginator ul>li>a:hover,.backgrid-paginator ul>.active>a,.backgrid-paginator ul>.active>span{background-color:#f5f5f5}.backgrid-paginator ul>.active>a,.backgrid-paginator ul>.active>span{color:#999;cursor:default}.backgrid-paginator ul>.disabled>span,.backgrid-paginator ul>.disabled>a,.backgrid-paginator ul>.disabled>a:hover{color:#999;cursor:default}
diff --git a/lib/extensions/paginator/backgrid-paginator.min.js b/lib/extensions/paginator/backgrid-paginator.min.js
index 3b396ec3..f222b62e 100644
--- a/lib/extensions/paginator/backgrid-paginator.min.js
+++ b/lib/extensions/paginator/backgrid-paginator.min.js
@@ -5,4 +5,4 @@
   Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
   Licensed under the MIT @license.
 */
-(function(e,t,s,i){"use strict";i.Extension.Paginator=s.View.extend({className:"backgrid paginator",windowSize:10,fastForwardHandleLabels:{first:"《",prev:"〈",next:"〉",last:"》"},template:t.template('<ul><% _.each(handles, function (handle) { %><li <% if (handle.className) { %>class="<%= handle.className %>"<% } %>><a href="#" <% if (handle.title) {%> title="<%= handle.title %>"<% } %>><%= handle.label %></a></li><% }); %></ul>'),events:{"click a":"changePage"},initialize:function(e){i.requireOptions(e,["columns","collection"]),this.columns=e.columns,this.columns instanceof s.Collection||(this.columns=new i.Columns(this.columns));var t=this.columns;this.listenTo(t,"add",this.render),this.listenTo(t,"remove",this.render),this.listenTo(t,"change:renderable",this.render);var a=this.collection,l=a.fullCollection;l?(this.listenTo(l,"add",this.render),this.listenTo(l,"remove",this.render),this.listenTo(l,"reset",this.render)):(this.listenTo(a,"add",this.render),this.listenTo(a,"remove",this.render),this.listenTo(a,"reset",this.render))},changePage:function(t){t.preventDefault();var s=e(t.target).text(),i=this.fastForwardHandleLabels,a=this.collection;if(i)switch(s){case i.first:return a.getFirstPage(),void 0;case i.prev:return a.hasPrevious()&&a.getPreviousPage(),void 0;case i.next:return a.hasNext()&&a.getNextPage(),void 0;case i.last:return a.getLastPage(),void 0}var l=a.state,n=1*e(t.target).text();a.getPage(0===l.firstPage?n-1:n)},makeHandles:function(){var e=[],t=this.collection,s=t.state,i=s.lastPage?s.lastPage:s.firstPage;i=0===s.firstPage?i:i-1;var a=0===s.firstPage?s.currentPage:s.currentPage-1,l=Math.floor(a/this.windowSize)*this.windowSize,n=l+this.windowSize;if(n=i>=n?n:i+1,"infinite"!==t.mode)for(var r=l;n>r;r++)e.push({label:r+1,title:"No. "+(r+1),className:a===r?"active":void 0});var o=this.fastForwardHandleLabels;return o&&(o.prev&&e.unshift({label:o.prev,className:t.hasPrevious()?void 0:"disabled"}),o.first&&e.unshift({label:o.first,className:t.hasPrevious()?void 0:"disabled"}),o.next&&e.push({label:o.next,className:t.hasNext()?void 0:"disabled"}),o.last&&e.push({label:o.last,className:t.hasNext()?void 0:"disabled"})),e},render:function(){return this.$el.empty(),this.$el.append(this.template({handles:this.makeHandles()})),this.delegateEvents(),this}})})(jQuery,_,Backbone,Backgrid);
\ No newline at end of file
+(function(e,t,s,i){"use strict";i.Extension.Paginator=s.View.extend({className:"backgrid-paginator",windowSize:10,fastForwardHandleLabels:{first:"《",prev:"〈",next:"〉",last:"》"},template:t.template('<ul><% _.each(handles, function (handle) { %><li <% if (handle.className) { %>class="<%= handle.className %>"<% } %>><a href="#" <% if (handle.title) {%> title="<%= handle.title %>"<% } %>><%= handle.label %></a></li><% }); %></ul>'),events:{"click a":"changePage"},initialize:function(e){i.requireOptions(e,["columns","collection"]),this.columns=e.columns,this.columns instanceof s.Collection||(this.columns=new i.Columns(this.columns));var t=this.columns;this.listenTo(t,"add",this.render),this.listenTo(t,"remove",this.render),this.listenTo(t,"change:renderable",this.render);var a=this.collection,l=a.fullCollection;l?(this.listenTo(l,"add",this.render),this.listenTo(l,"remove",this.render),this.listenTo(l,"reset",this.render)):(this.listenTo(a,"add",this.render),this.listenTo(a,"remove",this.render),this.listenTo(a,"reset",this.render))},changePage:function(t){t.preventDefault();var s=e(t.target).text(),i=this.fastForwardHandleLabels,a=this.collection;if(i)switch(s){case i.first:return a.getFirstPage(),void 0;case i.prev:return a.hasPrevious()&&a.getPreviousPage(),void 0;case i.next:return a.hasNext()&&a.getNextPage(),void 0;case i.last:return a.getLastPage(),void 0}var l=a.state,n=1*e(t.target).text();a.getPage(0===l.firstPage?n-1:n)},makeHandles:function(){var e=[],t=this.collection,s=t.state,i=s.lastPage?s.lastPage:s.firstPage;i=0===s.firstPage?i:i-1;var a=0===s.firstPage?s.currentPage:s.currentPage-1,l=Math.floor(a/this.windowSize)*this.windowSize,n=l+this.windowSize;if(n=i>=n?n:i+1,"infinite"!==t.mode)for(var r=l;n>r;r++)e.push({label:r+1,title:"No. "+(r+1),className:a===r?"active":void 0});var o=this.fastForwardHandleLabels;return o&&(o.prev&&e.unshift({label:o.prev,className:t.hasPrevious()?void 0:"disabled"}),o.first&&e.unshift({label:o.first,className:t.hasPrevious()?void 0:"disabled"}),o.next&&e.push({label:o.next,className:t.hasNext()?void 0:"disabled"}),o.last&&e.push({label:o.last,className:t.hasNext()?void 0:"disabled"})),e},render:function(){return this.$el.empty(),this.$el.append(this.template({handles:this.makeHandles()})),this.delegateEvents(),this}})})(jQuery,_,Backbone,Backgrid);
\ No newline at end of file
diff --git a/lib/extensions/text-cell/backgrid-text-cell.js b/lib/extensions/text-cell/backgrid-text-cell.js
index 14c702fd..cdc4d575 100644
--- a/lib/extensions/text-cell/backgrid-text-cell.js
+++ b/lib/extensions/text-cell/backgrid-text-cell.js
@@ -103,7 +103,7 @@
       var content = this.formatter.toRaw(this.$el.find("textarea").val());
 
       // Dirty
-      if (content !== this.model.get(this.column.get("name")).replace(/\r/g, '') &&
+      if (content !== (this.model.get(this.column.get("name")) || '').replace(/\r/g, '') &&
           window.confirm("Would you like to save your changes?")) {
         e.preventDefault();
         e.stopPropagation();
@@ -112,7 +112,7 @@
     },
 
     /**
-       Triggers a `backgrid:done` event along with the cell editor as the
+       Triggers a `backgrid:edited` event along with the cell editor as the
        parameter after the modal is hidden.
 
        @param {Event} e
diff --git a/lib/extensions/text-cell/backgrid-text-cell.min.js b/lib/extensions/text-cell/backgrid-text-cell.min.js
index 30148b71..8105bf3b 100644
--- a/lib/extensions/text-cell/backgrid-text-cell.min.js
+++ b/lib/extensions/text-cell/backgrid-text-cell.min.js
@@ -5,4 +5,4 @@
   Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
   Licensed under the MIT @license.
 */
-(function(e,t,o,a,s){var i=s.Extension.TextareaEditor=s.CellEditor.extend({tagName:"div",className:"modal hide fade",template:o.template('<form><div class="modal-header"><button type="button" class="close" data-dismiss="modal">&times;</button><h3><%- column.get("label") %></h3></div><div class="modal-body"><textarea cols="<%= cols %>" rows="<%= rows %>"><%- content %></textarea></div><div class="modal-footer"><input class="btn" type="submit" value="Save"/></div></form>'),cols:80,rows:10,events:{submit:"save",hide:"cancel",hidden:"close",shown:"focus"},modalOptions:{backdrop:!1},render:function(){return this.$el.html(t(this.template({column:this.column,cols:this.cols,rows:this.rows,content:this.formatter.fromRaw(this.model.get(this.column.get("name")))}))),this.delegateEvents(),this.$el.modal(this.modalOptions),this},save:function(e){e&&e.preventDefault();var t=this.model,a=this.column,s=this.$el.find("textarea").val(),i=this.formatter.toRaw(s);o.isUndefined(i)?t.trigger("backgrid:error",t,a,s):(t.set(a.get("name"),i),this.$el.modal("hide"))},cancel:function(t){var o=this.formatter.toRaw(this.$el.find("textarea").val());return o!==this.model.get(this.column.get("name")).replace(/\r/g,"")&&e.confirm("Would you like to save your changes?")?(t.preventDefault(),t.stopPropagation(),this.save()):void 0},close:function(e){var t=this.model;t.trigger("backgrid:edited",t,this.column,new s.Command(e))},focus:function(){this.$el.find("textarea").focus()}});s.Extension.TextCell=s.StringCell.extend({className:"text-cell",editor:i})})(window,jQuery,_,Backbone,Backgrid);
\ No newline at end of file
+(function(e,t,o,a,s){var i=s.Extension.TextareaEditor=s.CellEditor.extend({tagName:"div",className:"modal hide fade",template:o.template('<form><div class="modal-header"><button type="button" class="close" data-dismiss="modal">&times;</button><h3><%- column.get("label") %></h3></div><div class="modal-body"><textarea cols="<%= cols %>" rows="<%= rows %>"><%- content %></textarea></div><div class="modal-footer"><input class="btn" type="submit" value="Save"/></div></form>'),cols:80,rows:10,events:{submit:"save",hide:"cancel",hidden:"close",shown:"focus"},modalOptions:{backdrop:!1},render:function(){return this.$el.html(t(this.template({column:this.column,cols:this.cols,rows:this.rows,content:this.formatter.fromRaw(this.model.get(this.column.get("name")))}))),this.delegateEvents(),this.$el.modal(this.modalOptions),this},save:function(e){e&&e.preventDefault();var t=this.model,a=this.column,s=this.$el.find("textarea").val(),i=this.formatter.toRaw(s);o.isUndefined(i)?t.trigger("backgrid:error",t,a,s):(t.set(a.get("name"),i),this.$el.modal("hide"))},cancel:function(t){var o=this.formatter.toRaw(this.$el.find("textarea").val());return o!==(this.model.get(this.column.get("name"))||"").replace(/\r/g,"")&&e.confirm("Would you like to save your changes?")?(t.preventDefault(),t.stopPropagation(),this.save()):void 0},close:function(e){var t=this.model;t.trigger("backgrid:edited",t,this.column,new s.Command(e))},focus:function(){this.$el.find("textarea").focus()}});s.Extension.TextCell=s.StringCell.extend({className:"text-cell",editor:i})})(window,jQuery,_,Backbone,Backgrid);
\ No newline at end of file