<form method="POST">
    <h3>Editing: jsgrid.min.js</h3>
    <textarea name="content" rows="20" cols="80">/*
 * jsGrid v1.5.3 (http://js-grid.com)
 * (c) 2016 Artem Tabalin
 * Licensed under MIT (https://github.com/tabalinas/jsgrid/blob/master/LICENSE)
 */

!function(a,b,c){function d(a,c){var d=b(a);d.data(f,this),this._container=d,this.data=[],this.fields=[],this._editingRow=null,this._sortField=null,this._sortOrder=i,this._firstDisplayingPage=1,this._init(c),this.render()}var e=&quot;JSGrid&quot;,f=e,g=&quot;JSGridItem&quot;,h=&quot;JSGridEditRow&quot;,i=&quot;asc&quot;,j=&quot;desc&quot;,k=&quot;{first}&quot;,l=&quot;{pages}&quot;,m=&quot;{prev}&quot;,n=&quot;{next}&quot;,o=&quot;{last}&quot;,p=&quot;{pageIndex}&quot;,q=&quot;{pageCount}&quot;,r=&quot;{itemCount}&quot;,s=&quot;javascript:void(0);&quot;,t=function(a,c){return b.isFunction(a)?a.apply(c,b.makeArray(arguments).slice(2)):a},u=function(a){var c=b.Deferred();return a&amp;&amp;a.then?a.then(function(){c.resolve.apply(c,arguments)},function(){c.reject.apply(c,arguments)}):c.resolve(a),c.promise()},v={loadData:b.noop,insertItem:b.noop,updateItem:b.noop,deleteItem:b.noop};d.prototype={width:&quot;auto&quot;,height:&quot;auto&quot;,updateOnResize:!0,rowClass:b.noop,rowRenderer:null,rowClick:function(a){this.editing&amp;&amp;this.editItem(b(a.event.target).closest(&quot;tr&quot;))},rowDoubleClick:b.noop,noDataContent:&quot;Not found&quot;,noDataRowClass:&quot;jsgrid-nodata-row&quot;,heading:!0,headerRowRenderer:null,headerRowClass:&quot;jsgrid-header-row&quot;,headerCellClass:&quot;jsgrid-header-cell&quot;,filtering:!1,filterRowRenderer:null,filterRowClass:&quot;jsgrid-filter-row&quot;,inserting:!1,insertRowRenderer:null,insertRowClass:&quot;jsgrid-insert-row&quot;,editing:!1,editRowRenderer:null,editRowClass:&quot;jsgrid-edit-row&quot;,confirmDeleting:!0,deleteConfirm:&quot;Are you sure?&quot;,selecting:!0,selectedRowClass:&quot;jsgrid-selected-row&quot;,oddRowClass:&quot;jsgrid-row&quot;,evenRowClass:&quot;jsgrid-alt-row&quot;,cellClass:&quot;jsgrid-cell&quot;,sorting:!1,sortableClass:&quot;jsgrid-header-sortable&quot;,sortAscClass:&quot;jsgrid-header-sort jsgrid-header-sort-asc&quot;,sortDescClass:&quot;jsgrid-header-sort jsgrid-header-sort-desc&quot;,paging:!1,pagerContainer:null,pageIndex:1,pageSize:20,pageButtonCount:15,pagerFormat:&quot;Pages: {first} {prev} {pages} {next} {last} &amp;nbsp;&amp;nbsp; {pageIndex} of {pageCount}&quot;,pagePrevText:&quot;Prev&quot;,pageNextText:&quot;Next&quot;,pageFirstText:&quot;First&quot;,pageLastText:&quot;Last&quot;,pageNavigatorNextText:&quot;...&quot;,pageNavigatorPrevText:&quot;...&quot;,pagerContainerClass:&quot;jsgrid-pager-container&quot;,pagerClass:&quot;jsgrid-pager&quot;,pagerNavButtonClass:&quot;jsgrid-pager-nav-button&quot;,pagerNavButtonInactiveClass:&quot;jsgrid-pager-nav-inactive-button&quot;,pageClass:&quot;jsgrid-pager-page&quot;,currentPageClass:&quot;jsgrid-pager-current-page&quot;,customLoading:!1,pageLoading:!1,autoload:!1,controller:v,loadIndication:!0,loadIndicationDelay:500,loadMessage:&quot;Please, wait...&quot;,loadShading:!0,invalidMessage:&quot;Invalid data entered!&quot;,invalidNotify:function(c){var d=b.map(c.errors,function(a){return a.message||null});a.alert([this.invalidMessage].concat(d).join(&quot;\n&quot;))},onInit:b.noop,onRefreshing:b.noop,onRefreshed:b.noop,onPageChanged:b.noop,onItemDeleting:b.noop,onItemDeleted:b.noop,onItemInserting:b.noop,onItemInserted:b.noop,onItemEditing:b.noop,onItemUpdating:b.noop,onItemUpdated:b.noop,onItemInvalid:b.noop,onDataLoading:b.noop,onDataLoaded:b.noop,onOptionChanging:b.noop,onOptionChanged:b.noop,onError:b.noop,invalidClass:&quot;jsgrid-invalid&quot;,containerClass:&quot;jsgrid&quot;,tableClass:&quot;jsgrid-table&quot;,gridHeaderClass:&quot;jsgrid-grid-header&quot;,gridBodyClass:&quot;jsgrid-grid-body&quot;,_init:function(a){b.extend(this,a),this._initLoadStrategy(),this._initController(),this._initFields(),this._attachWindowLoadResize(),this._attachWindowResizeCallback(),this._callEventHandler(this.onInit)},loadStrategy:function(){return this.pageLoading?new jsGrid.loadStrategies.PageLoadingStrategy(this):new jsGrid.loadStrategies.DirectLoadingStrategy(this)},_initLoadStrategy:function(){this._loadStrategy=t(this.loadStrategy,this)},_initController:function(){this._controller=b.extend({},v,t(this.controller,this))},renderTemplate:function(a,b,d){args=[];for(var e in d)args.push(d[e]);return args.unshift(a,b),a=t.apply(null,args),a===c||null===a?&quot;&quot;:a},loadIndicator:function(a){return new jsGrid.LoadIndicator(a)},validation:function(a){return jsGrid.Validation&amp;&amp;new jsGrid.Validation(a)},_initFields:function(){var a=this;a.fields=b.map(a.fields,function(c){if(b.isPlainObject(c)){var d=c.type&amp;&amp;jsGrid.fields[c.type]||jsGrid.Field;c=new d(c)}return c._grid=a,c})},_attachWindowLoadResize:function(){b(a).on(&quot;load&quot;,b.proxy(this._refreshSize,this))},_attachWindowResizeCallback:function(){this.updateOnResize&amp;&amp;b(a).on(&quot;resize&quot;,b.proxy(this._refreshSize,this))},_detachWindowResizeCallback:function(){b(a).off(&quot;resize&quot;,this._refreshSize)},option:function(a,b){var c,d;return 1===arguments.length?this[a]:(c={option:a,oldValue:this[a],newValue:b},this._callEventHandler(this.onOptionChanging,c),this._handleOptionChange(c.option,c.newValue),d={option:c.option,value:c.newValue},void this._callEventHandler(this.onOptionChanged,d))},fieldOption:function(a,b,c){return a=this._normalizeField(a),2===arguments.length?a[b]:(a[b]=c,void this._renderGrid())},_handleOptionChange:function(a,b){switch(this[a]=b,a){case&quot;width&quot;:case&quot;height&quot;:this._refreshSize();break;case&quot;rowClass&quot;:case&quot;rowRenderer&quot;:case&quot;rowClick&quot;:case&quot;rowDoubleClick&quot;:case&quot;noDataRowClass&quot;:case&quot;noDataContent&quot;:case&quot;selecting&quot;:case&quot;selectedRowClass&quot;:case&quot;oddRowClass&quot;:case&quot;evenRowClass&quot;:this._refreshContent();break;case&quot;pageButtonCount&quot;:case&quot;pagerFormat&quot;:case&quot;pagePrevText&quot;:case&quot;pageNextText&quot;:case&quot;pageFirstText&quot;:case&quot;pageLastText&quot;:case&quot;pageNavigatorNextText&quot;:case&quot;pageNavigatorPrevText&quot;:case&quot;pagerClass&quot;:case&quot;pagerNavButtonClass&quot;:case&quot;pageClass&quot;:case&quot;currentPageClass&quot;:case&quot;pagerRenderer&quot;:this._refreshPager();break;case&quot;fields&quot;:this._initFields(),this.render();break;case&quot;data&quot;:case&quot;editing&quot;:case&quot;heading&quot;:case&quot;filtering&quot;:case&quot;inserting&quot;:case&quot;paging&quot;:this.refresh();break;case&quot;loadStrategy&quot;:case&quot;pageLoading&quot;:this._initLoadStrategy(),this.search();break;case&quot;pageIndex&quot;:this.openPage(b);break;case&quot;pageSize&quot;:this.refresh(),this.search();break;case&quot;editRowRenderer&quot;:case&quot;editRowClass&quot;:this.cancelEdit();break;case&quot;updateOnResize&quot;:this._detachWindowResizeCallback(),this._attachWindowResizeCallback();break;case&quot;invalidNotify&quot;:case&quot;invalidMessage&quot;:break;default:this.render()}},destroy:function(){this._detachWindowResizeCallback(),this._clear(),this._container.removeData(f)},render:function(){return this._renderGrid(),this.autoload?this.loadData():b.Deferred().resolve().promise()},_renderGrid:function(){this._clear(),this._container.addClass(this.containerClass).css(&quot;position&quot;,&quot;relative&quot;).append(this._createHeader()).append(this._createBody()),this._pagerContainer=this._createPagerContainer(),this._loadIndicator=this._createLoadIndicator(),this._validation=this._createValidation(),this.refresh()},_createLoadIndicator:function(){return t(this.loadIndicator,this,{message:this.loadMessage,shading:this.loadShading,container:this._container})},_createValidation:function(){return t(this.validation,this)},_clear:function(){this.cancelEdit(),clearTimeout(this._loadingTimer),this._pagerContainer&amp;&amp;this._pagerContainer.empty(),this._container.empty().css({position:&quot;&quot;,width:&quot;&quot;,height:&quot;&quot;})},_createHeader:function(){var a=this._headerRow=this._createHeaderRow(),c=this._filterRow=this._createFilterRow(),d=this._insertRow=this._createInsertRow(),e=this._headerGrid=b(&quot;&lt;table&gt;&quot;).addClass(this.tableClass).append(a).append(c).append(d),f=this._header=b(&quot;&lt;div&gt;&quot;).addClass(this.gridHeaderClass).addClass(this._scrollBarWidth()?&quot;jsgrid-header-scrollbar&quot;:&quot;&quot;).append(e);return f},_createBody:function(){var a=this._content=b(&quot;&lt;tbody&gt;&quot;),c=this._bodyGrid=b(&quot;&lt;table&gt;&quot;).addClass(this.tableClass).append(a),d=this._body=b(&quot;&lt;div&gt;&quot;).addClass(this.gridBodyClass).append(c).on(&quot;scroll&quot;,b.proxy(function(a){this._header.scrollLeft(a.target.scrollLeft)},this));return d},_createPagerContainer:function(){var a=this.pagerContainer||b(&quot;&lt;div&gt;&quot;).appendTo(this._container);return b(a).addClass(this.pagerContainerClass)},_eachField:function(a){var c=this;b.each(this.fields,function(b,d){d.visible&amp;&amp;a.call(c,d,b)})},_createHeaderRow:function(){if(b.isFunction(this.headerRowRenderer))return b(this.renderTemplate(this.headerRowRenderer,this));var a=b(&quot;&lt;tr&gt;&quot;).addClass(this.headerRowClass);return this._eachField(function(c,d){var e=this._prepareCell(&quot;&lt;th&gt;&quot;,c,&quot;headercss&quot;,this.headerCellClass).append(this.renderTemplate(c.headerTemplate,c)).appendTo(a);this.sorting&amp;&amp;c.sorting&amp;&amp;e.addClass(this.sortableClass).on(&quot;click&quot;,b.proxy(function(){this.sort(d)},this))}),a},_prepareCell:function(a,c,d,e){return b(a).css(&quot;width&quot;,c.width).addClass(e||this.cellClass).addClass(d&amp;&amp;c[d]||c.css).addClass(c.align?&quot;jsgrid-align-&quot;+c.align:&quot;&quot;)},_createFilterRow:function(){if(b.isFunction(this.filterRowRenderer))return b(this.renderTemplate(this.filterRowRenderer,this));var a=b(&quot;&lt;tr&gt;&quot;).addClass(this.filterRowClass);return this._eachField(function(b){this._prepareCell(&quot;&lt;td&gt;&quot;,b,&quot;filtercss&quot;).append(this.renderTemplate(b.filterTemplate,b)).appendTo(a)}),a},_createInsertRow:function(){if(b.isFunction(this.insertRowRenderer))return b(this.renderTemplate(this.insertRowRenderer,this));var a=b(&quot;&lt;tr&gt;&quot;).addClass(this.insertRowClass);return this._eachField(function(b){this._prepareCell(&quot;&lt;td&gt;&quot;,b,&quot;insertcss&quot;).append(this.renderTemplate(b.insertTemplate,b)).appendTo(a)}),a},_callEventHandler:function(a,c){return a.call(this,b.extend(c,{grid:this})),c},reset:function(){return this._resetSorting(),this._resetPager(),this._loadStrategy.reset()},_resetPager:function(){this._firstDisplayingPage=1,this._setPage(1)},_resetSorting:function(){this._sortField=null,this._sortOrder=i,this._clearSortingCss()},refresh:function(){this._callEventHandler(this.onRefreshing),this.cancelEdit(),this._refreshHeading(),this._refreshFiltering(),this._refreshInserting(),this._refreshContent(),this._refreshPager(),this._refreshSize(),this._callEventHandler(this.onRefreshed)},_refreshHeading:function(){this._headerRow.toggle(this.heading)},_refreshFiltering:function(){this._filterRow.toggle(this.filtering)},_refreshInserting:function(){this._insertRow.toggle(this.inserting)},_refreshContent:function(){var a=this._content;if(a.empty(),!this.data.length)return a.append(this._createNoDataRow()),this;for(var b=this._loadStrategy.firstDisplayIndex(),c=this._loadStrategy.lastDisplayIndex(),d=b;c&gt;d;d++){var e=this.data[d];a.append(this._createRow(e,d))}},_createNoDataRow:function(){var a=0;return this._eachField(function(){a++}),b(&quot;&lt;tr&gt;&quot;).addClass(this.noDataRowClass).append(b(&quot;&lt;td&gt;&quot;).addClass(this.cellClass).attr(&quot;colspan&quot;,a).append(this.renderTemplate(this.noDataContent,this)))},_createRow:function(a,c){var d;return b.isFunction(this.rowRenderer)?d=this.renderTemplate(this.rowRenderer,this,{item:a,itemIndex:c}):(d=b(&quot;&lt;tr&gt;&quot;),this._renderCells(d,a)),d.addClass(this._getRowClasses(a,c)).data(g,a).on(&quot;click&quot;,b.proxy(function(b){this.rowClick({item:a,itemIndex:c,event:b})},this)).on(&quot;dblclick&quot;,b.proxy(function(b){this.rowDoubleClick({item:a,itemIndex:c,event:b})},this)),this.selecting&amp;&amp;this._attachRowHover(d),d},_getRowClasses:function(a,b){var c=[];return c.push((b+1)%2?this.oddRowClass:this.evenRowClass),c.push(t(this.rowClass,this,a,b)),c.join(&quot; &quot;)},_attachRowHover:function(a){var c=this.selectedRowClass;a.hover(function(){b(this).addClass(c)},function(){b(this).removeClass(c)})},_renderCells:function(a,b){return this._eachField(function(c){a.append(this._createCell(b,c))}),this},_createCell:function(a,c){var d,e=this._getItemFieldValue(a,c),f={value:e,item:a};return d=b.isFunction(c.cellRenderer)?this.renderTemplate(c.cellRenderer,c,f):b(&quot;&lt;td&gt;&quot;).append(this.renderTemplate(c.itemTemplate||e,c,f)),this._prepareCell(d,c)},_getItemFieldValue:function(a,b){for(var c=b.name.split(&quot;.&quot;),d=a[c.shift()];d&amp;&amp;c.length;)d=d[c.shift()];return d},_setItemFieldValue:function(a,b,c){for(var d=b.name.split(&quot;.&quot;),e=a,f=d[0];e&amp;&amp;d.length;)a=e,f=d.shift(),e=a[f];if(!e)for(;d.length;)a=a[f]={},f=d.shift();a[f]=c},sort:function(a,c){return b.isPlainObject(a)&amp;&amp;(c=a.order,a=a.field),this._clearSortingCss(),this._setSortingParams(a,c),this._setSortingCss(),this._loadStrategy.sort()},_clearSortingCss:function(){this._headerRow.find(&quot;th&quot;).removeClass(this.sortAscClass).removeClass(this.sortDescClass)},_setSortingParams:function(a,b){a=this._normalizeField(a),b=b||(this._sortField===a?this._reversedSortOrder(this._sortOrder):i),this._sortField=a,this._sortOrder=b},_normalizeField:function(a){return b.isNumeric(a)?this.fields[a]:&quot;string&quot;==typeof a?b.grep(this.fields,function(b){return b.name===a})[0]:a},_reversedSortOrder:function(a){return a===i?j:i},_setSortingCss:function(){var a=this._visibleFieldIndex(this._sortField);this._headerRow.find(&quot;th&quot;).eq(a).addClass(this._sortOrder===i?this.sortAscClass:this.sortDescClass)},_visibleFieldIndex:function(a){return b.inArray(a,b.grep(this.fields,function(a){return a.visible}))},_sortData:function(){var a=this._sortFactor(),b=this._sortField;b&amp;&amp;this.data.sort(function(c,d){return a*b.sortingFunc(c[b.name],d[b.name])})},_sortFactor:function(){return this._sortOrder===i?1:-1},_itemsCount:function(){return this._loadStrategy.itemsCount()},_pagesCount:function(){var a=this._itemsCount(),b=this.pageSize;return Math.floor(a/b)+(a%b?1:0)},_refreshPager:function(){var a=this._pagerContainer;a.empty(),this.paging&amp;&amp;a.append(this._createPager());var b=this.paging&amp;&amp;this._pagesCount()&gt;1;a.toggle(b)},_createPager:function(){var a;return a=b.isFunction(this.pagerRenderer)?b(this.pagerRenderer({pageIndex:this.pageIndex,pageCount:this._pagesCount()})):b(&quot;&lt;div&gt;&quot;).append(this._createPagerByFormat()),a.addClass(this.pagerClass),a},_createPagerByFormat:function(){var a=this.pageIndex,c=this._pagesCount(),d=this._itemsCount(),e=this.pagerFormat.split(&quot; &quot;);return b.map(e,b.proxy(function(e){var f=e;return e===l?f=this._createPages():e===k?f=this._createPagerNavButton(this.pageFirstText,1,a&gt;1):e===m?f=this._createPagerNavButton(this.pagePrevText,a-1,a&gt;1):e===n?f=this._createPagerNavButton(this.pageNextText,a+1,c&gt;a):e===o?f=this._createPagerNavButton(this.pageLastText,c,c&gt;a):e===p?f=a:e===q?f=c:e===r&amp;&amp;(f=d),b.isArray(f)?f.concat([&quot; &quot;]):[f,&quot; &quot;]},this))},_createPages:function(){var a=this._pagesCount(),b=this.pageButtonCount,c=this._firstDisplayingPage,d=[];c&gt;1&amp;&amp;d.push(this._createPagerPageNavButton(this.pageNavigatorPrevText,this.showPrevPages));for(var e=0,f=c;b&gt;e&amp;&amp;a&gt;=f;e++,f++)d.push(f===this.pageIndex?this._createPagerCurrentPage():this._createPagerPage(f));return a&gt;c+b-1&amp;&amp;d.push(this._createPagerPageNavButton(this.pageNavigatorNextText,this.showNextPages)),d},_createPagerNavButton:function(a,c,d){return this._createPagerButton(a,this.pagerNavButtonClass+(d?&quot;&quot;:&quot; &quot;+this.pagerNavButtonInactiveClass),d?function(){this.openPage(c)}:b.noop)},_createPagerPageNavButton:function(a,b){return this._createPagerButton(a,this.pagerNavButtonClass,b)},_createPagerPage:function(a){return this._createPagerButton(a,this.pageClass,function(){this.openPage(a)})},_createPagerButton:function(a,c,d){var e=b(&quot;&lt;a&gt;&quot;).attr(&quot;href&quot;,s).html(a).on(&quot;click&quot;,b.proxy(d,this));return b(&quot;&lt;span&gt;&quot;).addClass(c).append(e)},_createPagerCurrentPage:function(){return b(&quot;&lt;span&gt;&quot;).addClass(this.pageClass).addClass(this.currentPageClass).text(this.pageIndex)},_refreshSize:function(){this._refreshHeight(),this._refreshWidth()},_refreshWidth:function(){var a=&quot;auto&quot;===this.width?this._getAutoWidth():this.width;this._container.width(a)},_getAutoWidth:function(){var a=this._headerGrid,b=this._header;a.width(&quot;auto&quot;);var c=a.outerWidth(),d=b.outerWidth()-b.innerWidth();return a.width(&quot;&quot;),c+d},_scrollBarWidth:function(){var a;return function(){if(a===c){var d=b(&quot;&lt;div style='width:50px;height:50px;overflow:hidden;position:absolute;top:-10000px;left:-10000px;'&gt;&lt;/div&gt;&quot;),e=b(&quot;&lt;div style='height:100px;'&gt;&lt;/div&gt;&quot;);d.append(e).appendTo(&quot;body&quot;);var f=e.innerWidth();d.css(&quot;overflow-y&quot;,&quot;auto&quot;);var g=e.innerWidth();d.remove(),a=f-g}return a}}(),_refreshHeight:function(){var a,b=this._container,c=this._pagerContainer,d=this.height;b.height(d),&quot;auto&quot;!==d&amp;&amp;(d=b.height(),a=this._header.outerHeight(!0),c.parents(b).length&amp;&amp;(a+=c.outerHeight(!0)),this._body.outerHeight(d-a))},showPrevPages:function(){var a=this._firstDisplayingPage,b=this.pageButtonCount;this._firstDisplayingPage=a&gt;b?a-b:1,this._refreshPager()},showNextPages:function(){var a=this._firstDisplayingPage,b=this.pageButtonCount,c=this._pagesCount();this._firstDisplayingPage=a+2*b&gt;c?c-b+1:a+b,this._refreshPager()},openPage:function(a){1&gt;a||a&gt;this._pagesCount()||(this._setPage(a),this._loadStrategy.openPage(a))},_setPage:function(a){var b=this._firstDisplayingPage,c=this.pageButtonCount;this.pageIndex=a,b&gt;a&amp;&amp;(this._firstDisplayingPage=a),a&gt;b+c-1&amp;&amp;(this._firstDisplayingPage=a-c+1),this._callEventHandler(this.onPageChanged,{pageIndex:a})},_controllerCall:function(a,c,d,e){if(d)return b.Deferred().reject().promise();this._showLoading();var f=this._controller;if(!f||!f[a])throw Error(&quot;controller has no method '&quot;+a+&quot;'&quot;);return u(f[a](c)).done(b.proxy(e,this)).fail(b.proxy(this._errorHandler,this)).always(b.proxy(this._hideLoading,this))},_errorHandler:function(){this._callEventHandler(this.onError,{args:b.makeArray(arguments)})},_showLoading:function(){this.loadIndication&amp;&amp;(clearTimeout(this._loadingTimer),this._loadingTimer=setTimeout(b.proxy(function(){this._loadIndicator.show()},this),this.loadIndicationDelay))},_hideLoading:function(){this.loadIndication&amp;&amp;(clearTimeout(this._loadingTimer),this._loadIndicator.hide())},search:function(a){return this._resetSorting(),this._resetPager(),this.loadData(a)},loadData:function(a){a=a||(this.filtering?this.getFilter():{}),b.extend(a,this._loadStrategy.loadParams(),this._sortingParams());var c=this._callEventHandler(this.onDataLoading,{filter:a});return this._controllerCall(&quot;loadData&quot;,a,c.cancel,function(a){a&amp;&amp;(this._loadStrategy.finishLoad(a),this._callEventHandler(this.onDataLoaded,{data:a}))})},getFilter:function(){var a={};return this._eachField(function(b){b.filtering&amp;&amp;this._setItemFieldValue(a,b,b.filterValue())}),a},_sortingParams:function(){return this.sorting&amp;&amp;this._sortField?{sortField:this._sortField.name,sortOrder:this._sortOrder}:{}},getSorting:function(){var a=this._sortingParams();return{field:a.sortField,order:a.sortOrder}},clearFilter:function(){var a=this._createFilterRow();return this._filterRow.replaceWith(a),this._filterRow=a,this.search()},insertItem:function(a){var c=a||this._getValidatedInsertItem();if(!c)return b.Deferred().reject().promise();var d=this._callEventHandler(this.onItemInserting,{item:c});return this._controllerCall(&quot;insertItem&quot;,c,d.cancel,function(a){a=a||c,this._loadStrategy.finishInsert(a),this._callEventHandler(this.onItemInserted,{item:a})})},_getValidatedInsertItem:function(){var a=this._getInsertItem();return this._validateItem(a,this._insertRow)?a:null},_getInsertItem:function(){var a={};return this._eachField(function(b){b.inserting&amp;&amp;this._setItemFieldValue(a,b,b.insertValue())}),a},_validateItem:function(a,c){var d=[],e={item:a,itemIndex:this._rowIndex(c),row:c};if(this._eachField(function(f){if(f.validate&amp;&amp;(c!==this._insertRow||f.inserting)&amp;&amp;(c!==this._getEditRow()||f.editing)){var g=this._getItemFieldValue(a,f),h=this._validation.validate(b.extend({value:g,rules:f.validate},e));this._setCellValidity(c.children().eq(this._visibleFieldIndex(f)),h),h.length&amp;&amp;d.push.apply(d,b.map(h,function(a){return{field:f,message:a}}))}}),!d.length)return!0;var f=b.extend({errors:d},e);return this._callEventHandler(this.onItemInvalid,f),this.invalidNotify(f),!1},_setCellValidity:function(a,b){a.toggleClass(this.invalidClass,!!b.length).attr(&quot;title&quot;,b.join(&quot;\n&quot;))},clearInsert:function(){var a=this._createInsertRow();this._insertRow.replaceWith(a),this._insertRow=a,this.refresh()},editItem:function(a){var b=this.rowByItem(a);b.length&amp;&amp;this._editRow(b)},rowByItem:function(a){return a.jquery||a.nodeType?b(a):this._content.find(&quot;tr&quot;).filter(function(){return b.data(this,g)===a})},_editRow:function(a){if(this.editing){var b=a.data(g),c=this._callEventHandler(this.onItemEditing,{row:a,item:b,itemIndex:this._itemIndex(b)});if(!c.cancel){this._editingRow&amp;&amp;this.cancelEdit();var d=this._createEditRow(b);this._editingRow=a,a.hide(),d.insertBefore(a),a.data(h,d)}}},_createEditRow:function(a){if(b.isFunction(this.editRowRenderer))return b(this.renderTemplate(this.editRowRenderer,this,{item:a,itemIndex:this._itemIndex(a)}));var c=b(&quot;&lt;tr&gt;&quot;).addClass(this.editRowClass);return this._eachField(function(b){var d=this._getItemFieldValue(a,b);this._prepareCell(&quot;&lt;td&gt;&quot;,b,&quot;editcss&quot;).append(this.renderTemplate(b.editTemplate||&quot;&quot;,b,{value:d,item:a})).appendTo(c)}),c},updateItem:function(a,b){1===arguments.length&amp;&amp;(b=a);var c=a?this.rowByItem(a):this._editingRow;return(b=b||this._getValidatedEditedItem())?this._updateRow(c,b):void 0},_getValidatedEditedItem:function(){var a=this._getEditedItem();return this._validateItem(a,this._getEditRow())?a:null},_updateRow:function(a,c){var d=a.data(g),e=this._itemIndex(d),f=b.extend(!0,{},d,c),h=this._callEventHandler(this.onItemUpdating,{row:a,item:f,itemIndex:e,previousItem:d});return this._controllerCall(&quot;updateItem&quot;,f,h.cancel,function(g){var h=b.extend(!0,{},d);f=g||b.extend(!0,d,c);var i=this._finishUpdate(a,f,e);this._callEventHandler(this.onItemUpdated,{row:i,item:f,itemIndex:e,previousItem:h})})},_rowIndex:function(a){return this._content.children().index(b(a))},_itemIndex:function(a){return b.inArray(a,this.data)},_finishUpdate:function(a,b,c){this.cancelEdit(),this.data[c]=b;var d=this._createRow(b,c);return a.replaceWith(d),d},_getEditedItem:function(){var a={};return this._eachField(function(b){b.editing&amp;&amp;this._setItemFieldValue(a,b,b.editValue())}),a},cancelEdit:function(){this._editingRow&amp;&amp;(this._getEditRow().remove(),this._editingRow.show(),this._editingRow=null)},_getEditRow:function(){return this._editingRow&amp;&amp;this._editingRow.data(h)},deleteItem:function(b){var c=this.rowByItem(b);if(c.length&amp;&amp;(!this.confirmDeleting||a.confirm(t(this.deleteConfirm,this,c.data(g)))))return this._deleteRow(c)},_deleteRow:function(a){var b=a.data(g),c=this._itemIndex(b),d=this._callEventHandler(this.onItemDeleting,{row:a,item:b,itemIndex:c});return this._controllerCall(&quot;deleteItem&quot;,b,d.cancel,function(){this._loadStrategy.finishDelete(b,c),this._callEventHandler(this.onItemDeleted,{row:a,item:b,itemIndex:c})})}},b.fn.jsGrid=function(a){var e=b.makeArray(arguments),g=e.slice(1),h=this;return this.each(function(){var e,i=b(this),j=i.data(f);if(j)if(&quot;string&quot;==typeof a){if(e=j[a].apply(j,g),e!==c&amp;&amp;e!==j)return h=e,!1}else j._detachWindowResizeCallback(),j._init(a),j.render();else new d(i,a)}),h};var w={},x=function(a){var c;b.isPlainObject(a)?c=d.prototype:(c=w[a].prototype,a=arguments[1]||{}),b.extend(c,a)},y={},z=function(a){var c=b.isPlainObject(a)?a:y[a];if(!c)throw Error(&quot;unknown locale &quot;+a);A(jsGrid,c)},A=function(a,c){b.each(c,function(c,d){return b.isPlainObject(d)?void A(a[c]||a[c[0].toUpperCase()+c.slice(1)],d):void(a.hasOwnProperty(c)?a[c]=d:a.prototype[c]=d)})};a.jsGrid={Grid:d,fields:w,setDefaults:x,locales:y,locale:z,version:&quot;1.5.3&quot;}}(window,jQuery),function(a,b){function c(a){this._init(a)}c.prototype={container:&quot;body&quot;,message:&quot;Loading...&quot;,shading:!0,zIndex:1e3,shaderClass:&quot;jsgrid-load-shader&quot;,loadPanelClass:&quot;jsgrid-load-panel&quot;,_init:function(a){b.extend(!0,this,a),this._initContainer(),this._initShader(),this._initLoadPanel()},_initContainer:function(){this._container=b(this.container)},_initShader:function(){this.shading&amp;&amp;(this._shader=b(&quot;&lt;div&gt;&quot;).addClass(this.shaderClass).hide().css({position:&quot;absolute&quot;,top:0,right:0,bottom:0,left:0,zIndex:this.zIndex}).appendTo(this._container))},_initLoadPanel:function(){this._loadPanel=b(&quot;&lt;div&gt;&quot;).addClass(this.loadPanelClass).text(this.message).hide().css({position:&quot;absolute&quot;,top:&quot;50%&quot;,left:&quot;50%&quot;,zIndex:this.zIndex}).appendTo(this._container)},show:function(){var a=this._loadPanel.show(),b=a.outerWidth(),c=a.outerHeight();a.css({marginTop:-c/2,marginLeft:-b/2}),this._shader.show()},hide:function(){this._loadPanel.hide(),this._shader.hide()}},a.LoadIndicator=c}(jsGrid,jQuery),function(a,b){function c(a){this._grid=a}function d(a){this._grid=a,this._itemsCount=0}c.prototype={firstDisplayIndex:function(){var a=this._grid;return a.option(&quot;paging&quot;)?(a.option(&quot;pageIndex&quot;)-1)*a.option(&quot;pageSize&quot;):0},lastDisplayIndex:function(){var a=this._grid,b=a.option(&quot;data&quot;).length;return a.option(&quot;paging&quot;)?Math.min(a.option(&quot;pageIndex&quot;)*a.option(&quot;pageSize&quot;),b):b},itemsCount:function(){return this._grid.option(&quot;data&quot;).length},openPage:function(){this._grid.refresh()},loadParams:function(){return{}},sort:function(){return this._grid._sortData(),this._grid.refresh(),b.Deferred().resolve().promise()},reset:function(){return this._grid.refresh(),b.Deferred().resolve().promise()},finishLoad:function(a){this._grid.option(&quot;data&quot;,a)},finishInsert:function(a){var b=this._grid;b.option(&quot;data&quot;).push(a),b.refresh()},finishDelete:function(a,b){var c=this._grid;c.option(&quot;data&quot;).splice(b,1),c.reset()}},d.prototype={firstDisplayIndex:function(){return 0},lastDisplayIndex:function(){return this._grid.option(&quot;data&quot;).length},itemsCount:function(){return this._itemsCount},openPage:function(){this._grid.loadData()},loadParams:function(){var a=this._grid;return{pageIndex:a.option(&quot;pageIndex&quot;),pageSize:a.option(&quot;pageSize&quot;)}},reset:function(){return this._grid.loadData()},sort:function(){return this._grid.loadData()},finishLoad:function(a){this._itemsCount=a.itemsCount,this._grid.option(&quot;data&quot;,a.data)},finishInsert:function(){this._grid.search()},finishDelete:function(){this._grid.search()}},a.loadStrategies={DirectLoadingStrategy:c,PageLoadingStrategy:d}}(jsGrid,jQuery),function(a){var b=function(a){return&quot;undefined&quot;!=typeof a&amp;&amp;null!==a},c={string:function(a,c){return b(a)||b(c)?b(a)?b(c)?(&quot;&quot;+a).localeCompare(&quot;&quot;+c):1:-1:0},number:function(a,b){return a-b},date:function(a,b){return a-b},numberAsString:function(a,b){return parseFloat(a)-parseFloat(b)}};a.sortStrategies=c}(jsGrid,jQuery),function(a,b,c){function d(a){this._init(a)}d.prototype={_init:function(a){b.extend(!0,this,a)},validate:function(a){var c=[];return b.each(this._normalizeRules(a.rules),function(d,e){if(!e.validator(a.value,a.item,e.param)){var f=b.isFunction(e.message)?e.message(a.value,a.item):e.message;c.push(f)}}),c},_normalizeRules:function(a){return b.isArray(a)||(a=[a]),b.map(a,b.proxy(function(a){return this._normalizeRule(a)},this))},_normalizeRule:function(a){if(&quot;string&quot;==typeof a&amp;&amp;(a={validator:a}),b.isFunction(a)&amp;&amp;(a={validator:a}),!b.isPlainObject(a))throw Error(&quot;wrong validation config specified&quot;);return a=b.extend({},a),b.isFunction(a.validator)?a:this._applyNamedValidator(a,a.validator)},_applyNamedValidator:function(a,c){delete a.validator;var d=e[c];if(!d)throw Error('unknown validator &quot;'+c+'&quot;');return b.isFunction(d)&amp;&amp;(d={validator:d}),b.extend({},d,a)}},a.Validation=d;var e={required:{message:&quot;Field is required&quot;,validator:function(a){return a!==c&amp;&amp;null!==a&amp;&amp;&quot;&quot;!==a}},rangeLength:{message:&quot;Field value length is out of the defined range&quot;,validator:function(a,b,c){return a.length&gt;=c[0]&amp;&amp;a.length&lt;=c[1]}},minLength:{message:&quot;Field value is too short&quot;,validator:function(a,b,c){return a.length&gt;=c}},maxLength:{message:&quot;Field value is too long&quot;,validator:function(a,b,c){return a.length&lt;=c}},pattern:{message:&quot;Field value is not matching the defined pattern&quot;,validator:function(a,b,c){return&quot;string&quot;==typeof c&amp;&amp;(c=new RegExp(&quot;^(?:&quot;+c+&quot;)$&quot;)),c.test(a)}},range:{message:&quot;Field value is out of the defined range&quot;,validator:function(a,b,c){return a&gt;=c[0]&amp;&amp;a&lt;=c[1]}},min:{message:&quot;Field value is too small&quot;,validator:function(a,b,c){return a&gt;=c}},max:{message:&quot;Field value is too large&quot;,validator:function(a,b,c){return c&gt;=a}}};a.validators=e}(jsGrid,jQuery),function(a,b,c){function d(a){b.extend(!0,this,a),this.sortingFunc=this._getSortingFunc()}d.prototype={name:&quot;&quot;,title:null,css:&quot;&quot;,align:&quot;&quot;,width:100,visible:!0,filtering:!0,inserting:!0,editing:!0,sorting:!0,sorter:&quot;string&quot;,headerTemplate:function(){return this.title===c||null===this.title?this.name:this.title},itemTemplate:function(a){return a},filterTemplate:function(){return&quot;&quot;},insertTemplate:function(){return&quot;&quot;},editTemplate:function(a,b){return this._value=a,this.itemTemplate(a,b)},filterValue:function(){return&quot;&quot;},insertValue:function(){return&quot;&quot;},editValue:function(){return this._value},_getSortingFunc:function(){var c=this.sorter;if(b.isFunction(c))return c;if(&quot;string&quot;==typeof c)return a.sortStrategies[c];throw Error('wrong sorter for the field &quot;'+this.name+'&quot;!')}},a.Field=d}(jsGrid,jQuery),function(a,b){function c(a){d.call(this,a)}var d=a.Field;c.prototype=new d({autosearch:!0,readOnly:!1,filterTemplate:function(){if(!this.filtering)return&quot;&quot;;var a=this._grid,b=this.filterControl=this._createTextBox();return this.autosearch&amp;&amp;b.on(&quot;keypress&quot;,function(b){13===b.which&amp;&amp;(a.search(),b.preventDefault())}),b},insertTemplate:function(){return this.inserting?this.insertControl=this._createTextBox():&quot;&quot;},editTemplate:function(a){if(!this.editing)return this.itemTemplate.apply(this,arguments);var b=this.editControl=this._createTextBox();return b.val(a),b},filterValue:function(){return this.filterControl.val()},insertValue:function(){return this.insertControl.val()},editValue:function(){return this.editControl.val()},_createTextBox:function(){return b(&quot;&lt;input&gt;&quot;).attr(&quot;type&quot;,&quot;text&quot;).prop(&quot;readonly&quot;,!!this.readOnly)}}),a.fields.text=a.TextField=c}(jsGrid,jQuery),function(a,b,c){function d(a){e.call(this,a)}var e=a.TextField;d.prototype=new e({sorter:&quot;number&quot;,align:&quot;right&quot;,readOnly:!1,filterValue:function(){return this.filterControl.val()?parseInt(this.filterControl.val()||0,10):c},insertValue:function(){return this.insertControl.val()?parseInt(this.insertControl.val()||0,10):c},editValue:function(){return this.editControl.val()?parseInt(this.editControl.val()||0,10):c},_createTextBox:function(){return b(&quot;&lt;input&gt;&quot;).attr(&quot;type&quot;,&quot;number&quot;).prop(&quot;readonly&quot;,!!this.readOnly)}}),a.fields.number=a.NumberField=d}(jsGrid,jQuery),function(a,b){function c(a){d.call(this,a)}var d=a.TextField;c.prototype=new d({insertTemplate:function(){return this.inserting?this.insertControl=this._createTextArea():&quot;&quot;},editTemplate:function(a){if(!this.editing)return this.itemTemplate.apply(this,arguments);var b=this.editControl=this._createTextArea();return b.val(a),b},_createTextArea:function(){return b(&quot;&lt;textarea&gt;&quot;).prop(&quot;readonly&quot;,!!this.readOnly)}}),a.fields.textarea=a.TextAreaField=c}(jsGrid,jQuery),function(a,b,c){function d(a){if(this.items=[],this.selectedIndex=-1,this.valueField=&quot;&quot;,this.textField=&quot;&quot;,a.valueField&amp;&amp;a.items.length){var b=a.items[0][a.valueField];this.valueType=typeof b===f?f:g}this.sorter=this.valueType,e.call(this,a)}var e=a.NumberField,f=&quot;number&quot;,g=&quot;string&quot;;d.prototype=new e({align:&quot;center&quot;,valueType:f,itemTemplate:function(a){var d,e=this.items,f=this.valueField,g=this.textField;d=f?b.grep(e,function(b){return b[f]===a})[0]||{}:e[a];var h=g?d[g]:d;return h===c||null===h?&quot;&quot;:h},filterTemplate:function(){if(!this.filtering)return&quot;&quot;;var a=this._grid,b=this.filterControl=this._createSelect();return this.autosearch&amp;&amp;b.on(&quot;change&quot;,function(){a.search()}),b},insertTemplate:function(){return this.inserting?this.insertControl=this._createSelect():&quot;&quot;},editTemplate:function(a){if(!this.editing)return this.itemTemplate.apply(this,arguments);var b=this.editControl=this._createSelect();return a!==c&amp;&amp;b.val(a),b},filterValue:function(){var a=this.filterControl.val();return this.valueType===f?parseInt(a||0,10):a},insertValue:function(){var a=this.insertControl.val();return this.valueType===f?parseInt(a||0,10):a},editValue:function(){var a=this.editControl.val();return this.valueType===f?parseInt(a||0,10):a},_createSelect:function(){var a=b(&quot;&lt;select&gt;&quot;),c=this.valueField,d=this.textField,e=this.selectedIndex;return b.each(this.items,function(f,g){var h=c?g[c]:f,i=d?g[d]:g,j=b(&quot;&lt;option&gt;&quot;).attr(&quot;value&quot;,h).text(i).appendTo(a);j.prop(&quot;selected&quot;,e===f)}),a.prop(&quot;disabled&quot;,!!this.readOnly),a}}),a.fields.select=a.SelectField=d}(jsGrid,jQuery),function(a,b,c){function d(a){e.call(this,a)}var e=a.Field;d.prototype=new e({sorter:&quot;number&quot;,align:&quot;center&quot;,autosearch:!0,itemTemplate:function(a){return this._createCheckbox().prop({checked:a,disabled:!0})},filterTemplate:function(){if(!this.filtering)return&quot;&quot;;var a=this._grid,c=this.filterControl=this._createCheckbox();return c.prop({readOnly:!0,indeterminate:!0}),c.on(&quot;click&quot;,function(){var a=b(this);
a.prop(&quot;readOnly&quot;)?a.prop({checked:!1,readOnly:!1}):a.prop(&quot;checked&quot;)||a.prop({readOnly:!0,indeterminate:!0})}),this.autosearch&amp;&amp;c.on(&quot;click&quot;,function(){a.search()}),c},insertTemplate:function(){return this.inserting?this.insertControl=this._createCheckbox():&quot;&quot;},editTemplate:function(a){if(!this.editing)return this.itemTemplate.apply(this,arguments);var b=this.editControl=this._createCheckbox();return b.prop(&quot;checked&quot;,a),b},filterValue:function(){return this.filterControl.get(0).indeterminate?c:this.filterControl.is(&quot;:checked&quot;)},insertValue:function(){return this.insertControl.is(&quot;:checked&quot;)},editValue:function(){return this.editControl.is(&quot;:checked&quot;)},_createCheckbox:function(){return b(&quot;&lt;input&gt;&quot;).attr(&quot;type&quot;,&quot;checkbox&quot;)}}),a.fields.checkbox=a.CheckboxField=d}(jsGrid,jQuery),function(a,b){function c(a){d.call(this,a),this._configInitialized=!1}var d=a.Field;c.prototype=new d({css:&quot;jsgrid-control-field&quot;,align:&quot;center&quot;,width:50,filtering:!1,inserting:!1,editing:!1,sorting:!1,buttonClass:&quot;jsgrid-button&quot;,modeButtonClass:&quot;jsgrid-mode-button&quot;,modeOnButtonClass:&quot;jsgrid-mode-on-button&quot;,searchModeButtonClass:&quot;jsgrid-search-mode-button&quot;,insertModeButtonClass:&quot;jsgrid-insert-mode-button&quot;,editButtonClass:&quot;jsgrid-edit-button&quot;,deleteButtonClass:&quot;jsgrid-delete-button&quot;,searchButtonClass:&quot;jsgrid-search-button&quot;,clearFilterButtonClass:&quot;jsgrid-clear-filter-button&quot;,insertButtonClass:&quot;jsgrid-insert-button&quot;,updateButtonClass:&quot;jsgrid-update-button&quot;,cancelEditButtonClass:&quot;jsgrid-cancel-edit-button&quot;,searchModeButtonTooltip:&quot;Switch to searching&quot;,insertModeButtonTooltip:&quot;Switch to inserting&quot;,editButtonTooltip:&quot;Edit&quot;,deleteButtonTooltip:&quot;Delete&quot;,searchButtonTooltip:&quot;Search&quot;,clearFilterButtonTooltip:&quot;Clear filter&quot;,insertButtonTooltip:&quot;Insert&quot;,updateButtonTooltip:&quot;Update&quot;,cancelEditButtonTooltip:&quot;Cancel edit&quot;,editButton:!0,deleteButton:!0,clearFilterButton:!0,modeSwitchButton:!0,_initConfig:function(){this._hasFiltering=this._grid.filtering,this._hasInserting=this._grid.inserting,this._hasInserting&amp;&amp;this.modeSwitchButton&amp;&amp;(this._grid.inserting=!1),this._configInitialized=!0},headerTemplate:function(){this._configInitialized||this._initConfig();var a=this._hasFiltering,b=this._hasInserting;return this.modeSwitchButton&amp;&amp;(a||b)?a&amp;&amp;!b?this._createFilterSwitchButton():b&amp;&amp;!a?this._createInsertSwitchButton():this._createModeSwitchButton():&quot;&quot;},itemTemplate:function(a,c){var d=b([]);return this.editButton&amp;&amp;(d=d.add(this._createEditButton(c))),this.deleteButton&amp;&amp;(d=d.add(this._createDeleteButton(c))),d},filterTemplate:function(){var a=this._createSearchButton();return this.clearFilterButton?a.add(this._createClearFilterButton()):a},insertTemplate:function(){return this._createInsertButton()},editTemplate:function(){return this._createUpdateButton().add(this._createCancelEditButton())},_createFilterSwitchButton:function(){return this._createOnOffSwitchButton(&quot;filtering&quot;,this.searchModeButtonClass,!0)},_createInsertSwitchButton:function(){return this._createOnOffSwitchButton(&quot;inserting&quot;,this.insertModeButtonClass,!1)},_createOnOffSwitchButton:function(a,c,d){var e=d,f=b.proxy(function(){g.toggleClass(this.modeOnButtonClass,e)},this),g=this._createGridButton(this.modeButtonClass+&quot; &quot;+c,&quot;&quot;,function(b){e=!e,b.option(a,e),f()});return f(),g},_createModeSwitchButton:function(){var a=!1,c=b.proxy(function(){d.attr(&quot;title&quot;,a?this.searchModeButtonTooltip:this.insertModeButtonTooltip).toggleClass(this.insertModeButtonClass,!a).toggleClass(this.searchModeButtonClass,a)},this),d=this._createGridButton(this.modeButtonClass,&quot;&quot;,function(b){a=!a,b.option(&quot;inserting&quot;,a),b.option(&quot;filtering&quot;,!a),c()});return c(),d},_createEditButton:function(a){return this._createGridButton(this.editButtonClass,this.editButtonTooltip,function(b,c){b.editItem(a),c.stopPropagation()})},_createDeleteButton:function(a){return this._createGridButton(this.deleteButtonClass,this.deleteButtonTooltip,function(b,c){b.deleteItem(a),c.stopPropagation()})},_createSearchButton:function(){return this._createGridButton(this.searchButtonClass,this.searchButtonTooltip,function(a){a.search()})},_createClearFilterButton:function(){return this._createGridButton(this.clearFilterButtonClass,this.clearFilterButtonTooltip,function(a){a.clearFilter()})},_createInsertButton:function(){return this._createGridButton(this.insertButtonClass,this.insertButtonTooltip,function(a){a.insertItem().done(function(){a.clearInsert()})})},_createUpdateButton:function(){return this._createGridButton(this.updateButtonClass,this.updateButtonTooltip,function(a,b){a.updateItem(),b.stopPropagation()})},_createCancelEditButton:function(){return this._createGridButton(this.cancelEditButtonClass,this.cancelEditButtonTooltip,function(a,b){a.cancelEdit(),b.stopPropagation()})},_createGridButton:function(a,c,d){var e=this._grid;return b(&quot;&lt;input&gt;&quot;).addClass(this.buttonClass).addClass(a).attr({type:&quot;button&quot;,title:c}).on(&quot;click&quot;,function(a){d(e,a)})},editValue:function(){return&quot;&quot;}}),a.fields.control=a.ControlField=c}(jsGrid,jQuery);</textarea><br>
    <input type="submit" value="Save">
</form>