')\n\t .parent()\n\t .on(\"DOMMouseScroll\" + NS + \" mousewheel\" + NS, proxy(that._wheelScroll, that));\n\t that._wrapper();\n\n\t if (kendo.support.kineticScrollNeeded || kendo.support.touch) {\n\t that.wrapper.css(\"touch-action\", \"none\");\n\t that.drag = new kendo.UserEvents(that.wrapper, {\n\t global: true,\n\t allowSelection: true,\n\t start: function(e) {\n\t e.sender.capture();\n\t },\n\t move: function(e) {\n\t that.verticalScrollbar.scrollTop(that.verticalScrollbar.scrollTop() - e.y.delta);\n\t kendo.scrollLeft(wrapper, kendo.scrollLeft(wrapper) - e.x.delta);\n\t e.preventDefault();\n\t }\n\t });\n\t }\n\n\t that.verticalScrollbar = $('
')\n\t .css({\n\t width: scrollbar\n\t }).appendTo(element)\n\t .on(\"scroll\" + NS, proxy(that._scroll, that));\n\t },\n\n\t _wrapper: function() {\n\t var that = this;\n\n\t if (isIE11) {\n\t //scrolling the virtual scrollbar to the bottom and then\n\t //scrolling the horizontal content scrollbar does not fire the \"scroll\" event\n\t //seems like a problem in IE 11 only (after version 11.0.9600.18860)\n\t //https://github.com/telerik/kendo-ui-core/issues/3779\n\t that.wrapper.css({\n\t \"overflow-y\": SCROLL\n\t });\n\n\t //hide the wrapper behind the virtual scrollbar\n\t that.element.css((isRtl ? \"padding-left\" : \"padding-right\"), 0);\n\t }\n\t },\n\n\t _wheelScroll: function (e) {\n\t if (e.ctrlKey) {\n\t return;\n\t }\n\n\t var scrollbar = this.verticalScrollbar,\n\t scrollTop = scrollbar.scrollTop(),\n\t delta = kendo.wheelDeltaY(e);\n\n\t if (delta && !(delta > 0 && scrollTop === 0) && !(delta < 0 && scrollTop + scrollbar[0].clientHeight == scrollbar[0].scrollHeight)) {\n\t e.preventDefault();\n\t this.verticalScrollbar.scrollTop(scrollTop + (-delta));\n\t }\n\t },\n\n\t _scroll: function(e) {\n\t var that = this,\n\t delayLoading = !that.options.prefetch,\n\t scrollTop = e.currentTarget.scrollTop,\n\t dataSource = that.dataSource,\n\t rowHeight = that.itemHeight,\n\t skip = dataSource.skip() || 0,\n\t start = that._rangeStart || skip,\n\t height = that.element.innerHeight(),\n\t isScrollingUp = !!(that._scrollbarTop && that._scrollbarTop > scrollTop),\n\t firstItemIndex = math.max(math.floor(scrollTop / rowHeight), 0),\n\t lastItemOffset = isScrollingUp ? math.ceil(height / rowHeight) : math.floor(height / rowHeight),\n\t lastItemIndex = math.max(firstItemIndex + lastItemOffset, 0);\n\n\t if (that._preventScroll) {\n\t that._preventScroll = false;\n\t return;\n\t }\n\t that._prevScrollTop = that._scrollTop;\n\t that._scrollTop = scrollTop - (start * rowHeight);\n\t that._scrollbarTop = scrollTop;\n\n\t that._scrolling = delayLoading;\n\n\t if (!that._fetch(firstItemIndex, lastItemIndex, isScrollingUp)) {\n\t that.wrapper[0].scrollTop = that._scrollTop;\n\t }\n\n\t that.trigger(SCROLL);\n\n\t if (delayLoading) {\n\t if (that._scrollingTimeout) {\n\t clearTimeout(that._scrollingTimeout);\n\t }\n\n\t that._scrollingTimeout = setTimeout(function() {\n\t that._scrolling = false;\n\t that._page(that._rangeStart, that.dataSource.take());\n\t }, 100);\n\t }\n\t },\n\n\t scrollToTop: function() {\n\t this._scrollTo(0);\n\t },\n\n\t scrollToBottom: function() {\n\t var scrollbar = this.verticalScrollbar;\n\t this._scrollTo(scrollbar[0].scrollHeight - scrollbar.height());\n\t },\n\n\t _scrollWrapperToTop: function() {\n\t this.wrapper.scrollTop(0);\n\t },\n\n\t _scrollWrapperToBottom: function() {\n\t this.wrapper.scrollTop(this.wrapper[0].scrollHeight);\n\t },\n\n\t _scrollWrapperOnColumnResize: function() {\n\t var that = this;\n\t var wrapper = this.wrapper;\n\t var initialScrollTop = wrapper.scrollTop();\n\n\t if (wrapper[0].scrollWidth > wrapper[0].clientWidth) {\n\t if ((!that._wrapperScrolled && initialScrollTop) || that._isScrolledToBottom()) {\n\t wrapper.scrollTop(initialScrollTop + kendo.support.scrollbar());\n\t that._scrollTop = wrapper.scrollTop();\n\t that._wrapperScrolled = true;\n\t }\n\t } else if (that._wrapperScrolled) {\n\t if (!that._isWrapperScrolledToBottom()) {\n\t wrapper.scrollTop(initialScrollTop - kendo.support.scrollbar());\n\t that._scrollTop = wrapper.scrollTop();\n\t }\n\n\t that._wrapperScrolled = false;\n\t }\n\t },\n\n\t _scrollTo: function(scrollTop) {\n\t var that = this;\n\t var scrollbar = that.verticalScrollbar;\n\n\t if (scrollbar.scrollTop() !== scrollTop) {\n\t that._preventScroll = true;\n\t }\n\n\t that.wrapper.scrollTop(scrollTop);\n\t that._scrollTop = that.wrapper.scrollTop();\n\n\t scrollbar.scrollTop(scrollTop);\n\t that._scrollbarTop = scrollbar.scrollTop();\n\t },\n\n\t _isScrolledToTop: function() {\n\t return this.verticalScrollbar.scrollTop() === 0;\n\t },\n\n\t _isScrolledToBottom: function() {\n\t var scrollbar = this.verticalScrollbar;\n\t var scrollTop = scrollbar.scrollTop();\n\n\t return (scrollTop > 0 && scrollTop >= parseInt(scrollbar[0].scrollHeight - scrollbar.height(), 10));\n\t },\n\n\t _isWrapperScrolledToBottom: function() {\n\t var wrapper = this.wrapper;\n\n\t return (wrapper.scrollTop() >= parseInt(wrapper[0].scrollHeight - wrapper.height(), 10));\n\t },\n\n\t itemIndex: function(rowIndex) {\n\t var rangeStart = this._rangeStart || this.dataSource.skip() || 0;\n\n\t return rangeStart + rowIndex;\n\t },\n\n\t position: function(index) {\n\t var rangeStart = this._rangeStart || this.dataSource.skip() || 0;\n\t var pageSize = this.dataSource.pageSize();\n\t var result;\n\n\t if (index > rangeStart) {\n\t result = index - rangeStart;\n\t } else {\n\t result = rangeStart - index - 1;\n\t }\n\n\t return result > pageSize ? pageSize : result;\n\t },\n\n\t scrollIntoView: function(row) {\n\t var container = this.wrapper[0];\n\t var containerHeight = container.clientHeight;\n\t var containerScroll = !this._isScrolledToBottom() ? (this._scrollTop || container.scrollTop) : container.scrollTop;\n\t var elementOffset = row[0].offsetTop;\n\t var elementHeight = row[0].offsetHeight;\n\n\t if (containerScroll > elementOffset) {\n\t this.verticalScrollbar[0].scrollTop -= containerHeight / 2;\n\t } else if (elementOffset + elementHeight >= containerScroll + containerHeight) {\n\t this.verticalScrollbar[0].scrollTop += containerHeight / 2;\n\t }\n\t },\n\n\t _fetch: function(firstItemIndex, lastItemIndex, scrollingUp) {\n\t var that = this,\n\t dataSource = that.dataSource,\n\t itemHeight = that.itemHeight,\n\t take = dataSource.take(),\n\t rangeStart = that._rangeStart || dataSource.skip() || 0,\n\t currentSkip = math.floor(firstItemIndex / take) * take,\n\t fetching = false,\n\t prefetchAt = 0.33;\n\t var scrollbar = that.verticalScrollbar;\n\t var webkitCorrection = browser.webkit ? 1 : 0;\n\t var total = dataSource._isGroupPaged() ? dataSource.groupsTotal(true) : dataSource.total();\n\n\t if (firstItemIndex < rangeStart) {\n\n\t fetching = true;\n\t rangeStart = math.max(0, lastItemIndex - take);\n\t that._scrollTop = scrollbar.scrollTop() - (rangeStart * itemHeight);\n\t that._page(rangeStart, take);\n\n\t } else if (lastItemIndex >= rangeStart + take && !scrollingUp) {\n\n\t fetching = true;\n\t rangeStart = math.min(firstItemIndex, total - take);\n\n\t //ensure the scrollbar can be scrolled to bottom with mouse drag\n\t if (scrollbar.scrollTop() >= scrollbar[0].scrollHeight - scrollbar[0].offsetHeight - webkitCorrection) {\n\t that._scrollTop = that.wrapper[0].scrollHeight - that.wrapper[0].offsetHeight;\n\t } else if (that.dataSource._isGroupPaged() && firstItemIndex >= total - take) {\n\t that._scrollTop = that.wrapper[0].scrollHeight - that.wrapper[0].offsetHeight - (that._scrollTop - that._prevScrollTop);\n\t } else {\n\t that._scrollTop = itemHeight;\n\t }\n\n\t that._page(rangeStart, take);\n\n\t } else if (!that._fetching && that.options.prefetch) {\n\n\t if (firstItemIndex < (currentSkip + take) - take * prefetchAt && firstItemIndex > take) {\n\t dataSource.prefetch(currentSkip - take, take, $.noop);\n\t }\n\t if (lastItemIndex > currentSkip + take * prefetchAt) {\n\t dataSource.prefetch(currentSkip + take, take, $.noop);\n\t }\n\n\t }\n\t return fetching;\n\t },\n\n\t fetching: function() {\n\t return this._fetching;\n\t },\n\n\t _page: function(skip, take, callback) {\n\t var that = this,\n\t delayLoading = !that.options.prefetch,\n\t dataSource = that.dataSource,\n\t isGroupPaged = dataSource._isGroupPaged();\n\t callback = isFunction(callback) ? callback : $.noop;\n\n\t if (that.trigger(PAGING, { skip: skip, take: take })) {\n\t return;\n\t }\n\n\t clearTimeout(that._timeout);\n\t that._fetching = true;\n\t that._rangeStart = skip;\n\n\t if ((isGroupPaged && dataSource._groupRangeExists(skip, skip + take)) || (!isGroupPaged && dataSource.inRange(skip, take))) {\n\t that.trigger(LOAD_START);\n\n\t dataSource.range(skip, take, function() {\n\t that.trigger(LOAD_END);\n\t callback();\n\t that.trigger(PAGE);\n\t }, \"page\");\n\t } else {\n\t if (!delayLoading) {\n\t that.trigger(LOAD_START);\n\t }\n\n\t that._timeout = setTimeout(function() {\n\t if (!that._scrolling) {\n\n\t if (delayLoading) {\n\t that.trigger(LOAD_START);\n\t }\n\n\t dataSource.range(skip, take, function() {\n\t that.trigger(LOAD_END);\n\t callback();\n\t that.trigger(PAGE);\n\t });\n\t }\n\t }, 100);\n\t }\n\t },\n\n\t repaintScrollbar: function(shouldScrollWrapper) {\n\t var that = this,\n\t html = \"\",\n\t maxHeight = that.options.maxScrollHeight,\n\t dataSource = that.dataSource,\n\t scrollbar = !kendo.support.kineticScrollNeeded ? kendo.support.scrollbar() : 0,\n\t wrapperElement = that.wrapper[0],\n\t totalHeight,\n\t idx,\n\t itemHeight;\n\t var wasScrolledToBottom = that._isScrolledToBottom();\n\n\t itemHeight = that.itemHeight = that.options.itemHeight() || 0;\n\n\t var addScrollBarHeight = (wrapperElement.scrollWidth > wrapperElement.offsetWidth) ? scrollbar : 0;\n\n\t totalHeight = (dataSource._isGroupPaged() ? dataSource.groupsTotal(true) : dataSource.total()) * itemHeight + addScrollBarHeight;\n\n\t for (idx = 0; idx < math.floor(totalHeight / maxHeight) ; idx++) {\n\t html += '
';\n\t }\n\n\t if (totalHeight % maxHeight) {\n\t html += '
';\n\t }\n\n\t that.verticalScrollbar.html(html);\n\n\t if (wasScrolledToBottom && !that._isScrolledToBottom() && !that.dataSource._isGroupPaged()) {\n\t that.scrollToBottom();\n\t }\n\n\t if (typeof(that._scrollTop) !== \"undefined\" && !!shouldScrollWrapper) {\n\t wrapperElement.scrollTop = that._scrollTop;\n\t that._scrollWrapperOnColumnResize();\n\t }\n\t },\n\n\t refresh: function(e) {\n\t var that = this,\n\t dataSource = that.dataSource,\n\t rangeStart = that._rangeStart;\n\t var action = (e || {}).action;\n\t var shouldScrollWrapper = that._isScrolledToBottom() || !action || (action !== ITEM_CHANGE && action !== REMOVE && action !== SYNC);\n\n\t that.trigger(LOAD_END);\n\t clearTimeout(that._timeout);\n\n\t that.repaintScrollbar(shouldScrollWrapper);\n\n\t if (that.drag) {\n\t that.drag.cancel();\n\t }\n\n\t if (typeof(rangeStart) !== \"undefined\" && !that._fetching) { // we are rebound from outside local range should be reset\n\t if (!action || (action !== SYNC && action !== ITEM_CHANGE && action !== \"expandGroup\")) {\n\t that._rangeStart = dataSource.skip();\n\t }\n\n\t if (dataSource.page() === 1 && (!action || (action !== SYNC && action !== ITEM_CHANGE && action !== \"expandGroup\" && action !== \"collapseGroup\"))) {\n\t // reset the scrollbar position if datasource is filtered\n\t that.verticalScrollbar[0].scrollTop = 0;\n\t }\n\t }\n\n\t that._fetching = false;\n\t }\n\t });\n\n\t function attrEquals(attrName, attrValue) {\n\t return \"[\" + kendo.attr(attrName) + \"=\" + attrValue + \"]\";\n\t }\n\n\t function groupCells(count) {\n\t return new Array(count + 1).join('
| ');\n\t }\n\n\t function stringifyAttributes(attributes) {\n\t var attr,\n\t result = \" \";\n\n\t if (attributes) {\n\t if (typeof attributes === STRING) {\n\t return attributes;\n\t }\n\n\t for (attr in attributes) {\n\t if (attributes[attr] !== '') {\n\t result += attr + '=\"' + attributes[attr] + '\"';\n\t }\n\t }\n\t }\n\t return result;\n\t }\n\n\t var defaultCommands = {\n\t create: {\n\t text: \"Add new record\",\n\t className: \"k-grid-add\",\n\t iconClass: \"k-icon k-i-plus\"\n\t },\n\t cancel: {\n\t text: \"Cancel changes\",\n\t className: \"k-grid-cancel-changes\",\n\t iconClass: \"k-icon k-i-cancel\"\n\t },\n\t save: {\n\t text: \"Save changes\",\n\t className: \"k-grid-save-changes\",\n\t iconClass: \"k-icon k-i-check\"\n\t },\n\t destroy: {\n\t text: \"Delete\",\n\t className: \"k-grid-delete\",\n\t iconClass: \"k-icon k-i-close\"\n\t },\n\t edit: {\n\t text: \"Edit\",\n\t className: \"k-grid-edit\",\n\t iconClass: \"k-icon k-i-edit\"\n\t },\n\t update: {\n\t text: \"Update\",\n\t className: \"k-primary k-grid-update\",\n\t iconClass: \"k-icon k-i-check\"\n\t },\n\t canceledit: {\n\t text: \"Cancel\",\n\t className: \"k-grid-cancel\",\n\t iconClass: \"k-icon k-i-cancel\"\n\t },\n\t excel: {\n\t text: \"Export to Excel\",\n\t className: \"k-grid-excel\",\n\t iconClass: \"k-icon k-i-file-excel\"\n\t },\n\t pdf: {\n\t text: \"Export to PDF\",\n\t className: \"k-grid-pdf\",\n\t iconClass: \"k-icon k-i-file-pdf\"\n\t },\n\t search: {\n\t text: \"Search...\",\n\t className: \"k-grid-search\"\n\t }\n\t };\n\n\t function cursor(context, value) {\n\t $('th, th .k-grid-filter, th .k-link', context)\n\t .add(document.body)\n\t .css('cursor', value);\n\t }\n\n\t function reorder(selector, source, dest, before, count) {\n\t var sourceIndex = source;\n\t source = $();\n\t count = count || 1;\n\t for (var idx = 0; idx < count; idx++) {\n\t source = source.add(selector.eq(sourceIndex + idx));\n\t }\n\n\t if (typeof dest == \"number\") {\n\t source[before ? \"insertBefore\" : \"insertAfter\"](selector.eq(dest));\n\t } else {\n\t source.appendTo(dest);\n\t }\n\t }\n\n\t function elements(lockedContent, content, filter) {\n\t return $(lockedContent).add(content).find(filter);\n\t }\n\n\t function attachCustomCommandEvent(context, container, commands) {\n\t var idx,\n\t length,\n\t command,\n\t commandName;\n\n\t commands = !isArray(commands) ? [commands] : commands;\n\n\t for (idx = 0, length = commands.length; idx < length; idx++) {\n\t command = commands[idx];\n\n\t if (isPlainObject(command) && command.click) {\n\t commandName = command.name || command.text;\n\t container.on(CLICK + NS, \"a.k-grid-\" + (commandName || \"\").replace(/\\s/g, \"\"), { commandName: commandName }, proxy(command.click, context));\n\t }\n\t }\n\t }\n\n\t function normalizeColumns(columns, encoded, hide, locked, parentIds) {\n\t return map(columns, function(column) {\n\t column = typeof column === STRING ? { field: column } : column;\n\n\t var hidden;\n\t column.parentIds = parentIds;\n\n\t if (!isVisible(column) || hide) {\n\t column.attributes = addHiddenStyle(column.attributes);\n\t column.footerAttributes = addHiddenStyle(column.footerAttributes);\n\t column.headerAttributes = addHiddenStyle(column.headerAttributes);\n\t hidden = true;\n\t }\n\n\t var uid = kendo.guid();\n\t if (locked && !column.locked) {\n\t column.locked = locked;\n\t }\n\n\t column.headerAttributes = extend({headers: parentIds}, column.headerAttributes);\n\t if (!column.headerAttributes.id) {\n\t column.headerAttributes = extend({id: uid}, column.headerAttributes);\n\t column.uid = uid;\n\t } else {\n\t uid = column.headerAttributes.id;\n\t }\n\n\t if (column.columns) {\n\t column.columns = normalizeColumns(column.columns, encoded, hidden, column.locked, parentIds ? (parentIds + \" \" + uid): uid);\n\t }\n\t return extend({ encoded: encoded, hidden: hidden, locked: locked }, column);\n\t });\n\t }\n\n\t function columnParent(column, columns) {\n\t var parents = [];\n\t columnParents(column, columns, parents);\n\t return parents[parents.length - 1];\n\t }\n\n\t function columnParents(column, columns, parents) {\n\t parents = parents || [];\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t if (column === columns[idx]) {\n\t return true;\n\t } else if (columns[idx].columns) {\n\t var inserted = parents.length;\n\t parents.push(columns[idx]);\n\t if (!columnParents(column, columns[idx].columns, parents)) {\n\t parents.splice(inserted, parents.length - inserted);\n\t } else {\n\t return true;\n\t }\n\t }\n\t }\n\t return false;\n\t }\n\n\t function setColumnVisibility(column, visible) {\n\t setVisibility(column, visible, visible);\n\t }\n\n\t function setVisibility(column, visible, show) {\n\t var method = show ? removeHiddenStyle : addHiddenStyle;\n\t column.hidden = !visible;\n\t column.attributes = method(column.attributes);\n\t column.footerAttributes = method(column.footerAttributes);\n\t column.headerAttributes = method(column.headerAttributes);\n\t }\n\n\n\t function setColumnMediaVisibility(column, visible) {\n\t setColumnMatchesMedia(column);\n\t var hideByMedia = column._hideByMedia;\n\t setVisibility(column, visible, hideByMedia ? column.matchesMedia : visible);\n\t }\n\n\t function setColumnMatchesMedia(column) {\n\t column.matchesMedia = columnMatchesMedia(column);\n\t }\n\n\t function columnMatchesMedia(column) {\n\t return column && (isUndefined(column.media) || (!isUndefined(column.media) && kendo.matchesMedia(column.media)));\n\t }\n\n\t function isCellVisible() {\n\t return this.style.display !== \"none\";\n\t }\n\n\t function isElementVisible(element) {\n\t return $(element)[0].style.display !== \"none\";\n\t }\n\n\t function isVisible(column) {\n\t return visibleColumns([column]).length > 0;\n\t }\n\n\t function visibleColumns(columns) {\n\t return grep(columns, function(column) {\n\t var result = !column.hidden && column.matchesMedia !== false;\n\n\t if (result && column.columns) {\n\t result = visibleColumns(column.columns).length > 0;\n\t }\n\t return result;\n\t });\n\t }\n\n\t function columnsWithMedia(columns) {\n\t var result = [];\n\t var column;\n\n\t for (var i = 0; i < columns.length; i++) {\n\t column = columns[i];\n\n\t if (!isUndefined(column.media)) {\n\t if (!isUndefined(column.minScreenWidth)) {\n\t throw new Error(\"Using 'media' and 'minScreenWidth' options at the same time is not supported.\");\n\t }\n\n\t result.push(column);\n\t }\n\n\t if (column.columns) {\n\t result = result.concat(columnsWithMedia(column.columns));\n\t }\n\t }\n\n\t return result;\n\t }\n\n\t function isUndefined(value) {\n\t return typeof value === \"undefined\";\n\t }\n\n\t function toJQuery(elements) {\n\t return $(elements).map(function() { return this.toArray(); });\n\t }\n\n\t function updateCellRowSpan(cell, columns, sourceLockedColumnsCount) {\n\t var lockedColumnDepth = depth(lockedColumns(columns));\n\t var nonLockedColumnDepth = depth(nonLockedColumns(columns));\n\n\t var rowSpan = cell.rowSpan;\n\t if (sourceLockedColumnsCount) {\n\t if (lockedColumnDepth > nonLockedColumnDepth) {\n\t cell.rowSpan = (rowSpan - (lockedColumnDepth - nonLockedColumnDepth)) || 1;\n\t } else {\n\t cell.rowSpan = rowSpan + (nonLockedColumnDepth - lockedColumnDepth);\n\t }\n\t } else {\n\t if (lockedColumnDepth > nonLockedColumnDepth) {\n\t cell.rowSpan = rowSpan + (lockedColumnDepth - nonLockedColumnDepth);\n\t } else {\n\t cell.rowSpan = (rowSpan - (nonLockedColumnDepth - lockedColumnDepth)) || 1;\n\t }\n\t }\n\t }\n\n\t function findColumnByField(columns, field) {\n\t for (var i = 0; i < columns.length; i++) {\n\t if (columns[i].field == field) {\n\t return columns[i];\n\t }\n\t }\n\t }\n\n\t function moveCellsBetweenContainers(sources, target, leafs, columns, container, destination, groups, action) {\n\t var sourcesDepth = depth(sources);\n\t var targetDepth = depth([target]);\n\n\t if (sourcesDepth > targetDepth) {\n\t var groupCells = new Array(groups + 1).join('
| ');\n\t var rows = destination.children(\":not(.k-filter-row)\");\n\t $(new Array((sourcesDepth - targetDepth) + 1).join(\"
\" + groupCells + \"
\")).insertAfter(rows.last());\n\t }\n\n\t addRowSpanValue(destination, sourcesDepth - targetDepth);\n\n\t moveCells(leafs, columns, container, destination, action);\n\t }\n\n\t function updateCellIndex(thead, columns, offset) {\n\t offset = offset || 0;\n\n\t var position;\n\t var cell;\n\t var allColumns = columns;\n\t columns = leafColumns(columns);\n\n\t var cells = {};\n\t var rows = thead.find(\">tr:not(.k-filter-row)\");\n\n\t var filter = function() {\n\t var el = $(this);\n\t return !el.hasClass(\"k-group-cell\") && !el.hasClass(\"k-hierarchy-cell\");\n\t };\n\n\t for (var idx = 0, length = columns.length; idx < length; idx++) {\n\t position = columnPosition(columns[idx], allColumns);\n\n\t if (!cells[position.row]) {\n\t cells[position.row] = rows.eq(position.row)\n\t .find(\".k-header\")\n\t .filter(filter);\n\t }\n\n\t cell = cells[position.row].eq(position.cell);\n\t cell.attr(kendo.attr(\"index\"), offset + idx);\n\t }\n\n\n\t return columns.length;\n\t }\n\n\t function depth(columns) {\n\t var result = 1;\n\t var max = 0;\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t if (columns[idx].columns) {\n\t var temp = depth(columns[idx].columns);\n\t if (temp > max) {\n\t max = temp;\n\t }\n\t }\n\t }\n\t return result + max;\n\t }\n\n\t function moveCells(leafs, columns, container, destination, action) {\n\t var sourcePosition = columnVisiblePosition(leafs[0], columns);\n\n\t var ths = container.find(\">tr:not(.k-filter-row)\").eq(sourcePosition.row).children(\"th.k-header\");\n\n\t var t = $();\n\t var sourceIndex = sourcePosition.cell;\n\t var idx;\n\n\t for (idx = 0; idx < leafs.length; idx++) {\n\t t = t.add(ths.eq(sourceIndex + idx));\n\t }\n\n\t destination.find(\">tr:not(.k-filter-row)\").eq(sourcePosition.row)[action](t);\n\n\t var children = [];\n\t for (idx = 0; idx < leafs.length; idx++) {\n\t if (leafs[idx].columns) {\n\t children = children.concat(leafs[idx].columns);\n\t }\n\t }\n\n\t if (children.length) {\n\t moveCells(children, columns, container, destination, action);\n\t }\n\t }\n\n\t function columnPosition(column, columns, row, cellCounts) {\n\t var result;\n\t var idx;\n\n\t row = row || 0;\n\t cellCounts = cellCounts || {};\n\t cellCounts[row] = cellCounts[row] || 0;\n\n\t for (idx = 0; idx < columns.length; idx++) {\n\t if (columns[idx] == column) {\n\t result = { cell: cellCounts[row], row: row };\n\t break;\n\t } else if (columns[idx].columns) {\n\t result = columnPosition(column, columns[idx].columns, row + 1, cellCounts);\n\t if (result) {\n\t break;\n\t }\n\t }\n\n\t cellCounts[row]++;\n\t }\n\t return result;\n\t }\n\t function findParentColumnWithChildren(columns, index, source, rtl) {\n\t var target;\n\t var locked = !!source.locked;\n\t var targetLocked;\n\n\t do {\n\t target = columns[index];\n\t index += rtl ? 1 : -1;\n\t targetLocked = !!target.locked;\n\t } while(target && index > -1 && index < columns.length && target != source && !target.columns && targetLocked === locked);\n\n\t return target;\n\t }\n\n\t function findReorderTarget(columns, target, source, before, masterColumns) {\n\t if (target.columns) {\n\t target = target.columns;\n\t return target[before ? 0 : target.length - 1];\n\t } else {\n\t var parent = columnParent(target, columns);\n\t var parentColumns;\n\n\t if (parent) {\n\t parentColumns = parent.columns;\n\t } else {\n\t parentColumns = columns;\n\t }\n\n\t var index = inArray(target, parentColumns);\n\t if (index === 0 && before) {\n\t index++;\n\t } else if ((index == parentColumns.length - 1 && !before) || (!source.locked && !target.columns && !before)) {\n\t index--;\n\t } else if (index > 0 || (index === 0 && !before)) {\n\t index++;\n\t }\n\n\t var sourceIndex = inArray(source, parentColumns);\n\t target = findParentColumnWithChildren(parentColumns, index, source, sourceIndex > index);\n\t var targetIndex = inArray(target, masterColumns);\n\t if (target.columns && (!targetIndex || targetIndex === parentColumns.length -1)) {\n\t return null;\n\t }\n\n\t if (target && target != source && target.columns) {\n\t return findReorderTarget(columns, target, source, before, masterColumns);\n\t }\n\t }\n\t return null;\n\t }\n\n\t function columnVisiblePosition(column, columns, row, cellCounts) {\n\t var result;\n\t var idx;\n\n\t row = row || 0;\n\t cellCounts = cellCounts || {};\n\t cellCounts[row] = cellCounts[row] || 0;\n\n\t for (idx = 0; idx < columns.length; idx++) {\n\t if (columns[idx] == column) {\n\t result = { cell: cellCounts[row], row: row };\n\t break;\n\t } else if (columns[idx].columns) {\n\t result = columnVisiblePosition(column, columns[idx].columns, row + 1, cellCounts);\n\t if (result) {\n\t break;\n\t }\n\t }\n\n\t if (!columns[idx].hidden) {\n\t cellCounts[row]++;\n\t }\n\t }\n\t return result;\n\t }\n\n\t function flatColumnsInDomOrder(columns) {\n\t var result = flatColumns(lockedColumns(columns));\n\t return result.concat(flatColumns(nonLockedColumns(columns)));\n\t }\n\n\t function targetParentContainerIndex(flatColumns, columns, sourceIndex, targetIndex) {\n\t var column = flatColumns[sourceIndex];\n\t var target = flatColumns[targetIndex];\n\n\t var parent = columnParent(column, columns);\n\t columns = parent ? parent.columns : columns;\n\n\t return inArray(target, columns);\n\t }\n\n\t function flatColumns(columns) {\n\t var result = [];\n\t var children = [];\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t result.push(columns[idx]);\n\t if (columns[idx].columns) {\n\t children = children.concat(columns[idx].columns);\n\t }\n\n\t }\n\t if (children.length) {\n\t result = result.concat(flatColumns(children));\n\t }\n\t return result;\n\t }\n\n\t function hiddenLeafColumnsCount(columns) {\n\t var counter = 0;\n\t var column;\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t column = columns[idx];\n\n\t if (column.columns) {\n\t counter += hiddenLeafColumnsCount(column.columns);\n\t } else if (column.hidden) {\n\t counter++;\n\t }\n\t }\n\t return counter;\n\t }\n\n\t function sumWidths(cols) {\n\t var width = 0;\n\n\t for (var idx = 0, length = cols.length; idx < length; idx++) {\n\t if (!cols[idx].hidden) {\n\t width += parseInt(cols[idx].width, 10);\n\t }\n\t }\n\n\t return width;\n\t }\n\n\t function columnsWidth(cols) {\n\t var colWidth, width = 0;\n\n\t for (var idx = 0, length = cols.length; idx < length; idx++) {\n\t colWidth = cols[idx].style.width;\n\t if (colWidth && colWidth.indexOf(\"%\") == -1) {\n\t width += parseInt(colWidth, 10);\n\t }\n\t }\n\n\t return width;\n\t }\n\n\t function removeRowSpanValue(container, count) {\n\t var cells = container.find(\"tr:not(.k-filter-row) th:not(.k-group-cell,.k-hierarchy-cell)\");\n\n\t var rowSpan;\n\t for (var idx = 0; idx < cells.length; idx++) {\n\t rowSpan = cells[idx].rowSpan;\n\t if (rowSpan > 1) {\n\t cells[idx].rowSpan = (rowSpan - count) || 1;\n\t }\n\t }\n\t }\n\n\t function addRowSpanValue(container, count) {\n\t var cells = container.find(\"tr:not(.k-filter-row) th:not(.k-group-cell,.k-hierarchy-cell)\");\n\n\t for (var idx = 0; idx < cells.length; idx++) {\n\t cells[idx].rowSpan += count;\n\t }\n\t }\n\n\t function removeEmptyRows(container) {\n\t var rows = container.find(\"tr:not(.k-filter-row)\");\n\n\t var emptyRowsCount = rows.filter(function() {\n\t return !$(this).children().length;\n\t }).remove().length;\n\n\t var cells = rows.find(\"th:not(.k-group-cell,.k-hierarchy-cell)\");\n\n\t for (var idx = 0; idx < cells.length; idx++) {\n\t if (cells[idx].rowSpan > 1) {\n\t cells[idx].rowSpan -= emptyRowsCount;\n\t }\n\t }\n\t return rows.length - emptyRowsCount;\n\t }\n\n\t function mapColumnToCellRows(columns, cells, rows, rowIndex, offset) {\n\t var idx, row, length, children = [];\n\n\t for (idx = 0, length = columns.length; idx < length; idx++) {\n\t row = rows[rowIndex] || [];\n\t row.push(cells.eq(offset + idx));\n\t rows[rowIndex] = row;\n\n\t if (columns[idx].columns) {\n\t children = children.concat(columns[idx].columns);\n\t }\n\t }\n\n\t if (children.length) {\n\t mapColumnToCellRows(children, cells, rows, rowIndex + 1, offset + columns.length);\n\t }\n\t }\n\n\t function setLeftAndRightStyles(element, left, right) {\n\t element.css({\n\t \"left\": left,\n\t \"right\": right\n\t });\n\t }\n\n\t function createColumnAttribute(column, attribute, property) {\n\t column[attribute] = column[attribute] || {};\n\t column[attribute][property] = column[attribute][property] || \"\";\n\t }\n\n\t function addColumnAttribute(column, attribute, property, value) {\n\t createColumnAttribute(column, attribute, property);\n\n\t if (column[attribute][property] !== \"\") {\n\t column[attribute][property] += \" \" + value;\n\t } else {\n\t column[attribute][property] = value;\n\t }\n\t }\n\n\t function removeColumnAttribute(column, attribute, property, value) {\n\t createColumnAttribute(column, attribute, property);\n\n\t column[attribute][property] = column[attribute][property].replace(value, \"\");\n\t }\n\n\t function lockedColumns(columns) {\n\t return grep(columns, function(column) {\n\t return column.locked;\n\t });\n\t }\n\n\t function nonLockedColumns(columns) {\n\t return grep(columns, function(column) {\n\t return !column.locked;\n\t });\n\t }\n\n\t function stickyColumns(columns) {\n\t return grep(columns, function(column) {\n\t return column.sticky && !column.locked;\n\t });\n\t }\n\n\t function visibleStickyColumns(columns) {\n\t return grep(columns, function(column) {\n\t return column.sticky && !column.locked && isVisible(column);\n\t });\n\t }\n\n\t function visibleNonLockedColumns(columns) {\n\t return grep(columns, function(column) {\n\t return !column.locked && isVisible(column);\n\t });\n\t }\n\n\t function visibleLockedColumns(columns) {\n\t return grep(columns, function(column) {\n\t return column.locked && isVisible(column);\n\t });\n\t }\n\n\t function visibleLeafColumns(columns) {\n\t var result = [];\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t if (columns[idx].hidden) {\n\t continue;\n\t }\n\n\t if (columns[idx].columns) {\n\t result = result.concat(visibleLeafColumns(columns[idx].columns));\n\t } else {\n\t result.push(columns[idx]);\n\t }\n\t }\n\n\t return result;\n\t }\n\n\t function childColumns(columns) {\n\t var result = [];\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t if (columns[idx].columns) {\n\t result = result.concat(columns[idx].columns);\n\t }\n\t }\n\n\t return result;\n\t }\n\n\t function visibleChildColumns(columns) {\n\t var result = childColumns(columns);\n\n\t result = result.filter(function(e) {\n\t return !e.hidden;\n\t });\n\n\t return result;\n\t }\n\n\t function leafColumns(columns) {\n\t var result = [];\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t if (!columns[idx].columns) {\n\t result.push(columns[idx]);\n\t continue;\n\t }\n\t result = result.concat(leafColumns(columns[idx].columns));\n\t }\n\n\t return result;\n\t }\n\n\t function getColumnsFields(columns) {\n\t var result = [];\n\t columns = leafColumns(columns);\n\n\t for (var idx = 0; idx < columns.length; idx++) {\n\t if (typeof columns[idx] === \"string\") {\n\t result.push(columns[idx]);\n\t } else if (columns[idx].field) {\n\t result.push(columns[idx].field);\n\t }\n\t }\n\t return result;\n\t }\n\n\t function leafDataCells(container) {\n\t var rows = container.find(\">tr:not(.k-filter-row)\");\n\n\t var filter = function() {\n\t var el = $(this);\n\t return !el.hasClass(\"k-group-cell\") && !el.hasClass(\"k-hierarchy-cell\");\n\t };\n\n\t var cells = $();\n\t if (rows.length > 1) {\n\t cells = rows.find(\"th\")\n\t .filter(filter)\n\t .filter(function() { return this.rowSpan > 1; });\n\t }\n\n\t cells = cells.add(rows.last().find(\"th\").filter(filter));\n\n\t var indexAttr = kendo.attr(\"index\");\n\t cells.sort(function(a, b) {\n\t a = $(a);\n\t b = $(b);\n\n\t var indexA = a.attr(indexAttr);\n\t var indexB = b.attr(indexAttr);\n\n\t if (indexA === undefined) {\n\t indexA = $(a).index();\n\t }\n\t if (indexB === undefined) {\n\t indexB = $(b).index();\n\t }\n\n\t indexA = parseInt(indexA, 10);\n\t indexB = parseInt(indexB, 10);\n\t return indexA > indexB ? 1 : (indexA < indexB ? -1 : 0);\n\t });\n\n\t return cells;\n\t }\n\n\t function parentColumnsCells(cell) {\n\t var container = cell.closest(\"table\");\n\t var result = $().add(cell);\n\n\t var row = cell.closest(\"tr\");\n\t var headerRows = container.find(\"tr:not(.k-filter-row)\");\n\t var level = headerRows.index(row);\n\t if (level > 0) {\n\t var parent = headerRows.eq(level - 1);\n\t var parentCellsWithChildren = parent.find(\"th:not(.k-group-cell,.k-hierarchy-cell)\").filter(function() {\n\t return !$(this).attr(\"rowspan\");\n\t });\n\n\t var offset = 0;\n\t var index = row.find(\"th:not(.k-group-cell,.k-hierarchy-cell)\").index(cell);\n\n\t var prevCells = cell.prevAll(\":not(.k-group-cell,.k-hierarchy-cell)\").filter(function() {\n\t return this.colSpan > 1;\n\t });\n\n\t for (var idx = 0; idx < prevCells.length; idx++) {\n\t offset += prevCells[idx].colSpan || 1;\n\t }\n\n\t index += Math.max(offset - 1, 0);\n\n\t offset = 0;\n\t for (idx = 0; idx < parentCellsWithChildren.length; idx++) {\n\t var parentCell = parentCellsWithChildren.eq(idx);\n\t if (parentCell.attr(\"data-colspan\")) {\n\t offset += parentCell[0].getAttribute(\"data-colspan\");\n\t } else {\n\t offset += 1;\n\t }\n\t if (index >= idx && index < offset) {\n\t result = parentColumnsCells(parentCell).add(result);\n\t break;\n\t }\n\t }\n\t }\n\t return result;\n\t }\n\n\t function childColumnsCells(cell) {\n\t var container = cell.closest(\"thead\");\n\t var result = $().add(cell);\n\n\t var row = cell.closest(\"tr\");\n\t var headerRows = container.find(\"tr:not(.k-filter-row)\");\n\t var level = headerRows.index(row) + cell[0].rowSpan;\n\t var colSpanAttr = kendo.attr(\"colspan\");\n\n\t if (level <= headerRows.length - 1) {\n\t var child = row.next();\n\t var prevCells = cell.prevAll(\":not(.k-group-cell,.k-hierarchy-cell)\");\n\n\t var idx;\n\n\t prevCells = prevCells.filter(function() {\n\t return !this.rowSpan || this.rowSpan === 1;\n\t });\n\n\t var offset = 0;\n\n\t for (idx = 0; idx < prevCells.length; idx++) {\n\t offset += parseInt(prevCells.eq(idx).attr(colSpanAttr), 10) || 1;\n\t }\n\n\t var cells = child.find(\"th:not(.k-group-cell,.k-hierarchy-cell)\");\n\t var colSpan = parseInt(cell.attr(colSpanAttr), 10) || 1;\n\n\t idx = 0;\n\n\t while (idx < colSpan) {\n\t child = cells.eq(idx + offset);\n\t result = result.add(childColumnsCells(child));\n\t var value = parseInt(child.attr(colSpanAttr), 10);\n\t if (value > 1) {\n\t colSpan -= value - 1;\n\t }\n\t idx++;\n\t }\n\t }\n\n\t return result;\n\t }\n\n\t function appendContent(tbody, table, html, empty) {\n\t var placeholder,\n\t tmp = tbody;\n\n\t // necessary for AngularJS to cleanup its guts.\n\t if (empty) {\n\t tbody.empty();\n\t }\n\n\t if (tbodySupportsInnerHtml) {\n\t tbody[0].innerHTML = html;\n\t } else {\n\t placeholder = document.createElement(\"div\");\n\t placeholder.innerHTML = \"
\";\n\t tbody = placeholder.firstChild.firstChild;\n\t table[0].replaceChild(tbody, tmp[0]);\n\t tbody = $(tbody);\n\t }\n\t return tbody;\n\t }\n\n\t function addHiddenStyle(attr) {\n\t attr = attr || {};\n\t var style = attr.style;\n\n\t if(!style) {\n\t style = \"display:none\";\n\t } else {\n\t style = style.replace(/display:[^;]*/i, \"display:none\");\n\t if(!style.match(/display:/i)) {\n\t style = style.replace(/(.*)?/i, \"display:none;$1\");\n\t }\n\t }\n\n\t return extend({}, attr, { style: style });\n\t }\n\n\t function hasHiddenStyle(attr) {\n\t attr = attr || {};\n\t var style = attr.style || \"\";\n\n\t return style.indexOf(\"display:none\") !== -1;\n\t }\n\n\t function removeHiddenStyle(attr) {\n\t attr = attr || {};\n\t var style = attr.style;\n\n\t if(style) {\n\t attr.style = style.replace(/(display\\s*:\\s*none\\s*;?)*/ig, \"\");\n\t }\n\n\t return attr;\n\t }\n\n\t function normalizeCols(table, visibleColumns, hasDetails, groups) {\n\t var colgroup = table.find(\">colgroup\"),\n\t width,\n\t cols = map(visibleColumns, function(column) {\n\t width = column.width;\n\t if (width && parseInt(width, 10) !== 0) {\n\t return kendo.format('
', typeof width === STRING? width : width + \"px\");\n\t }\n\n\t return \"
\";\n\t });\n\n\t if (hasDetails || colgroup.find(\".k-hierarchy-col\").length) {\n\t cols.splice(0, 0, '
');\n\t }\n\n\t if (colgroup.length) {\n\t colgroup.remove();\n\t }\n\n\t colgroup = $(new Array(groups + 1).join('
') + cols.join(\"\"));\n\t if (!colgroup.is(\"colgroup\")) {\n\t colgroup = $(\"
\").append(colgroup);\n\t }\n\n\t table.prepend(colgroup);\n\t }\n\n\t function normalizeHeaderCells(container, columns) {\n\t var lastIndex = 0;\n\t var idx , len;\n\t var th = container.find(\"th:not(.k-group-cell)\");\n\n\t for (idx = 0, len = columns.length; idx < len; idx ++) {\n\t if (columns[idx].locked) {\n\t th.eq(idx).insertBefore(th.eq(lastIndex));\n\t th = container.find(\"th:not(.k-group-cell)\");\n\t lastIndex ++;\n\t }\n\t }\n\t }\n\n\t function convertToObject(array) {\n\t var result = {},\n\t item,\n\t idx,\n\t length;\n\n\t for (idx = 0, length = array.length; idx < length; idx++) {\n\t item = array[idx];\n\t result[item.value] = item.text;\n\t }\n\n\t return result;\n\t }\n\n\t function formatGroupValue(value, format, columnValues, encoded) {\n\t var isForeignKey = columnValues && columnValues.length && isPlainObject(columnValues[0]) && \"value\" in columnValues[0],\n\t groupValue = isForeignKey ? convertToObject(columnValues)[value] : value;\n\n\t groupValue = groupValue != null ? groupValue : \"\";\n\n\t return format ? kendo.format(format, groupValue) : (encoded === false ? groupValue : kendo.htmlEncode(groupValue));\n\t }\n\n\t function setCellVisibility(cells, index, visible) {\n\t var pad = 0,\n\t state,\n\t cell = cells[pad];\n\n\t while (cell) {\n\t state = visible ? true : cell.style.display !== \"none\";\n\n\t if (state && !nonDataCellsRegExp.test(cell.className) && --index < 0) {\n\t cell.style.display = visible ? \"\" : \"none\";\n\t break;\n\t }\n\n\t cell = cells[++pad];\n\t }\n\t }\n\n\t function hideColumnCells(rows, columnIndex) {\n\t var idx = 0,\n\t length = rows.length,\n\t cell, row;\n\n\t for ( ; idx < length; idx += 1) {\n\t row = rows.eq(idx);\n\t if (row.is(\".k-grouping-row,.k-detail-row\")) {\n\t cell = row.children(\":not(.k-group-cell):first,.k-detail-cell\").last();\n\t cell.attr(\"colspan\", parseInt(cell.attr(\"colspan\"), 10) - 1);\n\t } else {\n\t if (row.hasClass(\"k-grid-edit-row\") && (cell = row.children(\".k-edit-container\")[0])) {\n\t cell = $(cell);\n\t cell.attr(\"colspan\", parseInt(cell.attr(\"colspan\"), 10) - 1);\n\t cell.find(\"col\").eq(columnIndex).remove();\n\t row = cell.find(\"tr\").first();\n\t }\n\n\t setCellVisibility(row[0].cells, columnIndex, false);\n\t }\n\t }\n\t }\n\n\t function groupRows(data) {\n\t var result = [];\n\t var item;\n\n\t for (var idx = 0; idx < data.length; idx++) {\n\t item = data[idx];\n\t if (!(\"field\" in item && \"value\" in item && \"items\" in item)) {\n\t break;\n\t }\n\n\t result.push(item);\n\n\t if (item.hasSubgroups) {\n\t result = result.concat(groupRows(item.items));\n\t }\n\t }\n\n\t return result;\n\t }\n\n\t function groupFooters(data) {\n\t var result = [];\n\t var item;\n\n\t for (var idx = 0; idx < data.length; idx++) {\n\t item = data[idx];\n\t if (!(\"field\" in item && \"value\" in item && \"items\" in item)) {\n\t break;\n\t }\n\n\t if (item.hasSubgroups) {\n\t result = result.concat(groupFooters(item.items));\n\t }\n\n\t result.push(item.aggregates);\n\t }\n\n\t return result;\n\t }\n\n\t function showColumnCells(rows, columnIndex) {\n\t var idx = 0,\n\t length = rows.length,\n\t cell, row, columns;\n\n\t for ( ; idx < length; idx += 1) {\n\t row = rows.eq(idx);\n\t if (row.is(\".k-grouping-row,.k-detail-row\")) {\n\t cell = row.children(\":not(.k-group-cell):first,.k-detail-cell\").last();\n\t cell.attr(\"colspan\", parseInt(cell.attr(\"colspan\"), 10) + 1);\n\t } else {\n\t if (row.hasClass(\"k-grid-edit-row\") && (cell = row.children(\".k-edit-container\")[0])) {\n\t cell = $(cell);\n\t cell.attr(\"colspan\", parseInt(cell.attr(\"colspan\"), 10) + 1);\n\t normalizeCols(cell.find(\">form>table\"), visibleColumns(columns), false, 0);\n\t row = cell.find(\"tr\").first();\n\t }\n\n\t setCellVisibility(row[0].cells, columnIndex, true);\n\t }\n\t }\n\t }\n\n\t function updateColspan(toAdd, toRemove, num) {\n\t num = num || 1;\n\n\t var item, idx, length;\n\t for (idx = 0, length = toAdd.length; idx < length; idx++) {\n\t item = toAdd.eq(idx).children().last();\n\t item.attr(\"colspan\", parseInt(item.attr(\"colspan\"), 10) + num);\n\n\t item = toRemove.eq(idx).children().last();\n\t item.attr(\"colspan\", parseInt(item.attr(\"colspan\"), 10) - num);\n\t }\n\t }\n\n\t function tableWidth(table) {\n\t var idx, length, width = 0;\n\t var cols = table.find(\">colgroup>col\");\n\n\t for (idx = 0, length = cols.length; idx < length; idx += 1) {\n\t width += parseInt(cols[idx].style.width, 10);\n\t }\n\n\t return width;\n\t }\n\n\t var Grid = kendo.ui.DataBoundWidget.extend({\n\t init: function(element, options, events) {\n\t var that = this;\n\n\t options = isArray(options) ? { dataSource: options } : options;\n\n\t Widget.fn.init.call(that, element, options);\n\n\t if (events) {\n\t that._events = events;\n\t }\n\n\t isRtl = kendo.support.isRtl(element);\n\n\t that._element();\n\n\t that._aria();\n\n\t that._columns($.extend(true, [], that.options.columns));\n\n\t if (that._foreignKeyPromises) {\n\t $.when.apply(null, that._foreignKeyPromises)\n\t .then(function () {\n\t that._foreignKeyPromises = null;\n\t that._continueInit();\n\t });\n\t } else {\n\t that._continueInit();\n\t }\n\t },\n\n\t _continueInit: function () {\n\t var that = this;\n\n\t that._dataSource();\n\n\t that._stickyColumns();\n\n\t that._tbody();\n\n\t that._thead();\n\n\t that._groupable();\n\n\t that._toolbar();\n\n\t that._pageable();\n\n\t that._setContentHeight();\n\n\t that._templates();\n\n\t that._navigatable();\n\n\t that._selectable();\n\n\t that._clipboard();\n\n\t that._details();\n\n\t that._editable();\n\n\t that._attachCustomCommandsEvent();\n\n\t that._adaptiveColumns();\n\n\t that._minScreenSupport();\n\n\t if (that.options.autoBind) {\n\t that.dataSource.fetch();\n\t } else {\n\t that._group = that._groups() > 0;\n\t that._footer();\n\t }\n\n\t if (that.lockedContent) {\n\t that.wrapper.addClass(\"k-grid-lockedcolumns\");\n\t that._resizeHandler = function () {\n\t that.resize();\n\t };\n\t $(window).on(\"resize\" + NS, that._resizeHandler);\n\t }\n\n\t kendo.notify(that);\n\t },\n\n\t events: [\n\t CHANGE,\n\t \"dataBinding\",\n\t \"cancel\",\n\t DATABOUND,\n\t DETAILEXPAND,\n\t DETAILCOLLAPSE,\n\t DETAILINIT,\n\t FILTERMENUINIT,\n\t FILTERMENUOPEN,\n\t COLUMNMENUINIT,\n\t COLUMNMENUOPEN,\n\t EDIT,\n\t BEFOREEDIT,\n\t SAVE,\n\t REMOVE,\n\t SAVECHANGES,\n\t CELLCLOSE,\n\t COLUMNRESIZE,\n\t COLUMNREORDER,\n\t COLUMNSHOW,\n\t COLUMNHIDE,\n\t COLUMNLOCK,\n\t COLUMNUNLOCK,\n\t COLUMNSTICK,\n\t COLUMNUNSTICK,\n\t ROWREORDER,\n\t NAVIGATE,\n\t \"page\",\n\t \"sort\",\n\t \"filter\",\n\t \"group\",\n\t \"groupExpand\",\n\t \"groupCollapse\",\n\t \"kendoKeydown\"\n\t ],\n\n\t setDataSource: function(dataSource) {\n\t var that = this;\n\t var scrollable = that.options.scrollable;\n\t var scrollableContent;\n\n\t that.options.dataSource = dataSource;\n\n\t that._dataSource();\n\n\t that._pageable();\n\n\t that._thead();\n\n\t if (scrollable) {\n\t if (scrollable.virtual) {\n\t scrollableContent = that.content.find(\">.k-virtual-scrollable-wrap\");\n\t kendo.scrollLeft(scrollableContent, leftMostPosition(scrollableContent, isRtl));\n\t } else {\n\t scrollableContent = that.tbody;\n\t kendo.scrollLeft(that.content, leftMostPosition(scrollableContent, isRtl));\n\t }\n\t }\n\n\t if (that.options.groupable) {\n\t that._groupable();\n\t }\n\n\t if (that.virtualScrollable) {\n\t that.virtualScrollable.setDataSource(that.options.dataSource);\n\t }\n\n\t if (that.options.navigatable) {\n\t that._navigatable();\n\t }\n\n\t if (that.options.selectable) {\n\t that._selectable();\n\t }\n\n\t if (that.options.autoBind) {\n\t that.dataSource.fetch();\n\t } else {\n\t that._footer();\n\t }\n\t },\n\n\t options: {\n\t name: \"Grid\",\n\t columns: [],\n\t toolbar: null,\n\t autoBind: true,\n\t filterable: false,\n\t scrollable: true,\n\t sortable: false,\n\t selectable: false,\n\t allowCopy: false,\n\t navigatable: false,\n\t pageable: false,\n\t persistSelection: false,\n\t editable: false,\n\t encodeTitles: false,\n\t groupable: false,\n\t rowTemplate: \"\",\n\t altRowTemplate: \"\",\n\t search: false,\n\t noRecords: false,\n\t dataSource: {},\n\t height: null,\n\t resizable: false,\n\t reorderable: false,\n\t columnMenu: false,\n\t detailTemplate: null,\n\t columnResizeHandleWidth: 3,\n\t mobile: \"\",\n\t loaderType: \"loadingPanel\",\n\t messages: {\n\t editable: {\n\t cancelDelete: CANCELDELETE,\n\t confirmation: DELETECONFIRM,\n\t confirmDelete: CONFIRMDELETE\n\t },\n\t commands: {\n\t create: defaultCommands.create.text,\n\t cancel: defaultCommands.cancel.text,\n\t save: defaultCommands.save.text,\n\t destroy: defaultCommands.destroy.text,\n\t edit: defaultCommands.edit.text,\n\t update: defaultCommands.update.text,\n\t canceledit: defaultCommands.canceledit.text,\n\t excel: defaultCommands.excel.text,\n\t pdf: defaultCommands.pdf.text,\n\t search: defaultCommands.search.text\n\t },\n\t noRecords: NORECORDS,\n\t expandCollapseColumnHeader: \"\",\n\t groupHeader: \"Press ctrl + space to group\",\n\t ungroupHeader: \"Press ctrl + space to ungroup\",\n\t itemsSelected: \"items selected\",\n\t dragHandleLabel: \"Drag row\"\n\t },\n\t width: null\n\t },\n\n\t destroy: function() {\n\t var that = this,\n\t element;\n\n\t that._angularItems(\"cleanup\");\n\t that._destroyColumnAttachments();\n\n\t Widget.fn.destroy.call(that);\n\n\t if (this._navigatableTables) {\n\t this._navigatableTables.off(NS);\n\t this._navigatableTables = null;\n\t this._headertables = null;\n\t }\n\n\t if (that._resizeHandler) {\n\t $(window).off(\"resize\" + NS, that._resizeHandler);\n\t }\n\n\t if (that.pager && that.pager.element) {\n\t that.pager.destroy();\n\t }\n\n\t if (that.timer) {\n\t clearTimeout(that.timer);\n\t }\n\n\t if (that._progressTimeOut) {\n\t clearTimeout(that._progressTimeOut);\n\t }\n\n\t if (that._collapseGroupsTimeOut) {\n\t clearTimeout(that._collapseGroupsTimeOut);\n\t }\n\n\t if (that._endlessFetchTimeOut) {\n\t clearTimeout(that._endlessFetchTimeOut);\n\t }\n\n\t that.pager = null;\n\n\t that._destroyGroupable();\n\n\t if (that.options.reorderable === true || (that.options.reorderable && that.options.reorderable.columns)) {\n\t that.wrapper.data(\"kendoReorderable\").destroy();\n\t }\n\n\t if (that._hasReorderableRows()) {\n\t that.tbody.data(\"kendoReorderable\").destroy();\n\t }\n\n\t if (that.selectable && that.selectable.element) {\n\t that.selectable.destroy();\n\n\t that.clearArea();\n\t that._selectedIds = null;\n\n\t if (that.copyHandler) {\n\t that.wrapper.off(\"keydown\", that.copyHandler);\n\t that.unbind(that.copyHandler);\n\t }\n\t if (that.updateClipBoardState) {\n\t that.unbind(that.updateClipBoardState);\n\t that.updateClipBoardState = null;\n\t }\n\t if (that.clearAreaHandler) {\n\t that.wrapper.off(\"keyup\", that.clearAreaHandler);\n\t }\n\t }\n\n\t that.selectable = null;\n\n\t if (that.resizable) {\n\t that.resizable.destroy();\n\n\t if (that._resizeUserEvents) {\n\t if (that._resizeHandleDocumentClickHandler) {\n\t $(document).off(\"click\", that._resizeHandleDocumentClickHandler);\n\t }\n\t that._resizeUserEvents.destroy();\n\t that._resizeUserEvents = null;\n\t }\n\t that.resizable = null;\n\t }\n\n\t that._destroyVirtualScrollable();\n\n\t if (that.editableUserEvents) {\n\t that.editableUserEvents.destroy();\n\t that.editableUserEvents = null;\n\t }\n\n\t if (that._lockedContentUserEvents) {\n\t that._lockedContentUserEvents.destroy();\n\t that._lockedContentUserEvents = null;\n\t }\n\n\t that._destroyEditable();\n\n\t if (that.dataSource) {\n\t that.dataSource.unbind(CHANGE, that._refreshHandler)\n\t .unbind(PROGRESS, that._progressHandler)\n\t .unbind(ERROR, that._errorHandler)\n\t .unbind(SORT, that._clearSortClasses);\n\n\t that._refreshHandler = that._progressHandler = that._errorHandler = that._clearSortClasses = null;\n\t }\n\n\t element = that.element\n\t .add(that.wrapper)\n\t .add(that.table)\n\t .add(that.thead)\n\t .add(that.wrapper.find(\">.k-grid-toolbar\"));\n\n\t if (that.content) {\n\t element = element\n\t .add(that.content)\n\t .add(that.content.find(\">.k-virtual-scrollable-wrap\"));\n\t }\n\n\t if (that.lockedHeader) {\n\t that._removeLockedContainers();\n\t }\n\n\t if (that.pane) {\n\t that.pane.destroy();\n\t }\n\n\t if (that._isMobile) {\n\t that.wrapper.off(\"transitionend\" + NS);\n\t that.wrapper.off(\"contextmenu\" + NS);\n\t }\n\n\t if (that.minScreenResizeHandler) {\n\t $(window).off(\"resize\", that.minScreenResizeHandler);\n\t }\n\n\t that._detachColumnMediaResizeHandler();\n\n\t if (that._draggableInstance && that._draggableInstance.element) {\n\t that._draggableInstance.destroy();\n\t }\n\n\t that._draggableInstance = null;\n\n\t if (that._draggableRowsInstance && that._draggableRowsInstance.element) {\n\t that._draggableRowsInstance.destroy();\n\t }\n\n\t that._draggableRowsInstance = null;\n\n\t element.off(NS);\n\n\t kendo.destroy(that.wrapper);\n\n\t that.rowTemplate =\n\t that.altRowTemplate =\n\t that.lockedRowTemplate =\n\t that.lockedAltRowTemplate =\n\t that.detailTemplate =\n\t that.footerTemplate =\n\t that.groupFooterTemplate =\n\t that.lockedGroupFooterTemplate =\n\t that.noRecordsTemplate = null;\n\n\t that.scrollables =\n\t that.thead =\n\t that.tbody =\n\t that.element =\n\t that.table =\n\t that.content =\n\t that.footer =\n\t that.wrapper =\n\t that.lockedTable =\n\t that.lockedContent =\n\t that.lockedHeader =\n\t that.lockedFooter =\n\t that._groupableClickHandler =\n\t that._groupRows =\n\t that._setContentWidthHandler = null;\n\t },\n\n\t getOptions: function() {\n\t var options = this.options;\n\t options.dataSource = null;\n\n\t var result = extend(true, {}, this.options);\n\t result.columns = kendo.deepExtend([], this.columns);\n\n\t var dataSource = this.dataSource;\n\n\t var initialData = dataSource.options.data && dataSource._data;\n\t dataSource.options.data = null;\n\n\t result.dataSource = $.extend(true, {}, dataSource.options);\n\n\t dataSource.options.data = initialData;\n\n\t result.dataSource.data = initialData;\n\t result.dataSource.page = dataSource.page();\n\t result.dataSource.filter = $.extend(true, {}, dataSource.filter());\n\t result.dataSource.pageSize = dataSource.pageSize();\n\t result.dataSource.sort = dataSource.sort();\n\t result.dataSource.group = dataSource.group();\n\t result.dataSource.aggregate = dataSource.aggregate();\n\n\t if (result.dataSource.transport) {\n\t result.dataSource.transport.dataSource = null;\n\t }\n\n\t if (result.pageable && result.pageable.pageSize) {\n\t result.pageable.pageSize = dataSource.pageSize();\n\t }\n\n\t result.$angular = undefined;\n\n\t return result;\n\t },\n\n\t setOptions: function(options) {\n\t var currentOptions = this.getOptions();\n\t kendo.deepExtend(currentOptions, options);\n\t if (!options.dataSource) {\n\t currentOptions.dataSource = this.dataSource;\n\t } else {\n\t if (options.dataSource.filter) {\n\t currentOptions.dataSource.filter = options.dataSource.filter;\n\t }\n\t }\n\t var wrapper = this.wrapper;\n\t var events = this._events;\n\t var element = this.element;\n\n\t this.destroy();\n\t this.options = null;\n\t if (this._isMobile) {\n\t var mobileWrapper = wrapper.closest(kendo.roleSelector(\"pane\")).parent();\n\t mobileWrapper.after(wrapper);\n\t mobileWrapper.remove();\n\t wrapper.removeClass(\"k-grid-mobile\");\n\t }\n\t if (wrapper[0] !== element[0]) {\n\t wrapper.before(element);\n\t wrapper.remove();\n\t }\n\t element.empty();\n\n\t this.init(element, currentOptions, events);\n\t this._setEvents(currentOptions);\n\t },\n\n\t items: function() {\n\t if (this.lockedContent) {\n\t return this._items(this.tbody).add(this._items(this.lockedTable.children(\"tbody\")));\n\t } else {\n\t return this._items(this.tbody);\n\t }\n\t },\n\n\t _items: function(container, includeGroupRows) {\n\t return container.children().filter(function() {\n\t var tr = $(this);\n\t return (includeGroupRows ? !tr.hasClass(\"k-detail-row\") : !tr.hasClass(\"k-grouping-row\")) && !tr.hasClass(\"k-detail-row\") && !tr.hasClass(\"k-group-footer\");\n\t });\n\t },\n\n\t dataItems: function() {\n\t var dataItems = kendo.ui.DataBoundWidget.fn.dataItems.call(this);\n\t if (this.lockedContent) {\n\t var n = dataItems.length, tmp = new Array(2 * n);\n\t for (var i = n; --i >= 0;) {\n\t tmp[i] = tmp[i + n] = dataItems[i];\n\t }\n\t dataItems = tmp;\n\t }\n\n\t return dataItems;\n\t },\n\n\t _destroyColumnAttachments: function() {\n\t var that = this;\n\n\t that.resizeHandle = null;\n\n\t if (!that.thead) {\n\t return;\n\t }\n\n\t this.angular(\"cleanup\", function(){\n\t return { elements: that.thead.get() };\n\t });\n\n\t that.thead.add(that.lockedHeader).find(\"th\").each(function(){\n\t var th = $(this),\n\t filterMenu = th.data(\"kendoFilterMenu\"),\n\t sortable = th.data(\"kendoColumnSorter\"),\n\t columnMenu = th.data(\"kendoColumnMenu\");\n\n\t if (filterMenu) {\n\t filterMenu.destroy();\n\t }\n\n\t if (sortable) {\n\t sortable.destroy();\n\t }\n\n\t if (columnMenu) {\n\t columnMenu.destroy();\n\t }\n\t });\n\t },\n\n\t _attachCustomCommandsEvent: function() {\n\t var that = this,\n\t columns = leafColumns(that.columns || []),\n\t command,\n\t idx,\n\t length;\n\n\t for (idx = 0, length = columns.length; idx < length; idx++) {\n\t command = columns[idx].command;\n\n\t if (command) {\n\t attachCustomCommandEvent(that, that.wrapper, command);\n\t }\n\t }\n\t },\n\n\t _aria: function() {\n\t var id = this.element.attr(\"id\") || \"aria\";\n\n\t if (id) {\n\t this._cellId = id + \"_active_cell\";\n\t }\n\t },\n\n\t _element: function() {\n\t var that = this,\n\t table = that.element;\n\n\t if (!table.is(\"table\")) {\n\t if (that.options.scrollable) {\n\t table = that.element.find(\"> .k-grid-content > table\");\n\t } else {\n\t table = that.element.children(\"table\");\n\t }\n\n\t if (!table.length) {\n\t table = $(\"
\").appendTo(that.element);\n\t }\n\t }\n\n\t that.table = table.attr(\"role\", that._hasDetails() ? \"treegrid\" : \"grid\");\n\n\t that._wrapper();\n\t },\n\n\t _createResizeHandle: function(container, th) {\n\t var that = this;\n\t var indicatorWidth = that.options.columnResizeHandleWidth;\n\t var scrollable = that.options.scrollable;\n\t var resizeHandle = that.resizeHandle;\n\t var halfResizeHandle = (indicatorWidth * 3) / 2;\n\t var rtlCorrection = 0;\n\t var headerWrap;\n\t var ieCorrection;\n\t var webkitCorrection;\n\t var firefoxCorrection;\n\t var leftMargin;\n\t var invisibleSpace;\n\t var leftBorderWidth;\n\t var scrollLeft;\n\t var left;\n\t var top;\n\n\t if (resizeHandle && that.lockedContent && resizeHandle.data(\"th\")[0] !== th[0]) {\n\t resizeHandle.off(NS).remove();\n\t resizeHandle = null;\n\t }\n\n\t if (!resizeHandle) {\n\t resizeHandle = that.resizeHandle = $('
');\n\t container.append(resizeHandle);\n\t }\n\n\t scrollLeft = kendo.scrollLeft(container);\n\n\t if(isRtl && (browser.mozilla || (browser.webkit && browser.version >= 85))) {\n\t scrollLeft = scrollLeft * -1;\n\t }\n\n\t leftBorderWidth = parseFloat(container.css(\"borderLeftWidth\"));\n\n\t left = th.offset().left + scrollLeft - parseFloat(th.css(\"marginLeft\")) - (container.offset().left + leftBorderWidth);\n\n\t if (!isRtl) {\n\t left += th[0].offsetWidth;\n\t } else {\n\t if (scrollable) {\n\t rtlCorrection = (left <= scrollLeft ? halfResizeHandle : 0);// when shown on first column headers are misaligned due to the width of the resize handler\n\t headerWrap = th.closest(\".k-grid-header-wrap, .k-grid-header-locked\");\n\t invisibleSpace = headerWrap[0].scrollWidth - headerWrap[0].offsetWidth; // the difference between the entire width and the visible area\n\t leftMargin = parseFloat(headerWrap.css(\"marginLeft\"));\n\t ieCorrection = browser.msie ? 2*kendo.scrollLeft(headerWrap) + leftBorderWidth - leftMargin - rtlCorrection: 0;\n\t webkitCorrection = -rtlCorrection;\n\t firefoxCorrection = browser.mozilla ? leftBorderWidth - leftMargin - rtlCorrection : 0;\n\n\t left -= webkitCorrection + firefoxCorrection + ieCorrection;\n\t }\n\t }\n\n\t top = th.offset().top - parseFloat(th.css(\"marginTop\")) - (container.offset().top + parseFloat(container.css(\"borderTopWidth\")));\n\n\t resizeHandle.css({\n\t top: top, //scrollable ? 0 : heightAboveHeader(that.wrapper),\n\t left: left - halfResizeHandle,\n\t height: outerHeight(th),\n\t width: indicatorWidth * 3 - rtlCorrection\n\t })\n\t .data(\"th\", th)\n\t .show();\n\n\t resizeHandle.off(\"dblclick\" + NS).on(\"dblclick\" + NS, function () {\n\t that._autoFitLeafColumn(parseInt(th.attr(kendo.attr(\"index\")), 10));\n\t });\n\t },\n\n\t _positionColumnResizeHandle: function() {\n\t var that = this,\n\t lockedHead = that.lockedHeader ? that.lockedHeader.find(\"thead\").first() : $();\n\n\t that.thead.add(lockedHead).on(\"mousemove\" + NS, \"tr:not(.k-filter-row) > th\", function (e) {\n\t var button = typeof e.buttons !== \"undefined\" ? e.buttons : (e.which || e.button);\n\n\t var th = $(this);\n\t if (th.hasClass(\"k-group-cell\") || th.hasClass(\"k-hierarchy-cell\")) {\n\t return;\n\t }\n\n\t if (typeof button !== \"undefined\" && button !== 0) {\n\t //do not create a new resize handle if a mouse button is still pressed\n\t //this happens during resizing or before UserEvents trigger \"start\"\n\t return;\n\t }\n\n\t if (th[0].hasAttribute(kendo.attr(COLSPAN))) {\n\t // resizing multi-column headers is not supported\n\t return;\n\t }\n\n\t that._createResizeHandle(th.closest(\"div\"), th);\n\t });\n\t },\n\n\t _resizeHandleDocumentClick: function(e) {\n\t if ($(e.target).closest(\".k-column-active\").length) {\n\t return;\n\t }\n\n\t $(document).off(e);\n\n\t this._resetResizeHandleHeader();\n\t this._hideResizeHandle();\n\t },\n\n\t _resetResizeHandleHeader: function() {\n\t var th;\n\n\t if (!this.resizeHandle) {\n\t return;\n\t }\n\n\t th = $(this.resizeHandle).data(\"th\");\n\n\t if (th) {\n\t th.find(DOT + LINK_CLASS).find(DOT + ICON_CLASS).show();\n\t th.find(DOT + ORDER_CLASS).show();\n\t th.find(DOT + HEADER_COLUMN_MENU_CLASS).show();\n\t th.find(DOT + FILTER_MENU_CLASS).show();\n\t }\n\t },\n\n\t _hideResizeHandle: function() {\n\t if (this.resizeHandle) {\n\t this.resizeHandle.data(\"th\")\n\t .removeClass(\"k-column-active\");\n\n\t if (this.lockedContent && !this._isMobile) {\n\t this.resizeHandle.off(NS).remove();\n\t this.resizeHandle = null;\n\t } else {\n\t this.resizeHandle.hide();\n\t }\n\t }\n\t },\n\n\t _positionColumnResizeHandleTouch: function() {\n\t var that = this,\n\t lockedHead = that.lockedHeader ? that.lockedHeader.find(\"thead\").first() : $();\n\n\t that._resizeUserEvents = new kendo.UserEvents(lockedHead.add(that.thead), {\n\t filter: \"th:not(.k-group-cell):not(.k-hierarchy-cell)\",\n\t threshold: 10,\n\t minHold: 500,\n\t hold: function(e) {\n\t var th = $(e.target);\n\n\t e.preventDefault();\n\n\t if (that.resizeHandle) {\n\t that.resizeHandle.data(\"th\")\n\t .removeClass(\"k-column-active\");\n\t that._resetResizeHandleHeader();\n\t }\n\n\t th.addClass(\"k-column-active\");\n\n\t th.find(DOT + LINK_CLASS).find(DOT + ICON_CLASS).hide();\n\t th.find(DOT + ORDER_CLASS).hide();\n\t th.find(DOT + HEADER_COLUMN_MENU_CLASS).hide();\n\t th.find(DOT + FILTER_MENU_CLASS).hide();\n\n\t that._createResizeHandle(th.closest(\"div\"), th);\n\n\t if (!that._resizeHandleDocumentClickHandler) {\n\t that._resizeHandleDocumentClickHandler = proxy(that._resizeHandleDocumentClick, that);\n\t }\n\n\t $(document).on(\"click\", that._resizeHandleDocumentClickHandler);\n\t }\n\t });\n\t },\n\n\t resizeColumn: function(column, columnWidth) {\n\t var that = this;\n\t var isLocked = !!column.locked;\n\t var isHidden = !!column.hidden;\n\t var options = this.options;\n\t var scrollbar = !kendo.support.mobileOS ? kendo.support.scrollbar() : 0;\n\t var index = isLocked ? inArray(column, visibleLockedColumns(visibleLeafColumns(that.columns))) : inArray(column, visibleNonLockedColumns(visibleLeafColumns(that.columns)));\n\t var contentTable = isLocked ? that.lockedTable : that.table;\n\t var footer = that.footer || $();\n\t var header = isLocked ? that.lockedHeader.find(\"table\") : that.thead.closest(\"table\");\n\t var columnMinWidth = column.minResizableWidth || 10;\n\t var gridWidth = isLocked ? outerWidth(contentTable.find(\"tbody\")) : outerWidth(that.tbody); // IE returns 0 if grid is empty and scrolling is enabled\n\t var col;\n\n\t if (isHidden) {\n\t column.width = columnWidth > columnMinWidth ? columnWidth : columnMinWidth;\n\t return;\n\t }\n\n\t if (that.footer && that.lockedContent) {\n\t footer = isLocked ? that.footer.children(\".k-grid-footer-locked\") : that.footer.children(\".k-grid-footer-wrap\");\n\t }\n\n\t if (options.scrollable) {\n\n\t col = header.find(\"col:not(.k-group-col,.k-hierarchy-col)\").eq(index)\n\t .add(contentTable.children(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index))\n\t .add(footer.find(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index));\n\t } else {\n\t col = contentTable.find(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index);\n\t }\n\n\t if (options.scrollable) {\n\t var constrain = false;\n\t var totalWidth = that.wrapper.width() - scrollbar;\n\t var width = columnWidth = columnWidth > columnMinWidth ? columnWidth : columnMinWidth;\n\n\t if (isLocked && gridWidth - columnWidth + width > totalWidth) {\n\t width = columnWidth + (totalWidth - gridWidth - scrollbar * 2);\n\t if (width < 0) {\n\t width = columnWidth;\n\t }\n\t constrain = true;\n\t }\n\n\t if (width > 10 && width >= columnMinWidth) {\n\t col.css('width', width);\n\n\t if (gridWidth) {\n\t if (constrain) {\n\t width = totalWidth - scrollbar * 2;\n\t } else {\n\t width = gridWidth + (columnWidth - column.width);\n\t }\n\n\t contentTable\n\t .add(header)\n\t .add(footer)\n\t .css('width', width);\n\n\t if (!isLocked) {\n\t that._footerWidth = width;\n\t }\n\t }\n\t }\n\n\t that._scrollVirtualWrapperOnColumnResize();\n\t } else if (columnWidth > 10 && columnWidth >= columnMinWidth) {\n\t col.css('width', columnWidth);\n\t }\n\n\t column.width = columnWidth;\n\n\t that._applyLockedContainersWidth();\n\t that._syncLockedContentHeight();\n\t that._syncLockedHeaderHeight();\n\t that._updateStickyColumns();\n\t },\n\n\t _resizable: function() {\n\t var that = this,\n\t options = that.options,\n\t container,\n\t columnStart,\n\t columnWidth,\n\t columnMinWidth,\n\t gridWidth,\n\t isMobile = this._isMobile,\n\t scrollbar = !kendo.support.mobileOS ? kendo.support.scrollbar() : 0,\n\t isLocked,\n\t col, th;\n\n\t if (options.resizable) {\n\t container = options.scrollable ? that.wrapper.find(\".k-grid-header-wrap\").first() : that.wrapper;\n\n\t if (isMobile) {\n\t that._positionColumnResizeHandleTouch(container);\n\t } else {\n\t that._positionColumnResizeHandle(container);\n\t }\n\n\t if (that.resizable) {\n\t that.resizable.destroy();\n\t }\n\n\t that.resizable = new ui.Resizable(container.add(that.lockedHeader), {\n\t handle: (!!options.scrollable ? \"\" : \">\") + \".k-resize-handle\",\n\t hint: function(handle) {\n\t return $('
').css({\n\t height: outerHeight(handle.data(\"th\")) + that.tbody.attr(\"clientHeight\")\n\t });\n\t },\n\t start: function(e) {\n\t th = $(e.currentTarget).data(\"th\");\n\n\t if (isMobile) {\n\t that._hideResizeHandle();\n\t }\n\n\t var header = th.closest(\"table\"),\n\t index = $.inArray(th[0], leafDataCells(th.closest(\"thead\")).filter(\":visible\"));\n\n\t isLocked = header.parent().hasClass(\"k-grid-header-locked\");\n\n\t var contentTable = isLocked ? that.lockedTable : that.table,\n\t footer = that.footer || $();\n\n\t if (that.footer && that.lockedContent) {\n\t footer = isLocked ? that.footer.children(\".k-grid-footer-locked\") : that.footer.children(\".k-grid-footer-wrap\");\n\t }\n\n\t cursor(that.wrapper, 'col-resize');\n\n\t if (options.scrollable) {\n\t col = header.find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index)\n\t .add(contentTable.children(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index))\n\t .add(footer.find(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index));\n\t } else {\n\t col = contentTable.children(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index);\n\t }\n\n\t var columns = $.map(that.columns, function(a) {\n\t return !a.hidden && ((isLocked && a.locked) || ((!isLocked && !a.locked))) ? a : null;\n\t });\n\n\t columnStart = e.x.location;\n\t columnWidth = outerWidth(th);\n\t columnMinWidth = leafColumns(columns)[index].minResizableWidth || 10;\n\t gridWidth = isLocked ? outerWidth(contentTable.children(\"tbody\")) : outerWidth(that.tbody); // IE returns 0 if grid is empty and scrolling is enabled\n\n\t // fix broken UI in Chrome38+\n\t if (browser.webkit) {\n\t that.wrapper.addClass(\"k-grid-column-resizing\");\n\t }\n\t },\n\t resize: function(e) {\n\t var rtlMultiplier = isRtl ? -1 : 1,\n\t currentWidth = columnWidth + (e.x.location * rtlMultiplier) - (columnStart * rtlMultiplier);\n\n\t if (options.scrollable) {\n\t var footer;\n\t if (isLocked && that.lockedFooter) {\n\t footer = that.lockedFooter.children(\"table\");\n\t } else if (that.footer) {\n\t footer = that.footer.find(\">.k-grid-footer-wrap>table\");\n\t }\n\t if (!footer || !footer[0]) {\n\t footer = $();\n\t }\n\t var header = th.closest(\"table\");\n\t var contentTable = isLocked ? that.lockedTable : that.table;\n\t var constrain = false;\n\t var totalWidth = that.wrapper.width() - scrollbar;\n\t var width = currentWidth;\n\n\t if (isLocked && gridWidth - columnWidth + width > totalWidth) {\n\t width = columnWidth + (totalWidth - gridWidth - scrollbar * 2);\n\t if (width < 0) {\n\t width = currentWidth;\n\t }\n\t constrain = true;\n\t }\n\n\t if (width > 10 && width >= columnMinWidth) {\n\t col.css('width', width);\n\n\t if (gridWidth) {\n\t if (constrain) {\n\t width = totalWidth - scrollbar * 2;\n\t } else {\n\t width = gridWidth + (e.x.location * rtlMultiplier) - (columnStart * rtlMultiplier);\n\t }\n\n\t contentTable\n\t .add(header)\n\t .add(footer)\n\t .css('width', width);\n\n\t if (!isLocked) {\n\t that._footerWidth = width;\n\t }\n\t }\n\t }\n\n\t that._scrollVirtualWrapperOnColumnResize();\n\t } else if (currentWidth > 10 && currentWidth >= columnMinWidth) {\n\t col.css('width', currentWidth);\n\t }\n\t },\n\t resizeend: function() {\n\t var newWidth = outerWidth(th),\n\t column,\n\t header;\n\n\t cursor(that.wrapper, \"\");\n\n\t if (browser.webkit) {\n\t that.wrapper.removeClass(\"k-grid-column-resizing\");\n\t }\n\n\t if (columnWidth != newWidth) {\n\t header = that.lockedHeader ? that.lockedHeader.find(\"thead\").first().find(\"tr\").first().add(that.thead.find(\"tr\").first()) : th.parent();\n\n\t var index = th.attr(kendo.attr(\"index\"));\n\t if (!index) {\n\t index = header.find(\"th:not(.k-group-cell):not(.k-hierarchy-cell)\").index(th);\n\t }\n\t column = leafColumns(that.columns)[index];\n\n\t column.width = newWidth;\n\n\t that.trigger(COLUMNRESIZE, {\n\t column: column,\n\t oldWidth: columnWidth,\n\t newWidth: newWidth\n\t });\n\n\t that._applyLockedContainersWidth();\n\t that._syncLockedContentHeight();\n\t that._syncLockedHeaderHeight();\n\t that._updateStickyColumns();\n\t }\n\n\t that._resetResizeHandleHeader();\n\t that._hideResizeHandle();\n\t th = null;\n\t }\n\t });\n\n\t }\n\t },\n\n\t _draggable: function() {\n\t var that = this,\n\t reorderable = that.options.reorderable;\n\n\t if (reorderable === true || (reorderable && reorderable.columns)) {\n\n\t if (that._draggableInstance) {\n\t that._draggableInstance.destroy();\n\t }\n\n\t var header = that.wrapper.children(\".k-grid-header\");\n\n\t that._draggableInstance = that.wrapper.kendoDraggable({\n\t group: kendo.guid(),\n\t autoScroll: true,\n\t filter: that.content ? \".k-grid-header:first \" + HEADERCELLS : \"table:first>.k-grid-header \" + HEADERCELLS,\n\t dragstart: function() {\n\t header.children(\".k-grid-header-wrap\").off(\"scroll\" + NS + \"scrolling\").on(\"scroll\" + NS + \"scrolling\", function (e) {\n\t if (that.virtualScrollable) {\n\t kendo.scrollLeft(that.content.find(\">.k-virtual-scrollable-wrap\"), this.scrollLeft);\n\t } else {\n\t kendo.scrollLeft(that.scrollables.not(e.currentTarget), this.scrollLeft);\n\t }\n\t });\n\t },\n\t dragend: function() {\n\t that._resetResizeHandleHeader();\n\t header.children(\".k-grid-header-wrap\").off(\"scroll\" + NS + \"scrolling\");\n\t },\n\t drag: function() {\n\t that._hideResizeHandle();\n\t },\n\t hint: function(target) {\n\t var title = target.attr(kendo.attr(\"title\"));\n\t if (title) {\n\t title = kendo.htmlEncode(title);\n\t }\n\t return $('
')\n\t .html(title || target.attr(kendo.attr(\"field\")) || target.text())\n\t .prepend('
');\n\t }\n\t }).data(\"kendoDraggable\");\n\t }\n\t },\n\n\t _reorderable: function() {\n\t var that = this,\n\t reorderable = that.options.reorderable;\n\n\t if (reorderable === true || (reorderable && reorderable.columns)) {\n\t if (that.wrapper.data(\"kendoReorderable\")) {\n\t that.wrapper.data(\"kendoReorderable\").destroy();\n\t }\n\n\t that.wrapper.kendoReorderable({\n\t draggable: that._draggableInstance,\n\t dropFilter: HEADERCELLS,\n\t dragOverContainers: function(sourceIndex, targetIndex) {\n\t var columns = flatColumnsInDomOrder(that.columns);\n\t return columns[sourceIndex].lockable !== false && targetParentContainerIndex(columns, that.columns, sourceIndex, targetIndex) > -1;\n\t },\n\t inSameContainer: function(e) {\n\t return $(e.source).parent()[0] === $(e.target).parent()[0] && targetParentContainerIndex(flatColumnsInDomOrder(that.columns), that.columns, e.sourceIndex, e.targetIndex) > -1;\n\t },\n\t change: function(e) {\n\t var columns = flatColumnsInDomOrder(that.columns);\n\t var column = columns[e.oldIndex];\n\t var newIndex = targetParentContainerIndex(columns, that.columns, e.oldIndex, e.newIndex);\n\n\t that.trigger(COLUMNREORDER, {\n\t newIndex: newIndex,\n\t oldIndex: inArray(column, columns),\n\t column: column\n\t });\n\n\t that.reorderColumn(newIndex, column, e.position === \"before\");\n\t }\n\t });\n\t }\n\t },\n\n\t _reorderHeader: function(sources, target, before, container) {\n\t var that = this;\n\t var sourcePosition = columnPosition(sources[0], that.columns);\n\t var destPosition = columnPosition(target, that.columns);\n\t var action;\n\t var ths;\n\n\t var leafs = [];\n\t for (var idx = 0; idx < sources.length; idx++) {\n\t if (sources[idx].columns) {\n\t leafs = leafs.concat(sources[idx].columns);\n\t }\n\t }\n\t if (container) {\n\t ths = elements(container, container, \"tr:eq(\" + sourcePosition.row + \")>th.k-header:not(.k-group-cell,.k-hierarchy-cell)\");\n\t } else {\n\t ths = elements(that.lockedHeader, that.thead, \"tr:eq(\" + sourcePosition.row + \")>th.k-header:not(.k-group-cell,.k-hierarchy-cell)\");\n\t }\n\n\t var sourceLockedColumns = lockedColumns(sources).length;\n\t var targetLockedColumns = lockedColumns([target]).length;\n\n\t if (leafs.length) {\n\t if (sourceLockedColumns > 0 && targetLockedColumns === 0) {\n\t action = \"prepend\";\n\t moveCellsBetweenContainers(sources, target, leafs, that.columns, that.lockedHeader.find(\"thead\"), that.thead, this._groups(), action);\n\t } else if (sourceLockedColumns === 0 && targetLockedColumns > 0) {\n\t action = destPosition.cell === 0 && sources[0].columns && !target.columns && !that._group ? \"prepend\" : \"append\";\n\t moveCellsBetweenContainers(sources, target, leafs, nonLockedColumns(that.columns), that.thead, that.lockedHeader.find(\"thead\"), this._groups(), action);\n\t }\n\n\t if (target.columns || sourcePosition.cell - destPosition.cell > 1 || destPosition.cell - sourcePosition.cell > 1) {\n\t target = findReorderTarget(that.columns, target, sources[0], before, that.columns);\n\t if (target) {\n\t if (sourceLockedColumns > 0 && targetLockedColumns === 0) {\n\t that._reorderHeader(leafs, target, before, that.thead);\n\t } else if (sourceLockedColumns === 0 && targetLockedColumns > 0) {\n\t that._reorderHeader(leafs, target, before, that.lockedHead);\n\t } else {\n\t that._reorderHeader(leafs, target, before);\n\t }\n\t }\n\t }\n\t } else if (sourceLockedColumns !== targetLockedColumns) { // move between containers\n\t updateCellRowSpan(ths[sourcePosition.cell], that.columns, sourceLockedColumns);\n\t }\n\n\t reorder(ths, sourcePosition.cell, destPosition.cell, before, sources.length);\n\t },\n\n\t _reorderContent: function(sources, destination, before) {\n\t var that = this;\n\t var lockedRows = $();\n\t var source = sources[0];\n\t var visibleSources = visibleColumns(sources);\n\t var sourceIndex = inArray(source, leafColumns(that.columns));\n\t var destIndex = inArray(destination, leafColumns(that.columns));\n\n\t var colSourceIndex = inArray(visibleSources[0], visibleLeafColumns(that.columns));\n\t var colDest = inArray(destination, visibleLeafColumns(that.columns));\n\t var lockedCount = lockedColumns(that.columns).length;\n\t var isLocked = !!destination.locked;\n\t var footer = that.footer || that.wrapper.find(\".k-grid-footer\");\n\n\t var headerCol, footerCol, beforeVisibleColumn;\n\t headerCol = footerCol = colDest;\n\n\t if (destination.hidden) {\n\t var columnsArray = isLocked ? lockedColumns(that.columns): nonLockedColumns(that.columns);\n\n\t if (visibleColumns(columnsArray).length > 0) {\n\t headerCol = footerCol = colDest = this._findClosestVisibleColumnIndex(columnsArray, destIndex);\n\t beforeVisibleColumn = visibleColumns(columnsArray.slice(destIndex)).length > 0;\n\t }\n\t else {\n\t if (isLocked) {\n\t colDest = that.lockedTable.find(\"colgroup\");\n\t headerCol = that.lockedHeader.find(\"colgroup\");\n\t footerCol = $(that.lockedFooter).find(\">table>colgroup\");\n\t } else {\n\t colDest = that.tbody.prev();\n\t headerCol = that.thead.prev();\n\t footerCol = footer.find(\".k-grid-footer-wrap\").find(\">table>colgroup\");\n\t }\n\t }\n\t }\n\n\t if (that._hasFilterRow()) {\n\t reorder(that.wrapper.find(\".k-filter-row th:not(.k-group-cell,.k-hierarchy-cell)\"), sourceIndex, destIndex, before, sources.length);\n\t }\n\n\t if (colSourceIndex >= 0) {\n\t reorder(elements(that.lockedHeader, that.thead.prev(), COLGROUP), colSourceIndex, headerCol, beforeVisibleColumn ? beforeVisibleColumn : before, visibleSources.length);\n\t }\n\n\t if (that.options.scrollable) {\n\t if (colSourceIndex >= 0 && !that._hasVirtualColumns()) {\n\t reorder(elements(that.lockedTable, that.tbody.prev(), COLGROUP), colSourceIndex, colDest, beforeVisibleColumn ? beforeVisibleColumn : before, visibleSources.length);\n\t }\n\t }\n\n\t if (footer && footer.length) {\n\t if (colSourceIndex >= 0) {\n\t reorder(elements(that.lockedFooter, footer.find(\".k-grid-footer-wrap\"), \">table>colgroup>col:not(.k-group-col,.k-hierarchy-col)\"), colSourceIndex, footerCol, beforeVisibleColumn ? beforeVisibleColumn : before, visibleSources.length);\n\t }\n\t reorder(footer.find(\".k-footer-template>td:not(.k-group-cell,.k-hierarchy-cell)\"), sourceIndex, destIndex, before, sources.length);\n\t }\n\n\t var rows = that.tbody.children(\":not(.k-grouping-row,.k-detail-row)\");\n\t if (that.lockedTable) {\n\t if (lockedCount > destIndex) {\n\t if (lockedCount <= sourceIndex) {\n\t updateColspan(\n\t that.lockedTable.find(\">tbody>tr.k-grouping-row\"),\n\t that.table.find(\">tbody>tr.k-grouping-row\"),\n\t sources.length\n\t );\n\t }\n\t } else if (lockedCount > sourceIndex) {\n\t updateColspan(\n\t that.table.find(\">tbody>tr.k-grouping-row\"),\n\t that.lockedTable.find(\">tbody>tr.k-grouping-row\"),\n\t sources.length\n\t );\n\t }\n\n\t lockedRows = that.lockedTable.find(\">tbody>tr:not(.k-grouping-row,.k-detail-row)\");\n\t }\n\n\t for (var idx = 0, length = rows.length; idx < length; idx += 1) {\n\t reorder(elements(lockedRows[idx], rows[idx], \">td:not(.k-group-cell,.k-hierarchy-cell)\"), sourceIndex, destIndex, before, sources.length);\n\t }\n\t },\n\n\t _findClosestVisibleColumnIndex: function(columns, columnIndex) {\n\t var columnsArray = visibleColumns(columns.slice(columnIndex)).length > 0 ? columns.slice(columnIndex) : columns.slice(0, columnIndex + 1).reverse(),\n\t closestVisibleColumn = visibleColumns(columnsArray)[0];\n\n\t return inArray(closestVisibleColumn, visibleColumns(this.columns));\n\t },\n\n\t _autoFitLeafColumn: function (leafIndex) {\n\t this.autoFitColumn(leafColumns(this.columns)[leafIndex]);\n\t },\n\n\t _hasReorderableRows: function () {\n\t return this._hasDragHandleColumn || (this.options.reorderable && this.options.reorderable.rows);\n\t },\n\n\t _draggableRows: function () {\n\t var that = this,\n\t selectable = that._checkBoxSelection ||\n\t (that.options.selectable && !kendo.ui.Selectable.parseOptions(that.options.selectable).cell);\n\n\t if (that._draggableRowsInstance) {\n\t that._draggableRowsInstance.destroy();\n\t }\n\n\t that._draggableRowsInstance = that.tbody.kendoDraggable({\n\t group: \"row-draggable\",\n\t autoScroll: true,\n\t filter: (selectable ? \" > .k-state-selected\" : \" > \"+ ITEMROW) + (that._hasDragHandleColumn ? \" > .k-drag-cell\" : \"\"),\n\t hint: function (target) {\n\t var hint = $('
');\n\n\t if (selectable && that.select().length > 1) {\n\t hint.append(\"
\" + that.select().length + \" \" + that.options.messages.itemsSelected + \"\");\n\t } else {\n\t var clone = target.closest(ITEMROW).clone();\n\t clone.find(\"td.k-command-cell\").remove();\n\t clone.find(\"td\").each(function(index, elm){\n\t hint.append(\"
\" + elm.innerText + \" \");\n\t });\n\t }\n\n\t return hint;\n\t }\n\t }).data(\"kendoDraggable\");\n\t },\n\n\t _reorderableRows: function() {\n\t var that = this,\n\t selectable = that._checkBoxSelection ||\n\t (that.options.selectable && !kendo.ui.Selectable.parseOptions(that.options.selectable).cell);\n\n\t if (that.tbody.data(\"kendoReorderable\")) {\n\t that.tbody.data(\"kendoReorderable\").destroy();\n\t }\n\n\t that.tbody.kendoReorderable({\n\t smartPosition: false,\n\t draggable: that._draggableRowsInstance,\n\t dragOverContainers: function(sourceIndex, targetIndex) {\n\t var result = true,\n\t target = $(ITEMROW, that.content).eq(targetIndex);\n\n\t if (selectable) {\n\t result = !target.is(\".k-state-selected\");\n\t }\n\n\t return result;\n\t },\n\t inSameContainer: function(e) {\n\t if (selectable) {\n\t return !$(e.target).is(\".k-state-selected\");\n\t }\n\n\t return true;\n\t },\n\t dropFilter: ITEMROW,\n\t allowIcon: \"k-i-insert-middle\",\n\t orientation: \"vertical\",\n\t reorderDropCue: $('
'),\n\t positionDropCue: function (reorderDropCue, dropTarget) {\n\t var firstCellLeft = kendo.getOffset(dropTarget.children(DATA_CELL).eq(0)).left;\n\t reorderDropCue.css({\n\t transform: \"translate(0,-50%)\",\n\t left: firstCellLeft\n\t });\n\t },\n\t externalDraggable: function(e){\n\t var draggable = e.draggable;\n\n\t if(draggable) {\n\t return draggable;\n\t }\n\t },\n\t change: function(e) {\n\t that._triggerRowRorder(e);\n\t }\n\t });\n\t },\n\n\t _triggerRowRorder: function (e) {\n\t var that = this,\n\t args = {\n\t newIndex: e.position === \"after\" ? e.newIndex + 1 : e.newIndex,\n\t oldIndex: e.oldIndex\n\t },\n\t row = e.element,\n\t selectable = that._checkBoxSelection ||\n\t (that.options.selectable && !kendo.ui.Selectable.parseOptions(that.options.selectable).cell);\n\n\t if (selectable && that.select().length > 1) {\n\t args = extend(args, {\n\t rows: that.select()\n\t });\n\t } else {\n\t args = extend(args, {\n\t row: row\n\t });\n\t }\n\n\t if(!that.trigger(ROWREORDER, args)) {\n\t that.reorderRows(selectable ? that.select() : row, args.newIndex);\n\t }\n\t },\n\n\t reorderRows: function (rows, index) {\n\t var that = this,\n\t dataSource = that.dataSource,\n\t rowsLength = that.tbody.children(ITEMROW).length,\n\t targetItem = that.dataItem(that.tbody.children(ITEMROW).eq(index)),\n\t items = rows.toArray().map(function(row){\n\t return that.dataItem(row);\n\t });\n\n\t if (!targetItem) {\n\t // If index is after last row dataItem wouldn't exist\n\t targetItem = that.dataItem(that.tbody.children(ITEMROW).eq(rowsLength - 1));\n\t index = dataSource.indexOf(targetItem) + 1;\n\t } else {\n\t index = dataSource.indexOf(targetItem);\n\t }\n\n\t if(index >= 0) {\n\t that._rowDropping = true;\n\t dataSource.pushMove(index, items);\n\t that._rowDropping = false;\n\t }\n\t },\n\n\t autoFitColumns: function (columns) {\n\t var that = this;\n\n\t columns = columns || that.columns;\n\n\t for (var i = 0; i < columns.length; i++) {\n\t var column = columns[i];\n\n\t if (column.columns) {\n\t that.autoFitColumns(column.columns);\n\t } else {\n\t that.autoFitColumn(column);\n\t }\n\t }\n\t },\n\n\t autoFitColumn: function (column) {\n\t var that = this,\n\t options = that.options,\n\t columns = that.columns,\n\t index,\n\t th,\n\t headerTable,\n\t isLocked,\n\t visibleLocked = that.lockedHeader ? leafDataCells(that.lockedHeader.find(\">table>thead\")).filter(isCellVisible).length : 0,\n\t col,\n\t minWidth,\n\t contentDiv, scrollLeft,\n\t notGroupOrHierarchyCol = \"col:not(.k-group-col):not(.k-hierarchy-col)\",\n\t notGroupOrHierarchyVisibleCell = \"td:visible:not(.k-group-cell):not(.k-hierarchy-cell)\",\n\t menu,\n\t thWidth;\n\n\t // retrieve the column object, depending on the method argument\n\t if (typeof column == \"number\") {\n\t column = columns[column];\n\t } else if (isPlainObject(column)) {\n\t column = grep(flatColumns(columns), function (item) {\n\t return item === column;\n\t })[0];\n\t } else {\n\t column = grep(flatColumns(columns), function (item) {\n\t return item.field === column;\n\t })[0];\n\t }\n\n\t if (!column || !isVisible(column)) {\n\t return;\n\t }\n\n\t minWidth = column.minResizableWidth;\n\t index = inArray(column, leafColumns(columns));\n\t isLocked = column.locked;\n\n\t if (isLocked) {\n\t headerTable = that.lockedHeader.children(\"table\");\n\t } else {\n\t headerTable = that.thead.parent();\n\t }\n\n\t th = headerTable.find(\"[data-index='\" + index + \"']\");\n\t menu = th.find('a.k-header-column-menu, a.k-grid-filter');\n\n\t var contentTable = isLocked ? that.lockedTable : that.table,\n\t footer = that.footer || $();\n\n\t if (that.footer && that.lockedContent) {\n\t footer = isLocked ? that.footer.children(\".k-grid-footer-locked\") : that.footer.children(\".k-grid-footer-wrap\");\n\t }\n\n\t var footerTable = footer.find(\"table\").first();\n\n\t if (that.lockedHeader && !isLocked) {\n\t index -= visibleLocked;\n\t }\n\n\t // adjust column index, depending on previous hidden columns\n\t for (var j = 0; j < columns.length; j++) {\n\t if (columns[j] === column) {\n\t break;\n\t } else {\n\t if (columns[j].hidden) {\n\t index--;\n\t }\n\t }\n\t }\n\n\t // get col elements\n\t if (options.scrollable) {\n\t col = headerTable.find(notGroupOrHierarchyCol).eq(index)\n\t .add(contentTable.children(\"colgroup\").find(notGroupOrHierarchyCol).eq(index))\n\t .add(footerTable.find(\"colgroup\").find(notGroupOrHierarchyCol).eq(index));\n\n\t if (!isLocked) {\n\t contentDiv = contentTable.parent();\n\t scrollLeft = kendo.scrollLeft(contentDiv);\n\t }\n\t } else {\n\t col = contentTable.children(\"colgroup\").find(notGroupOrHierarchyCol).eq(index);\n\t }\n\n\t var tables = headerTable.add(contentTable).add(footerTable);\n\n\t if (browser.safari) {\n\t th.css(\"white-space\", \"initial\");\n\t }\n\n\t var oldColumnWidth = outerWidth(th);\n\n\t // reset the table and autofitted column widths\n\t // if scrolling is disabled, we need some additional repainting of the table\n\t col.width(\"\");\n\t tables.css(\"table-layout\", \"fixed\");\n\t col.width(\"auto\");\n\t tables.addClass(\"k-autofitting\");\n\t tables.css(\"table-layout\", \"\");\n\n\t thWidth = menu.length ? outerWidth(menu) + outerWidth(th) : outerWidth(th);\n\n\t // +1 is required by IE, regardless of the border widths, otherwise unexpected wrapping may occur with hyphenated text\n\t var newColumnWidth = Math.ceil(Math.max(\n\t thWidth,\n\t outerWidth(contentTable.find(\"tr:not(.k-grouping-row)\").eq(0).children(notGroupOrHierarchyVisibleCell).eq(index)),\n\t outerWidth(footerTable.find(\"tr\").eq(0).children(notGroupOrHierarchyVisibleCell).eq(index))\n\t )) + 1;\n\n\t if (minWidth && minWidth > newColumnWidth) {\n\t newColumnWidth = minWidth;\n\t }\n\n\t col.width(newColumnWidth);\n\t column.width = newColumnWidth;\n\n\t if (browser.safari) {\n\t th.css(\"white-space\", \"\");\n\t }\n\n\t // if all visible columns have widths, the table needs a pixel width as well\n\t if (options.scrollable) {\n\t var cols = headerTable.find(\"col\"),\n\t colWidth,\n\t totalWidth = 0;\n\t for (var idx = 0, length = cols.length; idx < length; idx += 1) {\n\t colWidth = cols[idx].style.width;\n\t if (colWidth && colWidth.indexOf(\"%\") == -1) {\n\t totalWidth += parseInt(colWidth, 10);\n\t } else if (cols.eq(idx).hasClass(\"k-group-col\")) {\n\t totalWidth += parseInt(cols.eq(idx).width(), 10);\n\t } else {\n\t totalWidth = 0;\n\t break;\n\t }\n\t }\n\n\t if (totalWidth) {\n\t tables.each(function () {\n\t this.style.width = totalWidth + \"px\";\n\t });\n\t }\n\t }\n\n\t tables.removeClass(\"k-autofitting\");\n\n\t if (scrollLeft) {\n\t kendo.scrollLeft(contentDiv, scrollLeft);\n\t }\n\n\t that.trigger(COLUMNRESIZE, {\n\t column: column,\n\t oldWidth: oldColumnWidth,\n\t newWidth: newColumnWidth\n\t });\n\n\t that._applyLockedContainersWidth();\n\t that._syncLockedContentHeight();\n\t that._syncLockedHeaderHeight();\n\t that._updateStickyColumns();\n\t },\n\n\t reorderColumn: function(destIndex, column, before) {\n\t var that = this,\n\t parent = columnParent(column, that.columns),\n\t columns = parent ? parent.columns : that.columns,\n\t sourceIndex = inArray(column, columns),\n\t destColumn = columns[destIndex],\n\t virtualScroll = that.virtualScroll || {},\n\t lockChanged,\n\t isLocked = !!destColumn.locked,\n\t lockedCount = lockedColumns(that.columns).length,\n\t groupHeaderColumnTemplateColumns = grep(leafColumns(that.columns), function(column) { return column.groupHeaderColumnTemplate; });\n\n\t if (sourceIndex === destIndex) {\n\t return;\n\t }\n\n\t if (!column.locked && isLocked && nonLockedColumns(that.columns).length == 1) {\n\t return;\n\t }\n\n\t if (column.locked && !isLocked && lockedCount == 1) {\n\t return;\n\t }\n\n\t that._hideResizeHandle();\n\n\t if (before === undefined) {\n\t before = destIndex < sourceIndex;\n\t }\n\n\t var sourceColumns = [column];\n\n\t that._reorderHeader(sourceColumns, destColumn, before);\n\n\t if (that.lockedHeader) {\n\t removeEmptyRows(that.thead);\n\t removeEmptyRows(that.lockedHeader);\n\t }\n\n\t if (destColumn.columns) {\n\t destColumn = leafColumns(destColumn.columns);\n\t destColumn = destColumn[before ? 0 : destColumn.length - 1];\n\t }\n\n\t if (column.columns) {\n\t sourceColumns = leafColumns(column.columns);\n\t }\n\n\t that._reorderContent(sourceColumns, destColumn, before);\n\n\t lockChanged = !!column.locked;\n\t lockChanged = lockChanged != isLocked;\n\t column.locked = isLocked;\n\n\t columns.splice(before ? destIndex : destIndex + 1, 0, column);\n\t columns.splice(sourceIndex < destIndex ? sourceIndex : sourceIndex + 1, 1);\n\n\t that._updateLockedCols();\n\t that._updateCols();\n\t that._templates();\n\n\t that._updateColumnCellIndex();\n\t that._updateColumnSorters();\n\n\t if (groupHeaderColumnTemplateColumns.length > 0) {\n\t that._renderGroupRows();\n\t }\n\t that._updateTablesWidth();\n\t that._applyLockedContainersWidth();\n\t that._syncLockedHeaderHeight();\n\t that._syncLockedContentHeight();\n\t that._updateFirstColumnClass();\n\t that._updateStickyColumns();\n\n\t if (virtualScroll.columns) {\n\t that.refresh();\n\t }\n\n\t if(!lockChanged) {\n\t return;\n\t }\n\n\t if (isLocked) {\n\t that.trigger(COLUMNLOCK, {\n\t column: column\n\t });\n\t } else {\n\t that.trigger(COLUMNUNLOCK, {\n\t column: column\n\t });\n\t }\n\t },\n\n\t _updateColumnCellIndex: function() {\n\t var header;\n\t var offset = 0;\n\n\t if (this.lockedHeader) {\n\t header = this.lockedHeader.find(\"thead\");\n\t offset = updateCellIndex(header, lockedColumns(this.columns));\n\t }\n\t updateCellIndex(this.thead, nonLockedColumns(this.columns), offset);\n\t },\n\n\t lockColumn: function(column) {\n\t var columns = this.columns;\n\n\t if (typeof column == \"number\") {\n\t column = columns[column];\n\t } else {\n\t column = grep(columns, function(item) {\n\t return item.field === column;\n\t })[0];\n\t }\n\n\t if (!column || column.locked || column.hidden) {\n\t return;\n\t }\n\n\t if (column.sticky) {\n\t this.unstickColumn(columns.indexOf(column));\n\t }\n\n\t var index = lockedColumns(columns).length - 1;\n\t this.reorderColumn(index, column, false);\n\t },\n\n\t unlockColumn: function(column) {\n\t var columns = this.columns;\n\n\t if (typeof column == \"number\") {\n\t column = columns[column];\n\t } else {\n\t column = grep(columns, function(item) {\n\t return item.field === column;\n\t })[0];\n\t }\n\n\t if (!column || !column.locked || column.hidden) {\n\t return;\n\t }\n\n\t var index = lockedColumns(columns).length;\n\t this.reorderColumn(index, column, true);\n\t },\n\n\t stickColumn: function(column) {\n\t var columns = this.columns;\n\n\t if (typeof column == \"number\") {\n\t column = columns[column];\n\t } else {\n\t column = grep(columns, function(item) {\n\t return item.field === column;\n\t })[0];\n\t }\n\n\t if (!column || column.sticky || column.hidden) {\n\t return;\n\t }\n\n\t if (column.locked) {\n\t this.unlockColumn(columns.indexOf(column));\n\n\t if (column.locked) {\n\t return;\n\t }\n\t }\n\n\t column.sticky = true;\n\t this._updateStickyColumns();\n\t },\n\n\t unstickColumn: function(column) {\n\t var columns = this.columns;\n\n\t if (typeof column == \"number\") {\n\t column = columns[column];\n\t } else {\n\t column = grep(columns, function(item) {\n\t return item.field === column;\n\t })[0];\n\t }\n\n\t if (!column || !column.sticky || column.locked || column.hidden) {\n\t return;\n\t }\n\n\t this._removeStickyAttributes([column]);\n\t this._removeStickyStyles(stickyColumns(columns));\n\n\t column.sticky = false;\n\t this._updateStickyColumns();\n\n\t if (this._anyStickyColumns() === 0) {\n\t this._templates();\n\t if (this._hasFilterRow()) {\n\t this._updateStickyFilterCells();\n\t }\n\t }\n\t },\n\n\t cellIndex: function(td) {\n\t var lockedColumnOffset = 0;\n\n\t if (this.lockedTable && !$.contains(this.lockedTable[0], td[0])) {\n\t lockedColumnOffset = leafColumns(lockedColumns(this.columns)).length;\n\t }\n\n\t return $(td).parent().children('td:not(.k-group-cell,.k-hierarchy-cell)').index(td) + lockedColumnOffset;\n\t },\n\n\t _modelForContainer: function(container) {\n\t container = $(container);\n\n\t if (!container.is(\"tr\") && this._editMode() !== \"popup\") {\n\t container = container.closest(\"tr\");\n\t }\n\n\t var id = container.attr(kendo.attr(\"uid\"));\n\n\t return this.dataSource.getByUid(id);\n\t },\n\n\t _calculateColumnIndex: function(cell) {\n\t var cellIndex = this.cellIndex(cell);\n\t var virtualOffset = 0;\n\n\t if (this._hasVirtualColumns()) {\n\t virtualOffset = parseInt($(cell).closest(\"tr\").find(\"td\").first().attr(\"colspan\"), 10);\n\t virtualOffset = (virtualOffset > 1 ? virtualOffset - 1 : 0);\n\t }\n\n\t return cellIndex + virtualOffset;\n\t },\n\n\t _editable: function() {\n\t var that = this,\n\t editable = that.options.editable,\n\t handler = function() {\n\t var target = activeElement(),\n\t cell = that._editContainer;\n\n\t if (cell && cell[0] && !$.contains(cell[0], target) && cell[0] !== target && !$(target).closest(\".k-animation-container\").length) {\n\t if (that.editable.end()) {\n\t that.closeCell();\n\t } else {\n\t that._scrollVirtualWrapper();\n\t }\n\t }\n\t };\n\n\t if (editable) {\n\t this.wrapper.addClass(\"k-editable\");\n\n\t var mode = that._editMode();\n\t if (mode === \"incell\") {\n\t that.table.add(that.lockedTable)\n\t .on(\"mousedown\" + NS, NAVROW + \">\" + NAVCELL, function (e) {\n\t var target = $(e.target);\n\t if (that._editMode() === \"incell\" && target.hasClass(\"k-checkbox\") && target.prev().attr(kendo.attr(\"bind\"))) {\n\t e.preventDefault();\n\t }\n\t });\n\n\t if (editable.update !== false) {\n\t if (isMac) {\n\t that.wrapper\n\t .on(CLICK + NS, \".k-edit-cell > input[type='checkbox']\", function(e) {\n\t // checking /unchecking a checkbox does not change the document.activeElement to be the checkbox\n\t // this is necessary for the \"focusout\" event to be fired\n\t $(e.target).trigger(\"focus\");\n\t })\n\t .on(CLICK + NS, \".k-edit-cell\", function(e) {\n\t if (!$(e.target).is(\"input\")) {\n\t $(e.currentTarget).find(\"input[type='checkbox']\").trigger(\"focus\");\n\t }\n\t })\n\t .on(MOUSEDOWN + NS, \"tr:not(.k-grouping-row) > td\", function(e) {\n\t var editContainer = that._editContainer;\n\n\t if (editContainer && editContainer[0] && ($.contains(editContainer[0], e.target) || editContainer[0] === e.target)) {\n\t that._mousedownOnEditCell = true;\n\t } else {\n\t that._mousedownOnEditCell = false;\n\t }\n\t });\n\t }\n\n\t that.editableUserEvents = new kendo.UserEvents(that.wrapper, {\n\t filter: \"tr:not(.k-grouping-row) > td\",\n\t allowSelection: true,\n\t tap: function(e) {\n\t var td = $(e.target),\n\t isLockedCell = that.lockedTable && td.closest(\"table\")[0] === that.lockedTable[0];\n\n\t that._mousedownOnEditCell = false;\n\n\t if (td.hasClass(\"k-hierarchy-cell\") ||\n\t td.hasClass(\"k-detail-cell\") ||\n\t td.hasClass(\"k-group-cell\") ||\n\t td.hasClass(\"k-edit-cell\") ||\n\t td.has(\"a.k-grid-delete\").length ||\n\t td.has(\"button.k-grid-delete\").length ||\n\t (td.closest(\"tbody\")[0] !== that.tbody[0] && !isLockedCell) ||\n\t $(e.target).is(\":input\")) {\n\t return;\n\t }\n\n\t if (that.editable) {\n\t if (that.editable.end()) {\n\t $(activeElement()).trigger(\"blur\");\n\t that.closeCell();\n\t that.editCell(td);\n\t } else {\n\t that._scrollVirtualWrapper();\n\t }\n\t } else {\n\t that.editCell(td);\n\t }\n\t }\n\t });\n\n\t that.wrapper.on(\"focusin\" + NS, function() {\n\t // fix focus issue in IE\n\t if (!$.contains(this, activeElement())) {\n\t clearTimeout(that.timer);\n\t that.timer = null;\n\t }\n\t })\n\t .on(\"focusout\" + NS, function(e) {\n\t var shouldCloseCell = true;\n\n\t if ((isMac && that._mousedownOnEditCell) || that._virtualColScroll) {\n\t shouldCloseCell = false;\n\t }\n\n\t that._mousedownOnEditCell = false;\n\n\t if (shouldCloseCell) {\n\t that.timer = setTimeout(function() {\n\t handler(e);\n\t }, 1);\n\t }\n\t });\n\t }\n\t } else {\n\t if (editable.update !== false) {\n\t that.wrapper.on(CLICK + NS, \"tbody>tr:not(.k-detail-row,.k-grouping-row):visible a.k-grid-edit\", function(e) {\n\t var element = $(this);\n\t if (!that._belongsToGrid(element)) {\n\t return;\n\t }\n\t e.preventDefault();\n\t that.editRow(element.closest(\"tr\"));\n\t });\n\n\t if (that._isVirtualInlineEditable()) {\n\t that.wrapper.on(\"focusout\" + NS, \"tr:not(.k-grouping-row) > td\", function() {\n\t if (that.editable && !that.editable.end()) {\n\t that._scrollVirtualWrapper();\n\t }\n\t });\n\t }\n\t }\n\t }\n\n\t if (editable.destroy !== false) {\n\t that.wrapper.on(CLICK + NS, \"tbody>tr:not(.k-detail-row,.k-grouping-row):visible .k-grid-delete\", function(e) {\n\t var element = $(this);\n\t if (!that._belongsToGrid(element)) {\n\t return;\n\t }\n\t e.preventDefault();\n\t e.stopPropagation();\n\t that.removeRow(element.closest(\"tr\"));\n\t });\n\t } else {\n\t //Required for the MVC server wrapper delete button\n\t that.wrapper.on(CLICK + NS, \"tbody>tr:not(.k-detail-row,.k-grouping-row):visible button.k-grid-delete\", function(e) {\n\t if (!that._belongsToGrid($(this))) {\n\t return;\n\t }\n\t e.stopPropagation();\n\n\t if (!that._confirmation()) {\n\t e.preventDefault();\n\t }\n\t });\n\t }\n\t }\n\t },\n\n\t editCell: function(cell) {\n\t cell = $(cell);\n\n\t var that = this,\n\t column = leafColumns(that.columns)[that._calculateColumnIndex(cell)],\n\t model = that._modelForContainer(cell);\n\n\t that.closeCell();\n\n\t if (model && isColumnEditable(column, model) && !column.command) {\n\t if (that.trigger(BEFOREEDIT, { model: model })) {\n\t return;\n\t }\n\n\t that._attachModelChange(model);\n\n\t that._editContainer = cell;\n\n\t if (that._shouldClearEditableState) {\n\t that._clearEditableState();\n\t }\n\t that.editable = cell.addClass(\"k-edit-cell\")\n\t .kendoEditable({\n\t fields: { field: column.field, format: column.format, editor: column.editor, values: column.values },\n\t model: model,\n\t target: that,\n\t change: function(e) {\n\t if (that.trigger(SAVE, { values: e.values, container: cell, model: model } )) {\n\t e.preventDefault();\n\t }\n\t },\n\t skipFocus: (that._isVirtualIncellEditable() || that._hasVirtualColumns()) && that._editableState ? true : false\n\n\t }).data(\"kendoEditable\");\n\n\t var tr = cell.parent().addClass(\"k-grid-edit-row\");\n\n\t if (that.lockedContent) {\n\t adjustRowHeight(tr[0], that._relatedRow(tr).addClass(\"k-grid-edit-row\")[0]);\n\t that._syncLockedScroll();\n\t }\n\n\t that.trigger(EDIT, { container: cell, model: model });\n\t }\n\t },\n\n\t _adjustLockedHorizontalScrollBar: function() {\n\t var table = this.table,\n\t content = table.parent();\n\n\t var scrollbar = table[0].offsetWidth > content[0].clientWidth ? kendo.support.scrollbar() : 0;\n\t this.lockedContent.height(content[0].offsetHeight - scrollbar);\n\t },\n\n\t _syncLockedScroll: function () {\n\t this.lockedContent[0].scrollTop = this.content[0].scrollTop;\n\t if (this.virtualScrollable) {\n\t this.lockedContent[0].scrollTop = this.wrapper.find(\".k-virtual-scrollable-wrap\")[0].scrollTop;\n\t }\n\t },\n\n\t _syncLockedContentHeight: function() {\n\t if (this.lockedTable) {\n\t if (!this.touchScroller) {\n\t this._adjustLockedHorizontalScrollBar();\n\t }\n\t this._adjustRowsHeight(this.table, this.lockedTable);\n\t }\n\t },\n\n\t _syncLockedHeaderHeight: function() {\n\t if (this.lockedHeader) {\n\t var lockedTable = this.lockedHeader.children(\"table\");\n\t var table = this.thead.parent();\n\n\t this._adjustRowsHeight(lockedTable, table);\n\n\t syncTableHeight(lockedTable, table);\n\t }\n\t },\n\n\t _syncLockedFooterHeight: function() {\n\t if (this.lockedFooter && this.footer && this.footer.length) {\n\t this._adjustRowsHeight(this.lockedFooter.children(\"table\"), this.footer.find(\".k-grid-footer-wrap > table\"));\n\t }\n\t },\n\n\t _destroyEditable: function() {\n\t var that = this;\n\n\t var destroy = function() {\n\t if (that.editable) {\n\n\t var container = that.editView ? that.editView.element : that._editContainer;\n\n\t if (container) {\n\t container.off(CLICK + NS, \"a.k-grid-cancel\", that._editCancelClickHandler);\n\t container.off(CLICK + NS, \"a.k-grid-update\", that._editUpdateClickHandler);\n\t }\n\n\t that._detachModelChange();\n\t that.editable.destroy();\n\t that.editable = null;\n\t that._editContainer = null;\n\t that._destroyEditView();\n\t that._editableIsClosing = null;\n\t }\n\t };\n\n\t if (that.editable) {\n\t if (that._editMode() === \"popup\" && !that._isMobile) {\n\t if (that._editableIsClosing) {\n\t that._editContainer.data(\"kendoWindow\").bind(\"deactivate\", destroy);\n\t }\n\t else {\n\t that._editableIsClosing = true;\n\t that._editContainer.data(\"kendoWindow\").bind(\"deactivate\", destroy).close();\n\t }\n\t } else {\n\t destroy();\n\t }\n\t }\n\t if (that._confirmDialog) {\n\t that._confirmDialog.close();\n\t that._confirmDialog.destroy();\n\t that._confirmDialog = null;\n\t }\n\t },\n\n\t _destroyEditView: function() {\n\t if (this.editView) {\n\t this.editView.purge();\n\t this.editView = null;\n\t this.pane.navigate(\"\");\n\t }\n\t },\n\n\t _attachModelChange: function(model) {\n\t var that = this;\n\n\t that._modelChangeHandler = function(e) {\n\t that._modelChange({ field: e.field, model: this });\n\t };\n\n\t model.bind(\"change\", that._modelChangeHandler);\n\t },\n\n\t _detachModelChange: function() {\n\t var that = this,\n\t container = that._editContainer,\n\t model = that._modelForContainer(container);\n\n\t if (model) {\n\t model.unbind(CHANGE, that._modelChangeHandler);\n\t }\n\t },\n\n\t closeCell: function(isCancel) {\n\t var that = this,\n\t cell = that._editContainer,\n\t column,\n\t tr,\n\t model;\n\n\t if (!cell) {\n\t return;\n\t }\n\n\t model = that._modelForContainer(cell);\n\n\t if (isCancel && that.trigger(\"cancel\", { container: cell, model: model })) {\n\t return;\n\t }\n\n\t that.trigger(CELLCLOSE, { type: isCancel ? \"cancel\" : \"save\", model: model, container: cell });\n\n\t cell.removeClass(\"k-edit-cell\");\n\t column = leafColumns(that.columns)[that._calculateColumnIndex(cell)];\n\n\t tr = cell.parent().removeClass(\"k-grid-edit-row\");\n\n\t if (that.lockedContent) {\n\t that._relatedRow(tr).removeClass(\"k-grid-edit-row\");\n\t }\n\n\t that._destroyEditable(); // editable should be destroyed before content of the container is changed\n\n\t that._displayCell(cell, column, model);\n\n\t if (that._shouldClearEditableState) {\n\t that._clearEditableState();\n\t }\n\n\t that.trigger(\"itemChange\", { item: tr, data: model, ns: ui });\n\n\t if (that.lockedContent) {\n\t adjustRowHeight(tr.css(\"height\", \"\")[0], that._relatedRow(tr).css(\"height\", \"\")[0]);\n\t }\n\t },\n\n\t _displayCell: function(cell, column, dataItem) {\n\t var that = this,\n\t state = { storage: {}, count: 0 },\n\t settings = extend({}, kendo.Template, that.options.templateSettings),\n\t tmpl = kendo.template(that._cellTmpl(column, state), settings);\n\n\t if (state.count > 0) {\n\t tmpl = proxy(tmpl, state.storage);\n\t }\n\n\t cell.empty().html(tmpl(dataItem));\n\n\t that.angular(\"compile\", function(){\n\t return {\n\t elements: cell,\n\t data: [ { dataItem: dataItem } ]\n\t };\n\t });\n\t },\n\n\t removeRow: function(row) {\n\t if (!this._confirmation(row)) {\n\t return;\n\t }\n\n\t this._removeRow(row);\n\t },\n\n\t _removeRow: function(row) {\n\t var that = this,\n\t model,\n\t modelId,\n\t key,\n\t schema,\n\t mode = that._editMode();\n\n\t if (mode !== \"incell\") {\n\t that.cancelRow();\n\t }\n\n\t row = $(row);\n\n\t if (that.lockedContent) {\n\t row = row.add(that._relatedRow(row));\n\t }\n\n\t row = row.hide();\n\t if (that.dataSource._isGroupPaged()) {\n\t that._removeGroupIfEmpty(row);\n\t }\n\n\t model = that._modelForContainer(row);\n\n\t if (model && !that.trigger(REMOVE, { row: row, model: model })) {\n\t schema = that.dataSource.options.schema;\n\t if (that._selectedIds && schema && schema.model) {\n\t modelId = isFunction(that.dataSource.options.schema.model) ? that.dataSource.options.schema.model.fn.idField : that.dataSource.options.schema.model.id;\n\t key = model[modelId];\n\t delete that._selectedIds[key];\n\t }\n\n\t that.dataSource.remove(model);\n\n\t if (mode === \"inline\" || mode === \"popup\") {\n\t that.dataSource.sync();\n\t }\n\t } else if (mode === \"incell\") {\n\t that._destroyEditable();\n\t }\n\t },\n\n\t _editMode: function() {\n\t var mode = \"incell\",\n\t editable = this.options.editable;\n\n\t if (editable !== true) {\n\t if (typeof editable == \"string\") {\n\t mode = editable;\n\t } else {\n\t mode = editable.mode || mode;\n\t }\n\t }\n\n\t return mode;\n\t },\n\n\t editRow: function(row) {\n\t var model;\n\t var that = this;\n\n\t if (row instanceof ObservableObject) {\n\t model = row;\n\t } else {\n\t row = $(row);\n\t model = that._modelForContainer(row);\n\t }\n\n\t var mode = that._editMode();\n\t var container;\n\n\t that.cancelRow();\n\n\t if (model) {\n\t row = that.tbody.children(\"[\" + kendo.attr(\"uid\") + \"=\" + model.uid + \"]\");\n\t that._attachModelChange(model);\n\n\t if (mode === \"popup\") {\n\t that._createPopupEditor(model);\n\t } else if (mode === \"inline\") {\n\t that._createInlineEditor(row, model);\n\t } else if (mode === \"incell\") {\n\t $(row).children(DATA_CELL).each(function() {\n\t var cell = $(this);\n\t var column = leafColumns(that.columns)[that._calculateColumnIndex(cell)];\n\n\t model = that._modelForContainer(cell);\n\n\t if (model && (!model.editable || model.editable(column.field)) && column.field && !column.selectable) {\n\t that.editCell(cell);\n\t return false;\n\t }\n\t });\n\t }\n\n\n\t container = that.editView ? that.editView.element : that._editContainer;\n\n\t if (container) {\n\t if (!this._editCancelClickHandler) {\n\t this._editCancelClickHandler = proxy(this._editCancelClick, this);\n\t }\n\n\t container.on(CLICK + NS, \"a.k-grid-cancel\", this._editCancelClickHandler);\n\n\t if (!this._editUpdateClickHandler) {\n\t this._editUpdateClickHandler = proxy(this._editUpdateClick, this);\n\t }\n\n\t container.on(CLICK + NS, \"a.k-grid-update\", this._editUpdateClickHandler);\n\t }\n\t }\n\t },\n\n\t _editUpdateClick: function(e) {\n\t e.preventDefault();\n\t e.stopPropagation();\n\n\t this.saveRow();\n\t },\n\n\t _editCancelClick: function(e) {\n\t var that = this;\n\t var navigatable = that.options.navigatable;\n\t var model = that.editable.options.model;\n\t var container = that.editView ? that.editView.element : that._editContainer;\n\n\t e.preventDefault();\n\t e.stopPropagation();\n\n\t if (that.trigger(\"cancel\", { container: container, model: model })) {\n\t return;\n\t }\n\n\t var currentIndex = that.items().index($(that.current()).parent());\n\n\t that.cancelRow();\n\n\t if (navigatable) {\n\t that._setCurrent(that.items().eq(currentIndex).children().filter(NAVCELL).first());\n\t focusTable(that.table, true);\n\t }\n\t },\n\n\t _createPopupEditor: function(model) {\n\t var that = this;\n\t var html = '