')\n .parent()\n .on(\"DOMMouseScroll\" + NS + \" mousewheel\" + NS, that._wheelScroll.bind(that));\n that._wrapper();\n\n if (kendo.support.kineticScrollNeeded || kendo.support.touch) {\n that.wrapper.css(\"touch-action\", NONE);\n that.drag = new kendo.UserEvents(that.wrapper, {\n global: true,\n allowSelection: true,\n start: function(e) {\n e.sender.capture();\n },\n move: function(e) {\n that.verticalScrollbar.scrollTop(that.verticalScrollbar.scrollTop() - e.y.delta);\n kendo.scrollLeft(wrapper, kendo.scrollLeft(wrapper) - e.x.delta);\n e.preventDefault();\n }\n });\n }\n\n that.verticalScrollbar = $('
')\n .css({\n width: scrollbar\n }).appendTo(element)\n .on(\"scroll\" + NS, that._scroll.bind(that));\n },\n\n _wrapper: function() {\n var that = this;\n\n if (isIE11) {\n //scrolling the virtual scrollbar to the bottom and then\n //scrolling the horizontal content scrollbar does not fire the \"scroll\" event\n //seems like a problem in IE 11 only (after version 11.0.9600.18860)\n //https://github.com/telerik/kendo-ui-core/issues/3779\n that.wrapper.css({\n \"overflow-y\": SCROLL\n });\n\n //hide the wrapper behind the virtual scrollbar\n that.element.css((isRtl ? \"padding-left\" : \"padding-right\"), 0);\n }\n },\n\n _wheelScroll: function(e) {\n if (e.ctrlKey) {\n return;\n }\n\n var scrollbar = this.verticalScrollbar,\n scrollTop = scrollbar.scrollTop(),\n delta = kendo.wheelDeltaY(e);\n\n if (delta && !(delta > 0 && scrollTop === 0) && !(delta < 0 && scrollTop + scrollbar[0].clientHeight == scrollbar[0].scrollHeight)) {\n e.preventDefault();\n this.verticalScrollbar.scrollTop(scrollTop + (-delta));\n }\n },\n\n _scroll: function(e) {\n var that = this,\n delayLoading = !that.options.prefetch,\n scrollTop = e.currentTarget.scrollTop,\n dataSource = that.dataSource,\n rowHeight = that.itemHeight,\n skip = dataSource.skip() || 0,\n start = that._rangeStart || skip,\n height = that.element.innerHeight(),\n isScrollingUp = !!(that._scrollbarTop && that._scrollbarTop > scrollTop),\n firstItemIndex = math.max(math.floor(scrollTop / rowHeight), 0),\n lastItemOffset = isScrollingUp ? math.ceil(height / rowHeight) : math.floor(height / rowHeight),\n lastItemIndex = math.max(firstItemIndex + lastItemOffset, 0);\n\n if (that._preventScroll) {\n that._preventScroll = false;\n return;\n }\n that._prevScrollTop = that._scrollTop;\n that._scrollTop = scrollTop - (start * rowHeight);\n that._scrollbarTop = scrollTop;\n\n that._scrolling = delayLoading;\n\n if (!that._fetch(firstItemIndex, lastItemIndex, isScrollingUp)) {\n that.wrapper[0].scrollTop = that._scrollTop;\n }\n\n that.trigger(SCROLL);\n\n if (delayLoading) {\n if (that._scrollingTimeout) {\n clearTimeout(that._scrollingTimeout);\n }\n\n that._scrollingTimeout = setTimeout(function() {\n that._scrolling = false;\n that._page(that._rangeStart, that.dataSource.take());\n }, 100);\n }\n },\n\n scrollToTop: function() {\n this._scrollTo(0);\n },\n\n scrollToBottom: function() {\n var scrollbar = this.verticalScrollbar;\n this._scrollTo(scrollbar[0].scrollHeight - scrollbar.height());\n },\n\n _scrollWrapperToTop: function() {\n this.wrapper.scrollTop(0);\n },\n\n _scrollWrapperToBottom: function() {\n this.wrapper.scrollTop(this.wrapper[0].scrollHeight);\n },\n\n _scrollWrapperOnColumnResize: function() {\n var that = this;\n var wrapper = this.wrapper;\n var initialScrollTop = wrapper.scrollTop();\n\n if (wrapper[0].scrollWidth > wrapper[0].clientWidth) {\n if ((!that._wrapperScrolled && initialScrollTop) || that._isScrolledToBottom()) {\n wrapper.scrollTop(initialScrollTop + kendo.support.scrollbar());\n that._scrollTop = wrapper.scrollTop();\n that._wrapperScrolled = true;\n }\n } else if (that._wrapperScrolled) {\n if (!that._isWrapperScrolledToBottom()) {\n wrapper.scrollTop(initialScrollTop - kendo.support.scrollbar());\n that._scrollTop = wrapper.scrollTop();\n }\n\n that._wrapperScrolled = false;\n }\n },\n\n _scrollTo: function(scrollTop) {\n var that = this;\n var scrollbar = that.verticalScrollbar;\n\n if (scrollbar.scrollTop() !== scrollTop) {\n that._preventScroll = true;\n }\n\n that.wrapper.scrollTop(scrollTop);\n that._scrollTop = that.wrapper.scrollTop();\n\n scrollbar.scrollTop(scrollTop);\n that._scrollbarTop = scrollbar.scrollTop();\n },\n\n _isScrolledToTop: function() {\n return this.verticalScrollbar.scrollTop() === 0;\n },\n\n _isScrolledToBottom: function() {\n var scrollbar = this.verticalScrollbar;\n var scrollTop = scrollbar.scrollTop();\n\n return (scrollTop > 0 && scrollTop >= parseInt(scrollbar[0].scrollHeight - scrollbar.height(), 10));\n },\n\n _isWrapperScrolledToBottom: function() {\n var wrapper = this.wrapper;\n\n return (wrapper.scrollTop() >= parseInt(wrapper[0].scrollHeight - wrapper.height(), 10));\n },\n\n itemIndex: function(rowIndex) {\n var rangeStart = this._rangeStart || this.dataSource.skip() || 0;\n\n return rangeStart + rowIndex;\n },\n\n position: function(index) {\n var rangeStart = this._rangeStart || this.dataSource.skip() || 0;\n var pageSize = this.dataSource.pageSize();\n var result;\n\n if (index > rangeStart) {\n result = index - rangeStart;\n } else {\n result = rangeStart - index - 1;\n }\n\n return result > pageSize ? pageSize : result;\n },\n\n scrollIntoView: function(row) {\n var container = this.wrapper[0];\n var containerHeight = container.clientHeight;\n var containerScroll = !this._isScrolledToBottom() ? (this._scrollTop || container.scrollTop) : container.scrollTop;\n var elementOffset = row[0].offsetTop;\n var elementHeight = row[0].offsetHeight;\n\n if (containerScroll > elementOffset) {\n this.verticalScrollbar[0].scrollTop -= containerHeight / 2;\n } else if (elementOffset + elementHeight >= containerScroll + containerHeight) {\n this.verticalScrollbar[0].scrollTop += containerHeight / 2;\n }\n },\n\n _fetch: function(firstItemIndex, lastItemIndex, scrollingUp) {\n var that = this,\n dataSource = that.dataSource,\n itemHeight = that.itemHeight,\n take = dataSource.take(),\n rangeStart = that._rangeStart || dataSource.skip() || 0,\n currentSkip = math.floor(firstItemIndex / take) * take,\n fetching = false,\n prefetchAt = 0.33;\n var scrollbar = that.verticalScrollbar;\n var webkitCorrection = browser.webkit ? 1 : 0;\n var total = dataSource._isGroupPaged() ? dataSource.groupsTotal(true) : dataSource.total();\n\n if (firstItemIndex < rangeStart) {\n\n fetching = true;\n rangeStart = math.max(0, lastItemIndex - take);\n that._scrollTop = scrollbar.scrollTop() - (rangeStart * itemHeight);\n that._page(rangeStart, take);\n\n } else if (lastItemIndex >= rangeStart + take && !scrollingUp) {\n\n fetching = true;\n rangeStart = math.min(firstItemIndex, total - take);\n\n //ensure the scrollbar can be scrolled to bottom with mouse drag\n if (scrollbar.scrollTop() >= scrollbar[0].scrollHeight - scrollbar[0].offsetHeight - webkitCorrection) {\n that._scrollTop = that.wrapper[0].scrollHeight - that.wrapper[0].offsetHeight;\n } else if (that.dataSource._isGroupPaged() && firstItemIndex >= total - take) {\n that._scrollTop = that.wrapper[0].scrollHeight - that.wrapper[0].offsetHeight - (that._scrollTop - that._prevScrollTop);\n } else {\n that._scrollTop = itemHeight;\n }\n\n that._page(rangeStart, take);\n\n } else if (!that._fetching && that.options.prefetch) {\n\n if (firstItemIndex < (currentSkip + take) - take * prefetchAt && firstItemIndex > take) {\n dataSource.prefetch(currentSkip - take, take, $.noop);\n }\n if (lastItemIndex > currentSkip + take * prefetchAt) {\n dataSource.prefetch(currentSkip + take, take, $.noop);\n }\n\n }\n return fetching;\n },\n\n fetching: function() {\n return this._fetching;\n },\n\n _page: function(skip, take, callback) {\n var that = this,\n delayLoading = !that.options.prefetch,\n dataSource = that.dataSource,\n isGroupPaged = dataSource._isGroupPaged();\n callback = isFunction(callback) ? callback : $.noop;\n\n if (that.trigger(PAGING, { skip: skip, take: take })) {\n return;\n }\n\n clearTimeout(that._timeout);\n that._fetching = true;\n that._rangeStart = skip;\n\n if ((isGroupPaged && dataSource._groupRangeExists(skip, skip + take)) || (!isGroupPaged && dataSource.inRange(skip, take))) {\n that.trigger(LOAD_START);\n\n dataSource.range(skip, take, function() {\n that.trigger(LOAD_END);\n callback();\n that.trigger(PAGE);\n }, \"page\");\n } else {\n if (!delayLoading) {\n that.trigger(LOAD_START);\n }\n\n that._timeout = setTimeout(function() {\n if (!that._scrolling) {\n\n if (delayLoading) {\n that.trigger(LOAD_START);\n }\n\n dataSource.range(skip, take, function() {\n that.trigger(LOAD_END);\n callback();\n that.trigger(PAGE);\n });\n }\n }, 100);\n }\n },\n\n repaintScrollbar: function(shouldScrollWrapper) {\n var that = this,\n maxHeight = that.options.maxScrollHeight,\n dataSource = that.dataSource,\n scrollbar = !kendo.support.kineticScrollNeeded ? kendo.support.scrollbar() : 0,\n wrapperElement = that.wrapper[0],\n totalHeight,\n idx,\n itemHeight;\n var wasScrolledToBottom = that._isScrolledToBottom();\n\n itemHeight = that.itemHeight = that.options.itemHeight() || 0;\n\n var addScrollBarHeight = (wrapperElement.scrollWidth > wrapperElement.offsetWidth) ? scrollbar : 0;\n\n totalHeight = (dataSource._isGroupPaged() ? dataSource.groupsTotal(true) : dataSource.total()) * itemHeight + addScrollBarHeight;\n\n var divElements = $(new Array(math.floor(totalHeight / maxHeight) + 1).join('
'))\n .css({\n width: \"1px\",\n height: (maxHeight + \"px\")\n });\n\n if (totalHeight % maxHeight) {\n divElements = divElements.add($(\"
\").css({\n width: \"1px\",\n height: (((totalHeight % maxHeight)) + \"px\")\n }));\n }\n\n that.verticalScrollbar.empty().append(divElements);\n\n if (wasScrolledToBottom && !that._isScrolledToBottom() && !that.dataSource._isGroupPaged()) {\n that.scrollToBottom();\n }\n\n if (typeof(that._scrollTop) !== \"undefined\" && !!shouldScrollWrapper) {\n wrapperElement.scrollTop = that._scrollTop;\n that._scrollWrapperOnColumnResize();\n }\n },\n\n refresh: function(e) {\n var that = this,\n dataSource = that.dataSource,\n rangeStart = that._rangeStart;\n var action = (e || {}).action;\n var shouldScrollWrapper = that._isScrolledToBottom() || !action || (action !== ITEM_CHANGE && action !== REMOVE && action !== SYNC);\n\n that.trigger(LOAD_END);\n clearTimeout(that._timeout);\n\n that.repaintScrollbar(shouldScrollWrapper);\n\n if (that.drag) {\n that.drag.cancel();\n }\n\n if (typeof(rangeStart) !== \"undefined\" && !that._fetching) { // we are rebound from outside local range should be reset\n if (!action || (action !== SYNC && action !== ITEM_CHANGE && action !== \"expandGroup\")) {\n that._rangeStart = dataSource.skip();\n }\n\n if (dataSource.page() === 1 && (!action || (action !== SYNC && action !== ITEM_CHANGE && action !== \"expandGroup\" && action !== \"collapseGroup\"))) {\n // reset the scrollbar position if datasource is filtered\n that.verticalScrollbar[0].scrollTop = 0;\n }\n }\n\n that._fetching = false;\n }\n });\n\n function attrEquals(attrName, attrValue) {\n return \"[\" + kendo.attr(attrName) + \"=\" + attrValue + \"]\";\n }\n\n function groupCells(count) {\n return new Array(count + 1).join('
| ');\n }\n\n function cellsExcludingSpecialColumns(cells) {\n return cells.filter(function (i,cell) {\n var $cell = $(cell);\n var hasCheckbox = $cell.children(\".k-select-checkbox\").length > 0;\n var hasWrappedCheckbox = $cell.find(\"> .k-checkbox-wrap > .k-select-checkbox\").length > 0;\n return !$cell.hasClass(\"k-drag-cell\") && !$cell.hasClass(\"k-command-cell\") && !hasCheckbox && !hasWrappedCheckbox;\n });\n }\n\n function stringifyAttributes(attributes) {\n var attr,\n result = \" \";\n\n if (attributes) {\n if (typeof attributes === STRING) {\n return attributes;\n }\n\n for (attr in attributes) {\n if (attributes[attr] !== '') {\n result += attr + '=\"' + attributes[attr] + '\"';\n }\n }\n }\n return result;\n }\n\n var defaultCommands = {\n create: {\n text: \"Add new record\",\n className: \"k-grid-add\",\n iconClass: \"k-i-plus\"\n },\n cancel: {\n text: \"Cancel changes\",\n className: \"k-grid-cancel-changes\",\n iconClass: \"k-i-cancel\"\n },\n save: {\n text: \"Save changes\",\n className: \"k-grid-save-changes\",\n iconClass: \"k-i-check\"\n },\n destroy: {\n text: \"Delete\",\n className: \"k-grid-remove-command\",\n iconClass: \"k-i-x\"\n },\n edit: {\n text: \"Edit\",\n className: \"k-grid-edit-command\",\n iconClass: \"k-i-pencil\",\n themeColor: \"primary\"\n },\n update: {\n text: \"Save\",\n className: \"k-grid-save-command\",\n iconClass: \"k-i-save\",\n themeColor: \"primary\"\n },\n canceledit: {\n text: \"Cancel\",\n className: \"k-grid-cancel-command\",\n iconClass: \"k-i-cancel-outline\"\n },\n excel: {\n text: \"Export to Excel\",\n className: \"k-grid-excel\",\n iconClass: \"k-i-file-excel\"\n },\n pdf: {\n text: \"Export to PDF\",\n className: \"k-grid-pdf\",\n iconClass: \"k-i-file-pdf\"\n },\n search: {\n text: \"Search...\",\n className: \"k-grid-search\"\n },\n columns: {\n text: \"Columns\",\n type: \"button\",\n icon: \"columns\",\n fillMode: \"flat\",\n overflow: \"never\",\n className: \"k-grid-column-menu\",\n attr: {\n \"aria-haspopup\": \"menu\"\n }\n }\n };\n\n function cursor(context, value) {\n $('th, th .k-grid-filter-menu, th .k-link', context)\n .add(document.body)\n .css('cursor', value);\n }\n\n function reorder(selector, source, dest, before, count) {\n var sourceIndex = source;\n source = $();\n count = count || 1;\n for (var idx = 0; idx < count; idx++) {\n source = source.add(selector.eq(sourceIndex + idx));\n }\n\n if (typeof dest == \"number\") {\n source[before ? \"insertBefore\" : \"insertAfter\"](selector.eq(dest));\n } else {\n source.appendTo(dest);\n }\n }\n\n function elements(lockedContent, content, filter) {\n return $(lockedContent).add(content).find(filter);\n }\n\n function attachCustomCommandEvent(context, container, commands) {\n var idx,\n length,\n command,\n commandName;\n\n commands = !isArray(commands) ? [commands] : commands;\n\n for (idx = 0, length = commands.length; idx < length; idx++) {\n command = commands[idx];\n\n if (isPlainObject(command) && command.click) {\n commandName = command.name || command.text;\n container.on(CLICK + NS, \".k-grid-\" + (commandName || \"\").replace(/\\s/g, \"\"), { commandName: commandName }, command.click.bind(context));\n }\n }\n }\n\n function normalizeColumns(columns, encoded, hide, locked, parentIds) {\n return map(columns, function(column) {\n column = typeof column === STRING ? { field: column } : column;\n\n var hidden;\n column.parentIds = parentIds;\n\n if (column.attributes instanceof Function) {\n column._attributesFunction = column.attributes;\n }\n\n if (!isVisible(column) || hide) {\n column.attributes = addHiddenStyle(column.attributes);\n column.footerAttributes = addHiddenStyle(column.footerAttributes);\n column.headerAttributes = addHiddenStyle(column.headerAttributes);\n hidden = true;\n }\n\n var uid = kendo.guid();\n if (locked && !column.locked) {\n column.locked = locked;\n }\n\n column.headerAttributes = extend({ headers: parentIds }, column.headerAttributes);\n if (!column.headerAttributes.id) {\n column.headerAttributes = extend({ id: uid }, column.headerAttributes);\n column.uid = uid;\n } else {\n column.uid = uid = column.headerAttributes.id;\n }\n\n if (column.columns) {\n column.columns = normalizeColumns(column.columns, encoded, hidden, column.locked, parentIds ? (parentIds + \" \" + uid) : uid);\n }\n return extend({ encoded: encoded, hidden: hidden, locked: locked }, column);\n });\n }\n\n function columnParent(column, columns) {\n var parents = [];\n columnParents(column, columns, parents);\n return parents[parents.length - 1];\n }\n\n function columnParents(column, columns, parents) {\n parents = parents || [];\n\n for (var idx = 0; idx < columns.length; idx++) {\n if (column === columns[idx]) {\n return true;\n } else if (columns[idx].columns) {\n var inserted = parents.length;\n parents.push(columns[idx]);\n if (!columnParents(column, columns[idx].columns, parents)) {\n parents.splice(inserted, parents.length - inserted);\n } else {\n return true;\n }\n }\n }\n return false;\n }\n\n function setColumnVisibility(column, visible) {\n setVisibility(column, visible, visible);\n }\n\n function setVisibility(column, visible, show) {\n var method = show ? removeHiddenStyle : addHiddenStyle;\n column.hidden = !visible;\n column.attributes = method(column.attributes);\n column.footerAttributes = method(column.footerAttributes);\n column.headerAttributes = method(column.headerAttributes);\n }\n\n\n function setColumnMediaVisibility(column, visible) {\n setColumnMatchesMedia(column);\n var hideByMedia = column._hideByMedia;\n setVisibility(column, visible, hideByMedia ? column.matchesMedia : visible);\n }\n\n function setColumnMatchesMedia(column) {\n column.matchesMedia = columnMatchesMedia(column);\n }\n\n function columnMatchesMedia(column) {\n return column && (isUndefined(column.media) || (!isUndefined(column.media) && kendo.matchesMedia(column.media)));\n }\n\n function isCellVisible() {\n return this.style.display !== NONE;\n }\n\n function isElementVisible(element) {\n return $(element)[0].style.display !== NONE;\n }\n\n function isVisible(column) {\n return visibleColumns([column]).length > 0;\n }\n\n function visibleColumns(columns) {\n return grep(columns, function(column) {\n var result = !column.hidden && column.matchesMedia !== false;\n\n if (result && column.columns) {\n result = visibleColumns(column.columns).length > 0;\n }\n return result;\n });\n }\n\n function columnsWithMedia(columns) {\n var result = [];\n var column;\n\n for (var i = 0; i < columns.length; i++) {\n column = columns[i];\n\n if (!isUndefined(column.media)) {\n if (!isUndefined(column.minScreenWidth)) {\n throw new Error(\"Using 'media' and 'minScreenWidth' options at the same time is not supported.\");\n }\n\n result.push(column);\n }\n\n if (column.columns) {\n result = result.concat(columnsWithMedia(column.columns));\n }\n }\n\n return result;\n }\n\n function isUndefined(value) {\n return typeof value === \"undefined\";\n }\n\n function toJQuery(elements) {\n return $(elements).map(function() { return this.toArray(); });\n }\n\n function updateCellRowSpan(cell, columns, sourceLockedColumnsCount) {\n var lockedColumnDepth = depth(lockedColumns(columns));\n var nonLockedColumnDepth = depth(nonLockedColumns(columns));\n\n var rowSpan = cell.rowSpan;\n if (sourceLockedColumnsCount) {\n if (lockedColumnDepth > nonLockedColumnDepth) {\n cell.rowSpan = (rowSpan - (lockedColumnDepth - nonLockedColumnDepth)) || 1;\n } else {\n cell.rowSpan = rowSpan + (nonLockedColumnDepth - lockedColumnDepth);\n }\n } else {\n if (lockedColumnDepth > nonLockedColumnDepth) {\n cell.rowSpan = rowSpan + (lockedColumnDepth - nonLockedColumnDepth);\n } else {\n cell.rowSpan = (rowSpan - (nonLockedColumnDepth - lockedColumnDepth)) || 1;\n }\n }\n }\n\n function findColumnByField(columns, field) {\n for (var i = 0; i < columns.length; i++) {\n if (columns[i].field == field) {\n return columns[i];\n }\n }\n }\n\n function moveCellsBetweenContainers(sources, target, leafs, columns, container, destination, groups, action) {\n var sourcesDepth = depth(sources);\n var targetDepth = depth([target]);\n\n if (sourcesDepth > targetDepth) {\n var groupCells = new Array(groups + 1).join('
| ');\n var rows = destination.children(\":not(.k-filter-row)\");\n $(new Array((sourcesDepth - targetDepth) + 1).join(\"
\" + groupCells + \"
\")).insertAfter(rows.last());\n }\n\n addRowSpanValue(destination, sourcesDepth - targetDepth);\n\n moveCells(leafs, columns, container, destination, action);\n }\n\n function updateCellIndex(thead, columns, offset) {\n offset = offset || 0;\n\n var position;\n var cell;\n var allColumns = columns;\n columns = leafColumns(columns);\n\n var cells = {};\n var rows = thead.find(\">tr:not(.k-filter-row)\");\n\n var filter = function() {\n var el = $(this);\n return !el.hasClass(\"k-group-cell\") && !el.hasClass(\"k-hierarchy-cell\");\n };\n\n for (var idx = 0, length = columns.length; idx < length; idx++) {\n position = columnPosition(columns[idx], allColumns);\n\n if (!cells[position.row]) {\n cells[position.row] = rows.eq(position.row)\n .find(DOT + HEADER_CLASS)\n .filter(filter);\n }\n\n cell = cells[position.row].eq(position.cell);\n cell.attr(kendo.attr(\"index\"), offset + idx);\n }\n\n\n return columns.length;\n }\n\n function depth(columns) {\n var result = 1;\n var max = 0;\n\n for (var idx = 0; idx < columns.length; idx++) {\n if (columns[idx].columns) {\n var temp = depth(columns[idx].columns);\n if (temp > max) {\n max = temp;\n }\n }\n }\n return result + max;\n }\n\n function moveCells(leafs, columns, container, destination, action) {\n var sourcePosition = columnVisiblePosition(leafs[0], columns);\n\n var ths = container.find(\">tr:not(.k-filter-row)\").eq(sourcePosition.row).children(\"th.k-header:not(.k-group-cell)\");\n\n var t = $();\n var sourceIndex = sourcePosition.cell;\n var idx;\n\n for (idx = 0; idx < leafs.length; idx++) {\n t = t.add(ths.eq(sourceIndex + idx));\n }\n\n destination.find(\">tr:not(.k-filter-row)\").eq(sourcePosition.row)[action](t);\n\n var children = [];\n for (idx = 0; idx < leafs.length; idx++) {\n if (leafs[idx].columns) {\n children = children.concat(leafs[idx].columns);\n }\n }\n\n if (children.length) {\n moveCells(children, columns, container, destination, action);\n }\n }\n\n function columnPosition(column, columns, row, cellCounts) {\n var result;\n var idx;\n\n row = row || 0;\n cellCounts = cellCounts || {};\n cellCounts[row] = cellCounts[row] || 0;\n\n for (idx = 0; idx < columns.length; idx++) {\n if (columns[idx] == column) {\n result = { cell: cellCounts[row], row: row };\n break;\n } else if (columns[idx].columns) {\n result = columnPosition(column, columns[idx].columns, row + 1, cellCounts);\n if (result) {\n break;\n }\n }\n\n cellCounts[row]++;\n }\n return result;\n }\n function findParentColumnWithChildren(columns, index, source, rtl) {\n var target;\n var locked = !!source.locked;\n var targetLocked;\n\n do {\n target = columns[index];\n index += rtl ? 1 : -1;\n targetLocked = !!target.locked;\n } while (target && index > -1 && index < columns.length && target != source && !target.columns && targetLocked === locked);\n\n return target;\n }\n\n function decorateCellWithClass(html) {\n var element = html;\n var classes = element.match(/class=[\"][^\"]+/g);\n if (classes) {\n var cssClasses = classes[0].split('\\\"').pop();\n element = element.replace(cssClasses, cssClasses + \" k-table-td\");\n } else {\n element = element.replace(\"
0 || (index === 0 && !before)) {\n index++;\n }\n\n var sourceIndex = inArray(source, parentColumns);\n target = findParentColumnWithChildren(parentColumns, index, source, sourceIndex > index);\n var targetIndex = inArray(target, masterColumns);\n if (target.columns && (!targetIndex || targetIndex === parentColumns.length - 1)) {\n return null;\n }\n\n if (target && target != source && target.columns) {\n return findReorderTarget(columns, target, source, before, masterColumns);\n }\n }\n return null;\n }\n\n function columnVisiblePosition(column, columns, row, cellCounts) {\n var result;\n var idx;\n\n row = row || 0;\n cellCounts = cellCounts || {};\n cellCounts[row] = cellCounts[row] || 0;\n\n for (idx = 0; idx < columns.length; idx++) {\n if (columns[idx] == column) {\n result = { cell: cellCounts[row], row: row };\n break;\n } else if (columns[idx].columns) {\n result = columnVisiblePosition(column, columns[idx].columns, row + 1, cellCounts);\n if (result) {\n break;\n }\n }\n\n if (!columns[idx].hidden) {\n cellCounts[row]++;\n }\n }\n return result;\n }\n\n function flatColumnsInDomOrder(columns) {\n var result = flatColumns(lockedColumns(columns));\n return result.concat(flatColumns(nonLockedColumns(columns)));\n }\n\n function targetParentContainerIndex(flatColumns, columns, sourceIndex, targetIndex) {\n var column = flatColumns[sourceIndex];\n var target = flatColumns[targetIndex];\n\n var parent = columnParent(column, columns);\n columns = parent ? parent.columns : columns;\n\n return inArray(target, columns);\n }\n\n function flatColumns(columns) {\n var result = [];\n var children = [];\n for (var idx = 0; idx < columns.length; idx++) {\n result.push(columns[idx]);\n if (columns[idx].columns) {\n children = children.concat(columns[idx].columns);\n }\n\n }\n if (children.length) {\n result = result.concat(flatColumns(children));\n }\n return result;\n }\n\n function hiddenLeafColumnsCount(columns) {\n var counter = 0;\n var column;\n\n for (var idx = 0; idx < columns.length; idx++) {\n column = columns[idx];\n\n if (column.columns) {\n counter += hiddenLeafColumnsCount(column.columns);\n } else if (column.hidden) {\n counter++;\n }\n }\n return counter;\n }\n\n function sumWidths(cols) {\n var width = 0;\n\n for (var idx = 0, length = cols.length; idx < length; idx++) {\n if (!cols[idx].hidden) {\n width += parseInt(cols[idx].width, 10);\n }\n }\n\n return width;\n }\n\n function columnsWidth(cols) {\n var colWidth, width = 0;\n\n for (var idx = 0, length = cols.length; idx < length; idx++) {\n colWidth = cols[idx].style.width;\n if (colWidth && colWidth.indexOf(\"%\") == -1) {\n width += parseInt(colWidth, 10);\n }\n }\n\n return width;\n }\n\n function removeRowSpanValue(container, count) {\n var cells = container.find(\"tr:not(.k-filter-row) th:not(.k-group-cell,.k-hierarchy-cell)\");\n\n var rowSpan;\n for (var idx = 0; idx < cells.length; idx++) {\n rowSpan = cells[idx].rowSpan;\n if (rowSpan > 1) {\n cells[idx].rowSpan = (rowSpan - count) || 1;\n }\n }\n }\n\n function addRowSpanValue(container, count) {\n var cells = container.find(\"tr:not(.k-filter-row) th:not(.k-group-cell,.k-hierarchy-cell)\");\n\n for (var idx = 0; idx < cells.length; idx++) {\n cells[idx].rowSpan += count;\n }\n }\n\n function removeEmptyRows(container) {\n var rows = container.find(\"tr:not(.k-filter-row)\");\n\n var emptyRowsCount = rows.filter(function() {\n return !$(this).children().length;\n }).remove().length;\n\n var cells = rows.find(\"th:not(.k-group-cell,.k-hierarchy-cell)\");\n\n for (var idx = 0; idx < cells.length; idx++) {\n if (cells[idx].rowSpan > 1) {\n cells[idx].rowSpan -= emptyRowsCount;\n }\n }\n return rows.length - emptyRowsCount;\n }\n\n function mapColumnToCellRows(columns, cells, rows, rowIndex, offset) {\n var idx, row, length, children = [];\n\n for (idx = 0, length = columns.length; idx < length; idx++) {\n row = rows[rowIndex] || [];\n row.push(cells.eq(offset + idx));\n rows[rowIndex] = row;\n\n if (columns[idx].columns) {\n children = children.concat(columns[idx].columns);\n }\n }\n\n if (children.length) {\n mapColumnToCellRows(children, cells, rows, rowIndex + 1, offset + columns.length);\n }\n }\n\n function setLeftAndRightStyles(element, left, right) {\n element.css({\n \"left\": left,\n \"right\": right\n });\n }\n\n function createColumnAttribute(column, attribute, property) {\n column[attribute] = column[attribute] || {};\n column[attribute][property] = column[attribute][property] || \"\";\n }\n\n function addColumnAttribute(column, attribute, property, value) {\n createColumnAttribute(column, attribute, property);\n\n if (column[attribute][property] !== \"\") {\n column[attribute][property] += \" \" + value;\n } else {\n column[attribute][property] = value;\n }\n }\n\n function removeColumnAttribute(column, attribute, property, value, removeAttributeProperty) {\n createColumnAttribute(column, attribute, property);\n if (removeAttributeProperty) {\n delete column[attribute][property];\n } else {\n column[attribute][property] = column[attribute][property].replace(value, \"\");\n }\n }\n\n function lockedColumns(columns) {\n return grep(columns, function(column) {\n return column.locked;\n });\n }\n\n function nonLockedColumns(columns) {\n return grep(columns, function(column) {\n return !column.locked;\n });\n }\n\n function stickyColumns(columns) {\n return grep(columns, function(column) {\n return column.sticky && !column.locked;\n });\n }\n\n function visibleStickyColumns(columns) {\n return grep(columns, function(column) {\n return column.sticky && !column.locked && isVisible(column);\n });\n }\n\n function visibleNonLockedColumns(columns) {\n return grep(columns, function(column) {\n return !column.locked && isVisible(column);\n });\n }\n\n function visibleLockedColumns(columns) {\n return grep(columns, function(column) {\n return column.locked && isVisible(column);\n });\n }\n\n function visibleLeafColumns(columns) {\n var result = [];\n\n for (var idx = 0; idx < columns.length; idx++) {\n if (columns[idx].hidden) {\n continue;\n }\n\n if (columns[idx].columns) {\n result = result.concat(visibleLeafColumns(columns[idx].columns));\n } else {\n result.push(columns[idx]);\n }\n }\n\n return result;\n }\n\n function visibleLeafExportColumns(columns) {\n var result = [];\n\n for (var idx = 0; idx < columns.length; idx++) {\n if (columns[idx].hidden) {\n continue;\n }\n\n if (columns[idx].columns) {\n result = result.concat(visibleLeafColumns(columns[idx].columns));\n } else {\n result.push({\n field: columns[idx].field,\n width: columns[idx].width,\n values: columns[idx].values,\n title: columns[idx].title\n });\n }\n }\n\n return result;\n }\n\n function childColumns(columns) {\n var result = [];\n\n for (var idx = 0; idx < columns.length; idx++) {\n if (columns[idx].columns) {\n result = result.concat(columns[idx].columns);\n }\n }\n\n return result;\n }\n\n function visibleChildColumns(columns) {\n var result = childColumns(columns);\n\n result = result.filter(function(e) {\n return !e.hidden;\n });\n\n return result;\n }\n\n function leafColumns(columns) {\n var result = [];\n\n for (var idx = 0; idx < columns.length; idx++) {\n if (!columns[idx].columns) {\n result.push(columns[idx]);\n continue;\n }\n result = result.concat(leafColumns(columns[idx].columns));\n }\n\n return result;\n }\n\n function getColumnsFields(columns) {\n var result = [];\n columns = leafColumns(columns);\n\n for (var idx = 0; idx < columns.length; idx++) {\n if (typeof columns[idx] === \"string\") {\n result.push(columns[idx]);\n } else if (columns[idx].field) {\n result.push(columns[idx].field);\n }\n }\n return result;\n }\n\n function editField(column) {\n return {\n field: column.field,\n title: column.title,\n format: column.format,\n editor: column.editor,\n values: column.values,\n editorOptions: extend(true, { format: column.format }, column.editorOptions),\n label: column.title || column.field || \"\"\n };\n }\n\n function leafDataCells(container) {\n var rows = container.find(\">tr:not(.k-filter-row)\");\n\n var filter = function() {\n var el = $(this);\n return !el.hasClass(\"k-group-cell\") && !el.hasClass(\"k-hierarchy-cell\");\n };\n\n var cells = $();\n if (rows.length > 1) {\n cells = rows.find(\"th\")\n .filter(filter)\n .filter(function() { return this.rowSpan > 1; });\n }\n\n cells = cells.add(rows.last().find(\"th\").filter(filter));\n\n var indexAttr = kendo.attr(\"index\");\n cells.sort(function(a, b) {\n a = $(a);\n b = $(b);\n\n var indexA = a.attr(indexAttr);\n var indexB = b.attr(indexAttr);\n\n if (indexA === undefined$1) {\n indexA = $(a).index();\n }\n if (indexB === undefined$1) {\n indexB = $(b).index();\n }\n\n indexA = parseInt(indexA, 10);\n indexB = parseInt(indexB, 10);\n return indexA > indexB ? 1 : (indexA < indexB ? -1 : 0);\n });\n\n return cells;\n }\n\n function parentColumnsCells(cell) {\n var container = cell.closest(\"table\");\n var result = $().add(cell);\n\n var row = cell.closest(TR);\n var headerRows = container.find(\"tr:not(.k-filter-row)\");\n var level = headerRows.index(row);\n if (level > 0) {\n var parent = headerRows.eq(level - 1);\n var parentCellsWithChildren = parent.find(\"th:not(.k-group-cell,.k-hierarchy-cell)\").filter(function() {\n return !$(this).attr(\"rowspan\");\n });\n\n var offset = 0;\n var index = row.find(\"th:not(.k-group-cell,.k-hierarchy-cell)\").index(cell);\n\n var prevCells = cell.prevAll(\":not(.k-group-cell,.k-hierarchy-cell)\").filter(function() {\n return this.colSpan > 1;\n });\n\n for (var idx = 0; idx < prevCells.length; idx++) {\n offset += prevCells[idx].colSpan || 1;\n }\n\n index += Math.max(offset - 1, 0);\n\n offset = 0;\n for (idx = 0; idx < parentCellsWithChildren.length; idx++) {\n var parentCell = parentCellsWithChildren.eq(idx);\n if (parentCell.attr(\"data-colspan\")) {\n offset += parentCell[0].getAttribute(\"data-colspan\");\n } else {\n offset += 1;\n }\n if (index >= idx && index < offset) {\n result = parentColumnsCells(parentCell).add(result);\n break;\n }\n }\n }\n return result;\n }\n\n function childColumnsCells(cell) {\n var container = cell.closest(\"thead\");\n var result = $().add(cell);\n\n var row = cell.closest(TR);\n var headerRows = container.find(\"tr:not(.k-filter-row)\");\n var level = headerRows.index(row) + cell[0].rowSpan;\n var colSpanAttr = kendo.attr(\"colspan\");\n\n if (level <= headerRows.length - 1) {\n var child = row.next();\n var prevCells = cell.prevAll(\":not(.k-group-cell,.k-hierarchy-cell)\");\n\n var idx;\n\n prevCells = prevCells.filter(function() {\n return !this.rowSpan || this.rowSpan === 1;\n });\n\n var offset = 0;\n\n for (idx = 0; idx < prevCells.length; idx++) {\n offset += parseInt(prevCells.eq(idx).attr(colSpanAttr), 10) || 1;\n }\n\n var cells = child.find(\"th:not(.k-group-cell,.k-hierarchy-cell)\");\n var colSpan = parseInt(cell.attr(colSpanAttr), 10) || 1;\n\n idx = 0;\n\n while (idx < colSpan) {\n child = cells.eq(idx + offset);\n result = result.add(childColumnsCells(child));\n var value = parseInt(child.attr(colSpanAttr), 10);\n if (value > 1) {\n colSpan -= value - 1;\n }\n idx++;\n }\n }\n\n return result;\n }\n\n function appendContent(tbody, table, html, size) {\n var placeholder,\n tmp = tbody;\n\n if (tbodySupportsInnerHtml) {\n var $html = $(html);\n kendo.applyStylesFromKendoAttributes($html, [\"display\", \"left\", \"right\"]);\n tbody.empty();\n $html.each(function (_, el) { return tbody[0].appendChild(el); });\n } else {\n placeholder = document.createElement(DIV);\n placeholder.innerHTML = \"\";\n $(placeholder).find(\"table\").addClass(kendo.getValidCssClass(\"k-table-\", \"size\", size));\n tbody = placeholder.firstChild.firstChild;\n table[0].replaceChild(tbody, tmp[0]);\n tbody = $(tbody);\n }\n return tbody;\n }\n\n function addHiddenStyle(attr) {\n attr = attr || {};\n var kendoStyleAttrObject = {};\n kendoStyleAttrObject[kendo.attr(\"style-display\")] = \"none\";\n\n return extend({}, attr, kendoStyleAttrObject);\n }\n\n function hasHiddenStyle(attr) {\n attr = attr || {};\n\n return !!attr[kendo.attr(\"style-display\")];\n }\n\n function removeHiddenStyle(attr) {\n attr = attr || {};\n delete attr[kendo.attr(\"style-display\")];\n\n return attr;\n }\n\n function normalizeCols(table, visibleColumns, hasDetails, groups, resizable) {\n var colgroup = table.find(\">colgroup\"),\n tableWidth = table.width(),\n width,\n minWidth,\n parsedWidth,\n totalWidth = visibleColumns.reduce(function (total, col) { return total += parseInt(col.width, 10); }, 0),\n cols = map(visibleColumns, function(column, i) {\n width = column.width;\n if (width && parseInt(width, 10) !== 0) {\n parsedWidth = parseInt(width, 10);\n if (tableWidth > totalWidth && (typeof width === NUMBER || width.indexOf(PX) > -1) && resizable && !colgroup.length) {\n minWidth = tableWidth / visibleColumns.length;\n return kendo.format((\"\"), minWidth + PX);\n }\n return kendo.format((\"\"), typeof width === STRING ? width : width + PX);\n }\n\n return \"\";\n });\n\n if (hasDetails || colgroup.find(\".k-hierarchy-col\").length) {\n cols.splice(0, 0, '');\n }\n\n if (colgroup.length) {\n colgroup.remove();\n }\n\n colgroup = $(new Array(groups + 1).join('') + cols.join(\"\"));\n kendo.applyStylesFromKendoAttributes(colgroup, [\"width\"]);\n\n if (!colgroup.is(\"colgroup\")) {\n colgroup = $(\"\").append(colgroup);\n }\n\n table.prepend(colgroup);\n }\n\n function normalizeHeaderCells(container, columns) {\n var lastIndex = 0;\n var idx , len;\n var th = container.find(\"th:not(.k-group-cell)\");\n\n for (idx = 0, len = columns.length; idx < len; idx ++) {\n if (columns[idx].locked) {\n th.eq(idx).insertBefore(th.eq(lastIndex));\n th = container.find(\"th:not(.k-group-cell)\");\n lastIndex ++;\n }\n }\n }\n\n function convertToObject(array) {\n var result = {},\n item,\n idx,\n length;\n\n for (idx = 0, length = array.length; idx < length; idx++) {\n item = array[idx];\n result[item.value] = item.text;\n }\n\n return result;\n }\n\n function formatGroupValue(value, format, columnValues, encoded) {\n var isForeignKey = columnValues && columnValues.length && isPlainObject(columnValues[0]) && \"value\" in columnValues[0],\n groupValue = isForeignKey ? convertToObject(columnValues)[value] : value;\n\n groupValue = groupValue != null ? groupValue : \"\";\n\n return format ? kendo.format(format, groupValue) : (encoded === false ? groupValue : kendo.htmlEncode(groupValue));\n }\n\n function setCellVisibility(cells, index, visible) {\n var pad = 0,\n state,\n cell = cells[pad];\n\n while (cell) {\n state = visible ? true : cell.style.display !== NONE;\n\n if (visible && cell.classList.contains(\"k-hidden\")) {\n cell.classList.remove(\"k-hidden\");\n }\n\n if (state && !nonDataCellsRegExp.test(cell.className) && --index < 0) {\n cell.style.display = visible ? \"\" : NONE;\n break;\n }\n\n cell = cells[++pad];\n }\n }\n\n function hideColumnCells(rows, columnIndex) {\n var idx = 0,\n length = rows.length,\n cell, row;\n\n for ( ; idx < length; idx += 1) {\n row = rows.eq(idx);\n if (row.is(\".k-grouping-row,.k-detail-row\")) {\n cell = row.children(\":not(.k-group-cell):first,.k-detail-cell\").last();\n cell.attr(\"colspan\", parseInt(cell.attr(\"colspan\"), 10) - 1);\n } else {\n if (row.hasClass(\"k-grid-edit-row\") && (cell = row.children(\".k-edit-container\")[0])) {\n cell = $(cell);\n cell.attr(\"colspan\", parseInt(cell.attr(\"colspan\"), 10) - 1);\n cell.find(\"col\").eq(columnIndex).remove();\n row = cell.find(TR).first();\n }\n\n setCellVisibility(row[0].cells, columnIndex, false);\n }\n }\n }\n\n function groupRows(data) {\n var result = [];\n var item;\n\n for (var idx = 0; idx < data.length; idx++) {\n item = data[idx];\n if (!(\"field\" in item && \"value\" in item && \"items\" in item)) {\n break;\n }\n\n result.push(item);\n\n if (item.hasSubgroups) {\n result = result.concat(groupRows(item.items));\n }\n }\n\n return result;\n }\n\n function groupFooters(data) {\n var result = [];\n var item;\n\n for (var idx = 0; idx < data.length; idx++) {\n item = data[idx];\n if (!(\"field\" in item && \"value\" in item && \"items\" in item)) {\n break;\n }\n\n if (item.hasSubgroups) {\n result = result.concat(groupFooters(item.items));\n }\n\n result.push(item.aggregates);\n }\n\n return result;\n }\n\n function showColumnCells(rows, columnIndex) {\n var idx = 0,\n length = rows.length,\n cell, row, columns;\n\n for ( ; idx < length; idx += 1) {\n row = rows.eq(idx);\n if (row.is(\".k-grouping-row,.k-detail-row\")) {\n cell = row.children(\":not(.k-group-cell):first,.k-detail-cell\").last();\n cell.attr(\"colspan\", parseInt(cell.attr(\"colspan\"), 10) + 1);\n } else {\n if (row.hasClass(\"k-grid-edit-row\") && (cell = row.children(\".k-edit-container\")[0])) {\n cell = $(cell);\n cell.attr(\"colspan\", parseInt(cell.attr(\"colspan\"), 10) + 1);\n normalizeCols(cell.find(\">form>table\"), visibleColumns(columns), false, 0);\n row = cell.find(TR).first();\n }\n\n setCellVisibility(row[0].cells, columnIndex, true);\n }\n }\n }\n\n function updateColspan(toAdd, toRemove, num) {\n num = num || 1;\n\n var item, idx, length;\n for (idx = 0, length = toAdd.length; idx < length; idx++) {\n item = toAdd.eq(idx).children(\":not([hidden])\").last();\n item.attr(\"colspan\", parseInt(item.attr(\"colspan\"), 10) + num);\n\n item = toRemove.eq(idx).children(\":not([hidden])\").last();\n item.attr(\"colspan\", parseInt(item.attr(\"colspan\"), 10) - num);\n }\n }\n\n function tableWidth(table) {\n var idx, length, width = 0;\n var cols = table.find(\">colgroup>col\");\n\n for (idx = 0, length = cols.length; idx < length; idx += 1) {\n width += parseInt(cols[idx].style.width, 10);\n }\n\n return width;\n }\n var Grid = kendo.ui.DataBoundWidget.extend({\n init: function(element, options, events) {\n var that = this;\n\n options = isArray(options) ? { dataSource: options } : options;\n\n Widget.fn.init.call(that, element, options);\n\n if (events) {\n that._events = events;\n }\n\n isRtl = kendo.support.isRtl(element);\n CARET_ALT_RIGHT = isRtl ? CARET_ALT_LEFT : CARET_ALT_RIGHT_CACHE;\n\n that._element();\n\n that._ariaId();\n\n that._columns($.extend(true, [], that.options.columns));\n\n if (that._foreignKeyPromises) {\n $.when.apply(null, that._foreignKeyPromises)\n .then(function() {\n that._foreignKeyPromises = null;\n that._continueInit();\n });\n } else {\n that._continueInit();\n }\n },\n\n _continueInit: function() {\n var that = this;\n\n that._dataSource();\n\n that._stickyColumns();\n\n that._tbody();\n\n that._thead();\n\n that._rowResizing();\n\n that._groupable();\n\n that._toolbar();\n\n var columnsToolbarButton = that.wrapper.find(\".k-grid-toolbar .k-toolbar-button.k-grid-column-menu.k-toolbar-tool\");\n if (columnsToolbarButton.length > 0) {\n that._globalColumnsMenu(columnsToolbarButton);\n }\n\n that._pageable();\n\n that._setContentHeight();\n\n that._templates();\n\n that._navigatable();\n\n that._initSelectableAggregates();\n\n that._selectable();\n\n that._statusBar();\n\n that._clipboard();\n\n that._paste();\n\n that._details();\n\n that._editable();\n\n that._attachCustomCommandsEvent();\n\n that._adaptiveColumns();\n\n that._minScreenSupport();\n\n if (that.options.autoBind) {\n that.dataSource.fetch();\n } else {\n that._group = that._groups() > 0;\n that._footer();\n }\n\n if (that.options.contextMenu) {\n that._initContextMenu();\n }\n\n if (that.lockedContent) {\n that.wrapper.addClass(\"k-grid-lockedcolumns\");\n that._resizeHandler = function() {\n that.resize();\n };\n $(window).on(\"resize\" + NS, that._resizeHandler);\n }\n\n kendo.notify(that);\n\n if (that._showWatermarkOverlay) {\n that._showWatermarkOverlay(that.wrapper[0]);\n }\n },\n\n events: [\n CHANGE,\n CHANGING,\n \"dataBinding\",\n \"cancel\",\n DATABOUND,\n DETAILEXPAND,\n DETAILCOLLAPSE,\n DETAILINIT,\n FILTERMENUINIT,\n FILTERMENUOPEN,\n COLUMNMENUINIT,\n COLUMNMENUOPEN,\n EDIT,\n BEFOREEDIT,\n SAVE,\n REMOVE,\n SAVECHANGES,\n CELLCLOSE,\n ROWRESIZE,\n COLUMNRESIZE,\n COLUMNREORDER,\n COLUMNSHOW,\n COLUMNHIDE,\n COLUMNLOCK,\n COLUMNUNLOCK,\n COLUMNSTICK,\n COLUMNUNSTICK,\n ROWREORDER,\n NAVIGATE,\n PASTE,\n \"page\",\n \"sort\",\n \"filter\",\n \"group\",\n \"groupExpand\",\n \"groupCollapse\",\n \"kendoKeydown\"\n ],\n\n setDataSource: function(dataSource) {\n var that = this;\n var scrollable = that.options.scrollable;\n var scrollableContent;\n\n that.options.dataSource = dataSource;\n\n that._dataSource();\n\n that._pageable();\n\n that._thead();\n\n that._rowResizing();\n\n if (scrollable) {\n if (scrollable.virtual) {\n scrollableContent = that.content.find(\">.k-virtual-scrollable-wrap\");\n kendo.scrollLeft(scrollableContent, leftMostPosition(scrollableContent, isRtl));\n } else {\n scrollableContent = that.tbody;\n kendo.scrollLeft(that.content, leftMostPosition(scrollableContent, isRtl));\n }\n }\n\n if (that.options.groupable) {\n that._groupable();\n }\n\n if (that.virtualScrollable) {\n that.virtualScrollable.setDataSource(that.options.dataSource);\n }\n\n if (that.options.navigatable) {\n that._navigatable();\n }\n\n if (that.options.selectable) {\n that._selectable();\n }\n\n if (that.options.autoBind) {\n that.dataSource.fetch();\n } else {\n that._footer();\n }\n },\n\n options: {\n name: \"Grid\",\n columns: [],\n toolbar: null,\n autoBind: true,\n filterable: false,\n scrollable: true,\n sortable: false,\n selectable: false,\n allowCopy: false,\n allowPaste: false,\n navigatable: false,\n pageable: false,\n persistSelection: false,\n editable: false,\n encodeTitles: false,\n groupable: false,\n rowTemplate: \"\",\n altRowTemplate: \"\",\n statusBarTemplate: null,\n search: false,\n noRecords: false,\n dataSource: {},\n height: null,\n resizable: false,\n reorderable: false,\n columnMenu: false,\n detailTemplate: null,\n contextMenu: false,\n columnResizeHandleWidth: 3,\n size: \"medium\",\n mobile: \"\",\n loaderType: \"loadingPanel\",\n messages: {\n editable: {\n cancelDelete: CANCELDELETE,\n confirmation: DELETECONFIRM,\n confirmDelete: CONFIRMDELETE\n },\n commands: {\n create: defaultCommands.create.text,\n cancel: defaultCommands.cancel.text,\n save: defaultCommands.save.text,\n destroy: defaultCommands.destroy.text,\n edit: defaultCommands.edit.text,\n update: defaultCommands.update.text,\n canceledit: defaultCommands.canceledit.text,\n excel: defaultCommands.excel.text,\n pdf: defaultCommands.pdf.text,\n search: defaultCommands.search.text,\n columns: defaultCommands.columns.text,\n select: \"Select\",\n selectRow: \"Select Row\",\n selectAllRows: \"All rows\",\n clearSelection: \"Clear selection\",\n copySelection: \"Copy selection\",\n copySelectionNoHeaders: \"Copy selection (No Headers)\",\n paste: \"Paste (use CTRL/⌘ + V)\",\n reorderRow: \"Reorder row\",\n reorderRowUp: \"Up\",\n reorderRowDown: \"Down\",\n reorderRowTop: \"Top\",\n reorderRowBottom: \"Bottom\",\n exportPdf: \"Export to PDF\",\n exportExcel: \"Export to Excel\",\n exportToExcelAll: \"All\",\n exportToExcelSelection: \"Selection\",\n exportToExcelSelectionNoHeaders: \"Selection (No Headers)\",\n sortAsc: \"Sort Ascending\",\n sortDesc: \"Sort Descending\",\n moveGroupPrevious: \"Move previous\",\n moveGroupNext: \"Move next\",\n },\n noRecords: NORECORDS,\n expandCollapseColumnHeader: \"\",\n groupHeader: \"Press ctrl + space to group\",\n ungroupHeader: \"Press ctrl + space to ungroup\",\n itemsSelected: \"items selected\",\n dragHandleLabel: \"Drag row\",\n toolbarLabel: \"grid toolbar\",\n groupingHeaderLabel: \"grid grouping header\",\n filterCellTitle: \"filter cell\"\n },\n width: null\n },\n\n destroy: function() {\n var that = this,\n element,\n reorderableInstance;\n\n that._destroyColumnAttachments();\n\n Widget.fn.destroy.call(that);\n\n if (this._navigatableTables) {\n this._navigatableTables.off(NS);\n this._navigatableTables = null;\n this._headertables = null;\n }\n\n if (that._resizeHandler) {\n $(window).off(\"resize\" + NS, that._resizeHandler);\n }\n\n if (that.pager && that.pager.element) {\n that.pager.destroy();\n }\n\n if (that.timer) {\n clearTimeout(that.timer);\n }\n\n if (that._progressTimeOut) {\n clearTimeout(that._progressTimeOut);\n }\n\n if (that._collapseGroupsTimeOut) {\n clearTimeout(that._collapseGroupsTimeOut);\n }\n\n if (that._endlessFetchTimeOut) {\n clearTimeout(that._endlessFetchTimeOut);\n }\n\n that.pager = null;\n\n that._destroyGroupable();\n\n reorderableInstance = that.wrapper.data(\"kendoReorderable\");\n if (reorderableInstance) {\n reorderableInstance.destroy();\n }\n\n reorderableInstance = that.tbody ? that.tbody.data(\"kendoReorderable\") : null;\n if (reorderableInstance) {\n reorderableInstance.destroy();\n }\n\n if (that.allowPaste) {\n that.wrapper.off(\"paste\", that.pasteHandler);\n that.unbind(that.pasteHandler);\n }\n\n if (that.pasteActionsDropDownList) {\n that.pasteActionsDropDownList.destroy();\n that.pasteActionsDropDownList = null;\n }\n\n if (that.selectable && that.selectable.element) {\n that.selectable.destroy();\n\n that.clearArea();\n that._selectedIds = null;\n\n if (that.copyHandler) {\n that.wrapper.off(\"keydown\", that.copyHandler);\n that.unbind(that.copyHandler);\n }\n if (that.updateClipBoardState) {\n that.unbind(that.updateClipBoardState);\n that.updateClipBoardState = null;\n }\n if (that.clearAreaHandler) {\n that.wrapper.off(\"keyup\", that.clearAreaHandler);\n }\n }\n\n that.selectable = null;\n that._selectableAggregatesOptions = null;\n\n if (that.resizable) {\n that.resizable.destroy();\n\n if (that._resizeUserEvents) {\n if (that._resizeHandleDocumentClickHandler) {\n $(document).off(\"click\", that._resizeHandleDocumentClickHandler);\n }\n that._resizeUserEvents.destroy();\n that._resizeUserEvents = null;\n }\n that.resizable = null;\n }\n\n that._destroyRowResizing();\n\n that._destroyVirtualScrollable();\n\n if (that.editableUserEvents) {\n that.editableUserEvents.destroy();\n that.editableUserEvents = null;\n }\n\n if (that._lockedContentUserEvents) {\n that._lockedContentUserEvents.destroy();\n that._lockedContentUserEvents = null;\n }\n\n that._destroyEditable();\n\n if (that.dataSource) {\n that.dataSource.unbind(CHANGE, that._refreshHandler)\n .unbind(PROGRESS, that._progressHandler)\n .unbind(ERROR, that._errorHandler)\n .unbind(SORT, that._clearSortClasses);\n\n that._refreshHandler = that._progressHandler = that._errorHandler = that._sortHandler = null;\n }\n\n element = that.element\n .add(that.wrapper)\n .add(that.table)\n .add(that.thead)\n .add(that.wrapper.find(\">.k-grid-toolbar\"));\n\n if (that.content) {\n element = element\n .add(that.content)\n .add(that.content.find(\">.k-virtual-scrollable-wrap\"));\n }\n\n if (that.scrollables && that.scrollables.first()) {\n element = element.add(that.scrollables.first());\n }\n\n if (that.lockedHeader) {\n that._removeLockedContainers();\n }\n\n if (that.pane) {\n that.pane.destroy();\n }\n\n if (that._isMobile) {\n that.wrapper.off(\"transitionend\" + NS);\n that.wrapper.off(\"contextmenu\" + NS);\n }\n\n if (that.minScreenResizeHandler) {\n $(window).off(\"resize\", that.minScreenResizeHandler);\n }\n\n that._detachColumnMediaResizeHandler();\n\n if (that._draggableInstance && that._draggableInstance.element) {\n that._draggableInstance.destroy();\n }\n\n that._draggableInstance = null;\n\n if (that._draggableRowsInstance && that._draggableRowsInstance.element) {\n that._draggableRowsInstance.destroy();\n }\n\n if (that.tbodyContextMenu) {\n that.tbodyContextMenu.destroy();\n }\n\n if (that.theadContextMenu) {\n that.theadContextMenu.destroy();\n }\n\n that._draggableRowsInstance = null;\n\n element.off(NS);\n\n kendo.destroy(that.wrapper);\n\n that.rowTemplate =\n that.altRowTemplate =\n that.lockedRowTemplate =\n that.lockedAltRowTemplate =\n that.detailTemplate =\n that.footerTemplate =\n that.groupFooterTemplate =\n that.lockedGroupFooterTemplate =\n that.noRecordsTemplate = null;\n\n that.scrollables =\n that.thead =\n that.tbody =\n that.element =\n that.table =\n that.content =\n that.statusBar =\n that.footer =\n that.wrapper =\n that.lockedTable =\n that.lockedContent =\n that.lockedHeader =\n that.lockedFooter =\n that._groupableClickHandler =\n that._groupRows =\n that._setContentWidthHandler = null;\n },\n\n getOptions: function() {\n var options = this.options;\n options.dataSource = null;\n\n var result = extend(true, {}, this.options);\n result.columns = kendo.deepExtend([], this.columns);\n\n var dataSource = this.dataSource;\n\n var initialData = dataSource.options.data && dataSource._data;\n dataSource.options.data = null;\n\n result.dataSource = $.extend(true, {}, dataSource.options);\n\n dataSource.options.data = initialData;\n\n result.dataSource.data = initialData;\n result.dataSource.page = dataSource.page();\n result.dataSource.filter = $.extend(true, {}, dataSource.filter());\n result.dataSource.pageSize = dataSource.pageSize();\n result.dataSource.sort = dataSource.sort();\n result.dataSource.group = dataSource.group();\n result.dataSource.aggregate = dataSource.aggregate();\n\n if (result.dataSource.transport) {\n result.dataSource.transport.dataSource = null;\n }\n\n if (result.pageable && result.pageable.pageSize) {\n result.pageable.pageSize = dataSource.pageSize();\n }\n\n return result;\n },\n\n setOptions: function(options) {\n var currentOptions = this.getOptions();\n kendo.deepExtend(currentOptions, options);\n if (!options.dataSource) {\n currentOptions.dataSource = this.dataSource;\n } else {\n if (options.dataSource.filter) {\n currentOptions.dataSource.filter = options.dataSource.filter;\n }\n }\n var wrapper = this.wrapper;\n var events = this._events;\n var element = this.element;\n\n this.destroy();\n this.options = null;\n if (this._isMobile) {\n var mobileWrapper = wrapper.closest(kendo.roleSelector(\"pane\")).parent();\n mobileWrapper.after(wrapper);\n mobileWrapper.remove();\n wrapper.removeClass(\"k-grid-mobile\");\n }\n if (wrapper[0] !== element[0]) {\n wrapper.before(element);\n wrapper.remove();\n }\n element.empty();\n\n this.init(element, currentOptions, events);\n this._setEvents(currentOptions);\n },\n\n items: function() {\n if (this.lockedContent) {\n return this._items(this.tbody).add(this._items(this.lockedTable.children(\"tbody\")));\n } else {\n return this._items(this.tbody);\n }\n },\n\n _items: function(container, includeGroupRows) {\n return container.children().filter(function() {\n var tr = $(this);\n return (includeGroupRows ? !tr.hasClass(\"k-detail-row\") : !tr.hasClass(GROUPING_ROW)) && !tr.hasClass(\"k-detail-row\") && !tr.hasClass(\"k-group-footer\");\n });\n },\n\n dataItems: function() {\n var dataItems = kendo.ui.DataBoundWidget.fn.dataItems.call(this);\n if (this.lockedContent) {\n var n = dataItems.length, tmp = new Array(2 * n);\n for (var i = n; --i >= 0;) {\n tmp[i] = tmp[i + n] = dataItems[i];\n }\n dataItems = tmp;\n }\n\n return dataItems;\n },\n\n _destroyColumnAttachments: function() {\n var that = this;\n\n that.resizeHandle = null;\n\n if (!that.thead) {\n return;\n }\n\n that.thead.add(that.lockedHeader).find(\"th\").each(function() {\n var th = $(this),\n filterMenu = th.data(\"kendoFilterMenu\"),\n sortable = th.data(\"kendoColumnSorter\"),\n columnMenu = th.data(\"kendoColumnMenu\");\n\n if (filterMenu) {\n filterMenu.destroy();\n }\n\n if (sortable) {\n sortable.destroy();\n }\n\n if (columnMenu) {\n columnMenu.destroy();\n }\n });\n },\n\n _attachCustomCommandsEvent: function() {\n var that = this,\n columns = leafColumns(that.columns || []),\n command,\n idx,\n length;\n\n for (idx = 0, length = columns.length; idx < length; idx++) {\n command = columns[idx].command;\n\n if (command) {\n attachCustomCommandEvent(that, that.wrapper, command);\n }\n }\n },\n\n _aria: function() {\n var wrapper = this.wrapper,\n gridRole = this._hasDetails() ? \"treegrid\" : this.options.navigatable ? \"grid\" : null,\n table = this.table,\n toolbar = wrapper.find(\".k-grid-toolbar\"),\n groupingHeader = wrapper.find(\".k-grouping-header\"),\n gridId = this._ariaGridId(),\n tableTabindex = table.attr(TABINDEX),\n tbodyId, headerGroupId, footerGroupId, tableOwned,\n numberOfFixedRows = this.thead.find(TR).length + this.wrapper.find(\".k-grid-footer-wrap table tr\").length,\n trailingColumns = this._trailingColumns(),\n virtual = this.virtualScroll,\n pageable = this.options.pageable,\n rowsCount;\n\n table.attr(TABINDEX, tableTabindex >= 0 ? tableTabindex : 0);\n\n if (gridRole) {\n table.attr(ROLE, gridRole);\n }\n\n table.find(\"tbody, thead, tfoot\").attr(ROLE, ROWGROUP);\n table.find(TR).attr(ROLE, ROW);\n table.find(\"th\").attr(ROLE, COLUMNHEADER);\n table.find(\"td\").attr(ROLE, GRIDCELL);\n\n if ((pageable && this.dataSource.totalPages() > 1) || (virtual && virtual.rows)) {\n if (this._groups() > 0) {\n rowsCount = -1;\n } else if (this._hasDetails()) {\n rowsCount = numberOfFixedRows + (this.dataSource.total() * 2);\n } else {\n rowsCount = numberOfFixedRows + this.dataSource.total();\n }\n\n table.attr(ARIA_ROWCOUNT, rowsCount);\n } else if (this._hasDetails()) {\n if (this._groups() > 0) {\n rowsCount = -1;\n } else {\n rowsCount = numberOfFixedRows + (this.dataSource.total() * 2);\n }\n\n table.attr(ARIA_ROWCOUNT, rowsCount);\n }\n\n if (rowsCount && rowsCount > 0) {\n this._ariaRowIndex();\n }\n\n if ((virtual && virtual.columns) ||\n (!table.attr(ARIA_COLCOUNT) &&\n (table.find(\"td:not([group-header-spanned-hidden]):hidden\").length > 0 ||\n wrapper.find(\".k-grid-content-locked td:not([group-header-spanned-hidden]):hidden\").length > 0))) {\n table.attr(ARIA_COLCOUNT, trailingColumns + leafColumns(this.columns).length);\n this._ariaColumnIndex();\n }\n\n if (this.pager) {\n this.pager.element.attr(ARIA_CONTROLS, gridId);\n }\n\n toolbar.attr({\n role: \"toolbar\",\n \"aria-label\": this.options.messages.toolbarLabel,\n \"aria-controls\": gridId\n });\n\n groupingHeader.attr({\n role: \"toolbar\",\n \"aria-label\": this.options.messages.groupingHeaderLabel,\n \"aria-controls\": gridId\n });\n\n headerGroupId = this._ariaHeaderFooter(\"header\", \"thead\", \"th, td\", COLUMNHEADER);\n footerGroupId = this._ariaHeaderFooter(\"footer\", \"tfoot\", \"td\", GRIDCELL);\n\n if (wrapper.find(\".k-grid-content-locked\").length > 0) {\n this._ariaLockedContent();\n }\n\n if (!!headerGroupId || !!footerGroupId) {\n tbodyId = this.tbody.attr(ID) || kendo.guid();\n tableOwned = [headerGroupId, tbodyId, footerGroupId].join(\" \");\n\n this.tbody.attr(ID, tbodyId);\n table.attr(ARIA_OWNS, tableOwned);\n }\n\n if (this.options.groupable) {\n this._ariaGroupTitles();\n }\n },\n\n _ariaColumnIndex: function() {\n var trailingColumns = this._trailingColumns(),\n dataVirtual = this.tbody.find(\">tr\").last().find(\"> td[data-virtual]\"),\n headerRows = this.thead.find(\">tr\").not(\".k-filter-row\"),\n lockedHeaderRows = this.wrapper.find(\".k-grid-header-locked thead > tr\").not(\".k-filter-row\"),\n firstIndex = Number.MAX_VALUE,\n lastIndex = 0,\n lockedLastIndex = 0,\n previousVirtual = 0,\n nextVirtual = 0,\n previousIndex, i, cells, dataIndex, cellsIndex,\n eachHeaderCell = function(j, cell) {\n var current = cell.getAttribute(\"data-index\"),\n currentIndex = Number(current),\n lockedParent = $(cell).closest(\".k-grid-header-locked\");\n\n if (lockedParent.length === 0 && currentIndex < firstIndex) {\n firstIndex = currentIndex;\n }\n\n if (lockedParent.length > 0 && lockedLastIndex < currentIndex) {\n lockedLastIndex = currentIndex;\n }\n\n if (lockedParent.length === 0 && lastIndex < currentIndex) {\n lastIndex = currentIndex;\n }\n\n if (current !== null) {\n cell.setAttribute(ARIA_COLINDEX, Number(currentIndex) + 1);\n previousIndex = Number(currentIndex) + 1 + cell.getAttribute(\"colspan\");\n } else {\n cell.setAttribute(ARIA_COLINDEX, previousIndex + 1);\n previousIndex = previousIndex + cell.getAttribute(\"colspan\");\n }\n };\n\n if (dataVirtual.length === 2) {\n previousVirtual = Number(dataVirtual[0].getAttribute(\"colspan\"));\n nextVirtual = Number(dataVirtual[1].getAttribute(\"colspan\"));\n } else if (dataVirtual.length === 1 && dataVirtual.prev().length === 0) {\n previousVirtual = Number(dataVirtual[0].getAttribute(\"colspan\"));\n } else if (dataVirtual.length === 1 && dataVirtual.prev().length === 1) {\n nextVirtual = Number(dataVirtual[0].getAttribute(\"colspan\"));\n }\n\n for (i = 0; i < lockedHeaderRows.length; i++) {\n previousIndex = 0;\n lockedHeaderRows.eq(i).find(\"th\").each(eachHeaderCell);\n }\n\n for (i = 0; i < headerRows.length; i++) {\n previousIndex = 0;\n headerRows.eq(i).find(\"th\").each(eachHeaderCell);\n }\n\n for (i = 0; i <= lockedLastIndex; i++) {\n dataIndex = i + trailingColumns;\n cells = this.wrapper.find(\".k-grid-content-locked tbody > tr > td:nth-child(\" + (i + 1) + \")\");\n cells.attr(ARIA_COLINDEX, dataIndex + 1);\n }\n\n for (i = previousVirtual; i <= lastIndex - firstIndex - nextVirtual; i++) {\n if (previousVirtual === 0 ) {\n cellsIndex = i + 1;\n } else {\n cellsIndex = i - previousVirtual + 2;\n }\n\n dataIndex = firstIndex + i + trailingColumns;\n\n cells = this.tbody.find(\"> tr > td:nth-child(\" + cellsIndex + \")\");\n cells.attr(ARIA_COLINDEX, dataIndex + 1);\n }\n },\n\n _ariaGroupTitles: function() {\n var that = this,\n groups = that.dataSource.group(),\n ths = that.wrapper.find(\".k-grid-header th\");\n\n ths.each(function(i, el) {\n if (el.getAttribute(\"title\") === that.options.messages.ungroupHeader) {\n el.setAttribute(\"title\", that.options.messages.groupHeader);\n }\n });\n\n if (groups && groups.length > 0) {\n groups.forEach(function(group) {\n var field = group.field,\n el = ths.filter(\"[\" + kendo.attr(\"field\") + \"='\" + field + \"']\");\n\n if (el.attr(\"title\") === that.options.messages.groupHeader) {\n el.attr(\"title\", that.options.messages.ungroupHeader);\n }\n });\n }\n },\n\n _ariaHeaderFooter: function(type, group, el, role) {\n var that = this,\n wrapper = that.wrapper,\n table = wrapper.find(\".k-grid-\" + type + \" .k-grid-\" + type + \"-wrap table\"),\n lockedTable = wrapper.find(\".k-grid-\" + type + \" .k-grid-\" + type + \"-locked table\"),\n groupId = \"\",\n rowGroup;\n\n if (table.length > 0) {\n rowGroup = table.find(group + \", tbody\");\n groupId = rowGroup.attr(ID) || kendo.guid();\n\n table.attr(ROLE, NONE);\n table.find(TR).attr(ROLE, ROW);\n table.find(el).attr(ROLE, role);\n rowGroup.attr({\n role: ROWGROUP,\n id: groupId\n });\n }\n\n if (lockedTable.length > 0) {\n that._ariaLocked(type, group, el, role);\n }\n\n lockedTable.find(\"td\").attr(ROLE, GRIDCELL);\n table.find(\"td\").attr(ROLE, GRIDCELL);\n\n return groupId;\n },\n\n _ariaId: function() {\n var id = this.element.attr(ID) || \"aria\";\n\n if (id) {\n this._cellId = id + \"_active_cell\";\n }\n },\n\n _ariaGridId: function() {\n var table = this.table,\n gridId = table.attr(ID);\n\n if (!gridId) {\n gridId = kendo.guid();\n table.attr(ID, gridId);\n }\n\n return gridId;\n },\n\n _ariaLocked: function(type, group, el, role) {\n var that = this,\n wrapper = that.wrapper,\n table = wrapper.find(\".k-grid-\" + type + \" .k-grid-\" + type + \"-wrap table\"),\n lockedTable = wrapper.find(\".k-grid-\" + type + \" .k-grid-\" + type + \"-locked table\"),\n rows = table.find(TR),\n lockedRows = lockedTable.find(TR);\n\n lockedTable.attr(ROLE, NONE);\n lockedTable.find(group + \", tbody\").attr(ROLE, NONE);\n lockedRows.attr(ROLE, NONE);\n\n lockedTable.find(el).attr(ROLE, role);\n\n rows.each(function(i, row) {\n var ownedCells = [];\n\n ownedCells = that._cellsIds(lockedRows.eq(i).find(el), \"locked_\" + type, i);\n ownedCells = ownedCells.concat(that._cellsIds($(row).find(el), type, i));\n\n row.setAttribute(ARIA_OWNS, ownedCells.join(\" \"));\n });\n },\n\n _ariaLockedContent: function() {\n var that = this,\n table = that.table,\n tableRows = table.find(TR),\n lockedTable = that.wrapper.find(\".k-grid-content-locked table\"),\n lockedRows = lockedTable.find(TR);\n\n lockedTable.attr(ROLE, NONE);\n lockedTable.find(\"tbody\").attr(ROLE, NONE);\n lockedRows.attr(ROLE, NONE);\n lockedTable.find(\"td\").attr(ROLE, GRIDCELL);\n\n tableRows.each(function(i, row) {\n var ownedCells = [];\n\n ownedCells = that._cellsIds(lockedRows.eq(i).find(\"td\"), \"locked_datacell\", i);\n ownedCells = ownedCells.concat(that._cellsIds($(row).find(\"td\"), \"datacell\", i));\n\n row.setAttribute(ARIA_OWNS, ownedCells.join(\" \"));\n });\n },\n\n _ariaAddHiddenColIndex: function() {\n var virtualScroll = this.virtualScroll || {},\n columns = this.columns,\n table = this.table,\n leafColsCount = leafColumns(columns).length;\n\n if (!virtualScroll.columns && !table.attr(ARIA_COLCOUNT)) {\n this._ariaColumnIndex();\n\n table.attr(ARIA_COLCOUNT, leafColsCount);\n }\n },\n\n _ariaRemoveHiddenColIndex: function() {\n var virtualScroll = this.virtualScroll || {},\n columns = this.columns,\n leafColsCount = leafColumns(columns).length;\n\n if (!virtualScroll.columns && (leafColsCount === visibleLeafColumns(this.columns).length)) {\n this.wrapper.find(\"td, th\").removeAttr(ARIA_COLINDEX);\n\n this.table.removeAttr(ARIA_COLCOUNT);\n }\n },\n\n _ariaRowIndex: function() {\n var headerRows = this.thead.find(\">tr\"),\n numberOfHeaderRows = headerRows.length,\n bodyRows = this.tbody.find(\">tr\"),\n footerRows = this.wrapper.find(\".k-grid-footer-wrap tfoot > tr\"),\n totalNumberOfItems = this.dataSource.total(),\n previousItems = this.dataSource.skip() || 0,\n currentIndex = 1,\n previousMaster = false,\n i, currentRow;\n\n if (this._hasDetails()) {\n totalNumberOfItems = totalNumberOfItems * 2;\n previousItems = previousItems * 2;\n }\n\n for (i = 0; i < numberOfHeaderRows; i++) {\n headerRows.eq(i).attr(ARIA_ROWINDEX, currentIndex + i);\n }\n\n currentIndex = numberOfHeaderRows + previousItems;\n\n for (i = 0; i < bodyRows.length; i++) {\n currentRow = bodyRows.eq(i);\n\n if (this._hasDetails() && currentRow.hasClass(\"k-master-row\")) {\n if (previousMaster) {\n currentIndex = currentIndex + 2;\n } else {\n currentIndex = currentIndex + 1;\n }\n\n previousMaster = true;\n } else {\n currentIndex = currentIndex + 1;\n previousMaster = false;\n }\n\n currentRow.attr(ARIA_ROWINDEX, currentIndex);\n }\n\n currentIndex = numberOfHeaderRows + totalNumberOfItems + 1;\n\n for (i = 0; i < footerRows.length; i++) {\n footerRows.eq(i).attr(ARIA_ROWINDEX, currentIndex + i);\n }\n },\n\n _cellsIds: function(elements, prefix, i) {\n var ownedCells = [],\n gridId = this._ariaGridId();\n\n elements.each(function(j, cell) {\n var id = cell.getAttribute(ID) || gridId + \"_\" + prefix + \"_\" + i + \"_\" + j;\n\n cell.setAttribute(ID, id);\n\n ownedCells.push(id);\n });\n\n return ownedCells;\n },\n\n _trailingColumns: function() {\n return this._groups() + (this._hasDetails() ? 1 : 0);\n },\n\n _element: function() {\n var that = this,\n table = that.element;\n\n if (!table.is(\"table\")) {\n if (that.options.scrollable) {\n table = that.element.find(\"> .k-grid-content > table\");\n } else {\n table = that.element.children(\"table\");\n }\n\n if (!table.length) {\n table = $(\"\").appendTo(that.element);\n }\n }\n\n table.addClass(\"k-grid-table k-table\");\n table.addClass(kendo.getValidCssClass(\"k-table-\", \"size\", that.options.size));\n that.table = table;\n\n that._wrapper();\n },\n\n _createResizeHandle: function(container, th) {\n var that = this;\n var indicatorWidth = that.options.columnResizeHandleWidth;\n var scrollable = that.options.scrollable;\n var resizeHandle = that.resizeHandle;\n var halfResizeHandle = (indicatorWidth * 3) / 2;\n var rtlCorrection = 0;\n var headerWrap;\n var ieCorrection;\n var webkitCorrection;\n var firefoxCorrection;\n var leftMargin;\n var invisibleSpace;\n var leftBorderWidth;\n var scrollLeft;\n var left;\n var top;\n\n if (resizeHandle && that.lockedContent && resizeHandle.data(\"th\")[0] !== th[0]) {\n resizeHandle.off(NS).remove();\n resizeHandle = null;\n }\n\n if (!resizeHandle) {\n resizeHandle = that.resizeHandle = $('');\n container.append(resizeHandle);\n }\n\n scrollLeft = kendo.scrollLeft(container);\n\n if (isRtl && (browser.mozilla || (browser.webkit && browser.version >= 85))) {\n scrollLeft = scrollLeft * -1;\n }\n\n leftBorderWidth = parseFloat(container.css(\"borderLeftWidth\"));\n\n left = th.offset().left + scrollLeft - parseFloat(th.css(\"marginLeft\")) - (container.offset().left + leftBorderWidth);\n\n if (!isRtl) {\n left += th[0].offsetWidth;\n } else {\n if (scrollable) {\n rtlCorrection = (left <= scrollLeft ? halfResizeHandle : 0);// when shown on first column headers are misaligned due to the width of the resize handler\n headerWrap = th.closest(\".k-grid-header-wrap, .k-grid-header-locked\");\n invisibleSpace = headerWrap[0].scrollWidth - headerWrap[0].offsetWidth; // the difference between the entire width and the visible area\n leftMargin = parseFloat(headerWrap.css(\"marginLeft\"));\n ieCorrection = browser.msie ? 2 * kendo.scrollLeft(headerWrap) + leftBorderWidth - leftMargin - rtlCorrection : 0;\n webkitCorrection = -rtlCorrection;\n firefoxCorrection = browser.mozilla ? leftBorderWidth - leftMargin - rtlCorrection : 0;\n\n left -= webkitCorrection + firefoxCorrection + ieCorrection;\n }\n }\n\n top = th.offset().top - parseFloat(th.css(\"marginTop\")) - (container.offset().top + parseFloat(container.css(\"borderTopWidth\")));\n\n resizeHandle.css({\n top: top, //scrollable ? 0 : heightAboveHeader(that.wrapper),\n left: left - halfResizeHandle,\n height: outerHeight(th),\n width: indicatorWidth * 3 - rtlCorrection\n })\n .data(\"th\", th)\n .show();\n\n resizeHandle.off(DUBLECLICK + NS).on(DUBLECLICK + NS, function() {\n that._autoFitLeafColumn(parseInt(th.attr(kendo.attr(\"index\")), 10));\n });\n },\n\n _positionColumnResizeHandle: function() {\n var that = this,\n lockedHead = that.lockedHeader ? that.lockedHeader.find(\"thead\").first() : $();\n\n that.thead.add(lockedHead).on(MOUSEMOVE + NS, \"tr:not(.k-filter-row) > th\", function(e) {\n var button = typeof e.buttons !== \"undefined\" ? e.buttons : (e.which || e.button);\n\n var th = $(this);\n if (th.hasClass(\"k-group-cell\") || th.hasClass(\"k-hierarchy-cell\")) {\n return;\n }\n\n if (typeof button !== \"undefined\" && button !== 0) {\n //do not create a new resize handle if a mouse button is still pressed\n //this happens during resizing or before UserEvents trigger \"start\"\n return;\n }\n\n if (th[0].hasAttribute(kendo.attr(COLSPAN))) {\n // resizing multi-column headers is not supported\n return;\n }\n\n that._createResizeHandle(th.closest(DIV), th);\n });\n },\n\n _resizeHandleDocumentClick: function(e) {\n if ($(e.target).closest(\".k-column-active\").length) {\n return;\n }\n\n $(document).off(e);\n\n this._resetResizeHandleHeader();\n this._hideResizeHandle();\n },\n\n _resetResizeHandleHeader: function() {\n var th;\n\n if (!this.resizeHandle) {\n return;\n }\n\n th = $(this.resizeHandle).data(\"th\");\n\n if (th) {\n th.find(DOT + LINK_CLASS).find(DOT + ICON_CLASS + \",\" + DOT + SVG_ICON_CLASS).show();\n th.find(DOT + ORDER_CLASS).show();\n th.find(DOT + HEADER_COLUMN_MENU_CLASS).show();\n th.find(DOT + FILTER_MENU_CLASS).show();\n }\n },\n\n _hideResizeHandle: function() {\n if (this.resizeHandle) {\n this.resizeHandle.data(\"th\")\n .removeClass(\"k-column-active\");\n\n if (this.lockedContent && !this._isMobile) {\n this.resizeHandle.off(NS).remove();\n this.resizeHandle = null;\n } else {\n this.resizeHandle.hide();\n }\n }\n },\n\n _positionColumnResizeHandleTouch: function() {\n var that = this,\n lockedHead = that.lockedHeader ? that.lockedHeader.find(\"thead\").first() : $();\n\n that._resizeUserEvents = new kendo.UserEvents(lockedHead.add(that.thead), {\n filter: \"th:not(.k-group-cell):not(.k-hierarchy-cell)\",\n threshold: 10,\n minHold: 500,\n hold: function(e) {\n var th = $(e.target);\n\n e.preventDefault();\n\n if (that.resizeHandle) {\n that.resizeHandle.data(\"th\")\n .removeClass(\"k-column-active\");\n that._resetResizeHandleHeader();\n }\n\n th.addClass(\"k-column-active\");\n\n th.find(DOT + LINK_CLASS).find(DOT + ICON_CLASS + \",\" + DOT + SVG_ICON_CLASS).hide();\n th.find(DOT + ORDER_CLASS).hide();\n th.find(DOT + HEADER_COLUMN_MENU_CLASS).hide();\n th.find(DOT + FILTER_MENU_CLASS).hide();\n\n that._createResizeHandle(th.closest(DIV), th);\n\n if (!that._resizeHandleDocumentClickHandler) {\n that._resizeHandleDocumentClickHandler = that._resizeHandleDocumentClick.bind(that);\n }\n\n $(document).on(\"click\", that._resizeHandleDocumentClickHandler);\n }\n });\n },\n\n resizeColumn: function(column, columnWidth) {\n var that = this;\n var isLocked = !!column.locked;\n var isHidden = !!column.hidden;\n var options = this.options;\n var scrollbar = !kendo.support.mobileOS ? kendo.support.scrollbar() : 0;\n var index = isLocked ? inArray(column, visibleLockedColumns(visibleLeafColumns(that.columns))) : inArray(column, visibleNonLockedColumns(visibleLeafColumns(that.columns)));\n var contentTable = isLocked ? that.lockedTable : that.table;\n var footer = that.footer || $();\n var header = isLocked ? that.lockedHeader.find(\"table\") : that.thead.closest(\"table\");\n var columnMinWidth = column.minResizableWidth || 10;\n var gridWidth = isLocked ? outerWidth(contentTable.find(\"tbody\")) : outerWidth(that.tbody); // IE returns 0 if grid is empty and scrolling is enabled\n var col;\n\n if (isHidden) {\n column.width = columnWidth > columnMinWidth ? columnWidth : columnMinWidth;\n return;\n }\n\n if (that.footer && that.lockedContent) {\n footer = isLocked ? that.footer.children(\".k-grid-footer-locked\") : that.footer.children(\".k-grid-footer-wrap\");\n }\n\n if (options.scrollable) {\n\n col = header.find(\"col:not(.k-group-col,.k-hierarchy-col)\").eq(index)\n .add(contentTable.children(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index))\n .add(footer.find(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index));\n } else {\n col = contentTable.find(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index);\n }\n\n if (options.scrollable) {\n var constrain = false;\n var totalWidth = that.wrapper.width() - scrollbar;\n var width = columnWidth = columnWidth > columnMinWidth ? columnWidth : columnMinWidth;\n\n if (isLocked && gridWidth - columnWidth + width > totalWidth) {\n width = columnWidth + (totalWidth - gridWidth - scrollbar * 2);\n if (width < 0) {\n width = columnWidth;\n }\n constrain = true;\n }\n\n if (width > 10 && width >= columnMinWidth) {\n col.css('width', width);\n\n if (gridWidth) {\n if (constrain) {\n width = totalWidth - scrollbar * 2;\n } else {\n width = gridWidth + (columnWidth - column.width);\n }\n\n contentTable\n .add(header)\n .add(footer)\n .css('width', width);\n\n if (!isLocked) {\n that._footerWidth = width;\n }\n }\n }\n\n that._scrollVirtualWrapperOnColumnResize();\n } else if (columnWidth > 10 && columnWidth >= columnMinWidth) {\n col.css('width', columnWidth);\n }\n\n column.width = columnWidth;\n\n that._applyLockedContainersWidth();\n that._syncLockedContentHeight();\n that._syncLockedHeaderHeight();\n that._updateStickyColumns();\n },\n\n _resizable: function() {\n var that = this,\n options = that.options,\n container,\n columnStart,\n columnWidth,\n columnMinWidth,\n gridWidth,\n isMobile = this._isMobile,\n scrollbar = !kendo.support.mobileOS ? kendo.support.scrollbar() : 0,\n isLocked,\n col, th;\n\n if (options.resizable === true || (options.resizable && options.resizable.columns === true)) {\n container = options.scrollable ? that.wrapper.find(\".k-grid-header-wrap\").first() : that.wrapper;\n\n if (isMobile) {\n that._positionColumnResizeHandleTouch(container);\n } else {\n that._positionColumnResizeHandle(container);\n }\n\n if (that.resizable) {\n that.resizable.destroy();\n }\n\n that.resizable = new ui.Resizable(container.add(that.lockedHeader), {\n handle: (!!options.scrollable ? \"\" : \">\") + \".k-resize-handle\",\n hint: function(handle) {\n return $('').css({\n height: outerHeight(handle.data(\"th\")) + that.tbody.attr(\"clientHeight\")\n });\n },\n start: function(e) {\n th = $(e.currentTarget).data(\"th\");\n\n if (isMobile) {\n that._hideResizeHandle();\n }\n\n var header = th.closest(\"table\"),\n index = $.inArray(th[0], leafDataCells(th.closest(\"thead\")).filter(\":visible\"));\n\n isLocked = header.parent().hasClass(\"k-grid-header-locked\");\n\n var contentTable = isLocked ? that.lockedTable : that.table,\n footer = that.footer || $();\n\n if (that.footer && that.lockedContent) {\n footer = isLocked ? that.footer.children(\".k-grid-footer-locked\") : that.footer.children(\".k-grid-footer-wrap\");\n }\n\n cursor(that.wrapper, 'col-resize');\n\n if (options.scrollable) {\n col = header.find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index)\n .add(contentTable.children(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index))\n .add(footer.find(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index));\n } else {\n col = contentTable.children(\"colgroup\").find(\"col:not(.k-group-col):not(.k-hierarchy-col)\").eq(index);\n }\n\n var columns = $.map(that.columns, function(a) {\n return !a.hidden && ((isLocked && a.locked) || ((!isLocked && !a.locked))) ? a : null;\n });\n\n columnStart = e.x.location;\n columnWidth = outerWidth(th);\n columnMinWidth = leafColumns(columns)[index].minResizableWidth || 10;\n gridWidth = isLocked ? outerWidth(contentTable.children(\"tbody\")) : outerWidth(that.tbody); // IE returns 0 if grid is empty and scrolling is enabled\n\n // fix broken UI in Chrome38+\n if (browser.webkit) {\n that.wrapper.addClass(\"k-grid-column-resizing\");\n }\n },\n resize: function(e) {\n var rtlMultiplier = isRtl ? -1 : 1,\n currentWidth = columnWidth + (e.x.location * rtlMultiplier) - (columnStart * rtlMultiplier);\n\n if (options.scrollable) {\n var footer;\n if (isLocked && that.lockedFooter) {\n footer = that.lockedFooter.children(\"table\");\n } else if (that.footer) {\n footer = that.footer.find(\">.k-grid-footer-wrap>table\");\n }\n if (!footer || !footer[0]) {\n footer = $();\n }\n var header = th.closest(\"table\");\n var contentTable = isLocked ? that.lockedTable : that.table;\n var constrain = false;\n var totalWidth = that.wrapper.width() - scrollbar;\n var width = currentWidth;\n\n if (isLocked && gridWidth - columnWidth + width > totalWidth) {\n width = columnWidth + (totalWidth - gridWidth - scrollbar * 2);\n if (width < 0) {\n width = currentWidth;\n }\n constrain = true;\n }\n\n if (width > 10 && width >= columnMinWidth) {\n col.css('width', width);\n\n if (gridWidth) {\n if (constrain) {\n width = totalWidth - scrollbar * 2;\n } else {\n width = gridWidth + (e.x.location * rtlMultiplier) - (columnStart * rtlMultiplier);\n }\n\n contentTable\n .add(header)\n .add(footer)\n .css('width', width);\n\n if (!isLocked) {\n that._footerWidth = width;\n }\n }\n }\n\n that._scrollVirtualWrapperOnColumnResize();\n } else if (currentWidth > 10 && currentWidth >= columnMinWidth) {\n col.css('width', currentWidth);\n }\n },\n resizeend: function() {\n var newWidth = outerWidth(th),\n column,\n header;\n\n cursor(that.wrapper, \"\");\n\n if (browser.webkit) {\n that.wrapper.removeClass(\"k-grid-column-resizing\");\n }\n\n if (th && columnWidth != newWidth) {\n header = that.lockedHeader ? that.lockedHeader.find(\"thead\").first().find(TR).first().add(that.thead.find(TR).first()) : th.parent();\n\n var index = th.attr(kendo.attr(\"index\"));\n if (!index) {\n index = header.find(\"th:not(.k-group-cell):not(.k-hierarchy-cell)\").index(th);\n }\n column = leafColumns(that.columns)[index];\n\n column.width = newWidth;\n\n that.trigger(COLUMNRESIZE, {\n column: column,\n oldWidth: columnWidth,\n newWidth: newWidth\n });\n\n that._applyLockedContainersWidth();\n that._syncLockedContentHeight();\n that._syncLockedHeaderHeight();\n that._updateStickyColumns();\n }\n\n that._resetResizeHandleHeader();\n that._hideResizeHandle();\n th = null;\n }\n });\n\n }\n },\n\n // Row resizing functionality below\n _addLockedRowResizing: function(tr) {\n var index = tr.index();\n\n return this.lockedTable.find(TR).eq(index)\n .add(this.tbody.find(TR).eq(index));\n },\n\n _getMinRowHeight: function(row) {\n var minHeight = 0;\n\n row.each(function (i, el) {\n var currentMinHeight;\n\n el.style.height = '';\n currentMinHeight = outerHeight(el);\n\n if (currentMinHeight > minHeight) {\n minHeight = currentMinHeight;\n }\n });\n\n return minHeight;\n },\n\n _cacheRowHeight: function(rows, height) {\n var that = this;\n\n if (!that._cachedRowsHeight) {\n that._cachedRowsHeight = {};\n }\n\n rows.each(function (i, el) {\n var uid = el.getAttribute(\"data-uid\");\n\n that._cachedRowsHeight[uid] = height;\n });\n },\n\n _clearCachedRowsHeight: function(rows) {\n var that = this;\n\n if (rows && that._cachedRowsHeight) {\n rows.each(function (i, el) {\n var uid = el.getAttribute(\"data-uid\");\n\n delete that._cachedRowsHeight[uid];\n });\n } else {\n that._cachedRowsHeight = null;\n }\n },\n\n _mapCachedRowsHeight: function(method, target) {\n var input = this._cachedRowsHeight,\n ds = this.dataSource,\n output = {};\n\n Object.keys(input).forEach(function (key) {\n var item = ds[method](key);\n\n output[item[target]] = input[key];\n });\n\n this._cachedRowsHeight = output;\n },\n\n _rowResizerDblClick: function() {\n var that = this,\n resizer = that.rowResizer,\n row = resizer.data(TR),\n oldHeight = outerHeight(row),\n newHeight, rows;\n\n if (row.hasClass(SELECTED)) {\n rows = that.select();\n } else {\n rows = row;\n }\n\n if (that.lockedTable) {\n row = that._addLockedRowResizing(row);\n\n if (row.hasClass(SELECTED)) {\n rows = that.lockedTable.find(DOT + SELECTED);\n } else {\n rows = that.lockedTable.find(TR).eq(row.index());\n }\n\n rows.each(function (i, el) {\n var rowIndex = el.rowIndex,\n rowPair = $(el).add(that.tbody.find(TR).eq(rowIndex)),\n pairMinHeight = that._getMinRowHeight(rowPair);\n\n rowPair.css(HEIGHT, pairMinHeight);\n });\n } else {\n rows.css(HEIGHT, AUTO);\n }\n\n that._clearCachedRowsHeight(rows);\n\n resizer.removeClass(HOVER);\n resizer.removeClass(ACTIVE);\n\n newHeight = outerHeight(row);\n\n if (oldHeight != newHeight) {\n that.trigger(ROWRESIZE, {\n row: row,\n rows: rows,\n oldHeight: oldHeight,\n newHeight: newHeight\n });\n }\n },\n\n _setupRowResizer: function _setupRowResizer(resizer, row, top) {\n resizer\n .data(TR, row)\n .css({\n top: top\n });\n },\n\n _attachRowResizerEvents: function() {\n var rowResizer = this.rowResizer,\n delay = 200,\n isIn = false;\n\n rowResizer\n .on(MOUSEDOWN + NS, function (e) {\n if (e.button === 0) {\n rowResizer.removeClass(HOVER);\n rowResizer.addClass(ACTIVE);\n }\n })\n .on(MOUSEUP + NS, function (e) {\n if (e.button === 0) {\n rowResizer.removeClass(ACTIVE);\n rowResizer.addClass(HOVER);\n }\n })\n .on(MOUSEENTER + NS, function () {\n isIn = true;\n\n setTimeout(function () {\n if (isIn) {\n rowResizer.addClass(HOVER);\n }\n }, delay);\n })\n .on(MOUSELEAVE + NS, function () {\n isIn = false;\n rowResizer.removeClass(HOVER);\n });\n },\n\n _getResizerTop: function(tr, container) {\n var resizer = this.rowResizer,\n inner = resizer.find(DOT + ROW_RESIZER)[0],\n paddingTop = parseInt(getComputedStyle(resizer[0]).paddingTop);\n\n return tr.offset().top -\n parseFloat(tr.css(\"marginTop\")) -\n (container.offset().top + parseFloat(container.css(\"borderTopWidth\"))) -\n inner.clientHeight -\n paddingTop +\n container.scrollTop();\n },\n\n _getResizerContainer: function() {\n var container = this.tbody.closest(DIV);\n\n if (this.lockedTable) {\n container = container.closest(DOT + \"k-grid-container\");\n }\n\n return container;\n },\n\n _createRowResizer: function(e) {\n var that = this,\n tr = $(e.currentTarget),\n targetHeight = e.currentTarget.clientHeight,\n positionIntarget = e.offsetY,\n rowResizer = that.rowResizer,\n previousRow = tr.prev(TR + \":visible\"),\n container = that._getResizerContainer(),\n top;\n\n if (!rowResizer) {\n rowResizer = that.rowResizer = $('');\n container.append(rowResizer);\n that._attachRowResizerEvents();\n\n rowResizer.off(DUBLECLICK + NS).on(DUBLECLICK + NS, that._rowResizerDblClick.bind(that));\n }\n\n top = that._getResizerTop(tr, container);\n\n if (previousRow.length !== 0 && targetHeight / 2 > positionIntarget) {\n if (!previousRow.hasClass(GROUPING_ROW)) {\n that._setupRowResizer(rowResizer, previousRow, top);\n }\n } else {\n if (!tr.hasClass(GROUPING_ROW)) {\n that._setupRowResizer(rowResizer, tr, top + targetHeight);\n }\n }\n },\n\n _detachRowResizerEvents: function() {\n var rowResizer = this.rowResizer;\n\n rowResizer\n .off(MOUSEDOWN + NS)\n .off(MOUSEUP + NS)\n .off(MOUSEENTER + NS)\n .off(MOUSELEAVE + NS);\n },\n\n _mapResizedRows: function(rows, multiSelectionLocked, newHeight) {\n var that = this;\n\n rows.each(function (i, el) {\n var minHeight;\n\n if (multiSelectionLocked) {\n var rowIndex = el.rowIndex,\n pairNew = newHeight,\n pairMin = 0,\n rowPair = $(el).add(that.tbody.find(TR).eq(rowIndex));\n\n rowPair.each(function (i, r) {\n var currentMinHeight;\n\n r.style.height = '';\n currentMinHeight = outerHeight(r);\n\n if (currentMinHeight > pairMin) {\n pairMin = currentMinHeight;\n }\n });\n\n if (pairNew < pairMin) {\n pairNew = pairMin;\n\n that._clearCachedRowsHeight(rowPair.eq(0));\n } else {\n that._cacheRowHeight(rowPair.eq(0), pairNew);\n }\n\n rowPair.css(HEIGHT, pairNew);\n } else {\n el.style.height = '';\n minHeight = outerHeight(el);\n\n if (newHeight > minHeight) {\n el.style.height = newHeight + PX;\n\n that._cacheRowHeight($(el), newHeight);\n } else {\n that._clearCachedRowsHeight($(el));\n }\n }\n });\n },\n\n _rowResizing: function() {\n var that = this,\n options = that.options,\n container, rowStart, rowHeight, tr;\n\n if (options.resizable && options.resizable.rows === true) {\n that.tbody\n .parent()\n .add(that.lockedTable)\n .on(MOUSEMOVE + NS, \".k-grid-footer tr, .k-table-tbody tr\", that._createRowResizer.bind(that));\n\n if (that.rowResizing) {\n that.rowResizing.destroy();\n }\n\n container = that._getResizerContainer();\n\n that.rowResizing = new ui.Resizable(container, {\n handle: DOT + ROW_RESIZER_WRAP,\n start: function(e) {\n tr = $(e.currentTarget).data(TR);\n\n if (that.lockedTable) {\n tr = that._addLockedRowResizing(tr);\n }\n\n tr.addClass(HOVER);\n\n that._detachRowResizerEvents();\n\n rowStart = e.y.location;\n rowHeight = outerHeight(tr);\n },\n resize: function(e) {\n var newHeight = rowHeight + e.y.location - rowStart,\n minHeight = 0;\n\n if (tr.length > 1) {\n minHeight = that._getMinRowHeight(tr);\n }\n\n if (newHeight < minHeight) {\n newHeight = minHeight;\n }\n\n tr.css('height', newHeight);\n\n that._setupRowResizer(that.rowResizer, tr, that._getResizerTop(tr, container) + newHeight);\n },\n resizeend: function() {\n var newHeight = outerHeight(tr),\n multiSelectionLocked = false,\n rows;\n\n if (tr.hasClass(SELECTED)) {\n rows = that.select();\n\n if (tr.length > 1 && rows.length > tr.length) {\n rows = that.lockedTable.find(DOT + SELECTED).not(tr);\n multiSelectionLocked = true;\n }\n } else {\n rows = tr;\n }\n\n that._mapResizedRows(rows, multiSelectionLocked, newHeight);\n\n tr.removeClass(HOVER);\n\n that.rowResizer.removeClass(ACTIVE);\n that.rowResizer.addClass(HOVER);\n that._attachRowResizerEvents();\n\n if (multiSelectionLocked) {\n rows = that.select();\n }\n\n if (rowHeight != newHeight) {\n that.trigger(ROWRESIZE, {\n row: tr,\n rows: rows,\n oldHeight: rowHeight,\n newHeight: newHeight\n });\n }\n\n tr = null;\n }\n });\n }\n },\n\n _draggable: function() {\n var that = this,\n reorderable = that.options.reorderable;\n\n if (reorderable === true || (reorderable && reorderable.columns)) {\n\n if (that._draggableInstance) {\n that._draggableInstance.destroy();\n }\n\n var header = that.wrapper.children(\".k-grid-header\");\n\n that._draggableInstance = that.wrapper.kendoDraggable({\n group: kendo.guid(),\n autoScroll: true,\n filter: that.content ? \".k-grid-header:first \" + HEADERCELLS : \"table:first>.k-grid-header \" + HEADERCELLS,\n dragstart: function() {\n header.children(\".k-grid-header-wrap\").off(\"scroll\" + NS + \"scrolling\").on(\"scroll\" + NS + \"scrolling\", function(e) {\n if (that.virtualScrollable) {\n kendo.scrollLeft(that.content.find(\">.k-virtual-scrollable-wrap\"), this.scrollLeft);\n } else {\n kendo.scrollLeft(that.scrollables.not(e.currentTarget), this.scrollLeft);\n }\n });\n },\n dragend: function() {\n that._resetResizeHandleHeader();\n header.children(\".k-grid-header-wrap\").off(\"scroll\" + NS + \"scrolling\");\n },\n drag: function() {\n that._hideResizeHandle();\n },\n hint: function(target) {\n var title = target.attr(kendo.attr(\"title\"));\n if (title) {\n title = kendo.htmlEncode(title);\n }\n return $('')\n .html(title || target.attr(kendo.attr(\"field\")) || target.text())\n .prepend(kendo.ui.icon({ icon: \"cancel\", iconClass: \"k-drag-status\" }));\n }\n }).data(\"kendoDraggable\");\n }\n },\n\n _reorderable: function() {\n var that = this,\n reorderable = that.options.reorderable;\n\n if (reorderable === true || (reorderable && reorderable.columns)) {\n if (that.wrapper.data(\"kendoReorderable\")) {\n that.wrapper.data(\"kendoReorderable\").destroy();\n }\n\n that.wrapper.kendoReorderable({\n draggable: that._draggableInstance,\n dropFilter: HEADERCELLS,\n dragOverContainers: function(sourceIndex, targetIndex) {\n var columns = flatColumnsInDomOrder(that.columns);\n return columns[sourceIndex].lockable !== false && targetParentContainerIndex(columns, that.columns, sourceIndex, targetIndex) > -1;\n },\n inSameContainer: function(e) {\n var sourceParent = $(e.source).parent()[0],\n targetParent = $(e.target).parent()[0];\n\n /* If there are locked columns, check if the grid header is the same instead.\n Otherwise the locked/unlocked headers are treated as separate(in the case of column reordering they shouldn't be). */\n if (that._isLocked()) {\n sourceParent = $(e.source.closest(\".k-grid-header\"))[0];\n targetParent = $(e.target.closest(\".k-grid-header\"))[0];\n }\n\n return sourceParent === targetParent && targetParentContainerIndex(flatColumnsInDomOrder(that.columns), that.columns, e.sourceIndex, e.targetIndex) > -1;\n },\n change: function(e) {\n var columns = flatColumnsInDomOrder(that.columns);\n var column = columns[e.oldIndex];\n var newIndex = targetParentContainerIndex(columns, that.columns, e.oldIndex, e.newIndex);\n\n that.trigger(COLUMNREORDER, {\n newIndex: newIndex,\n oldIndex: inArray(column, columns),\n column: column\n });\n\n that.reorderColumn(newIndex, column, e.position === \"before\");\n }\n });\n }\n },\n\n _reorderHeader: function(sources, target, before, container) {\n var that = this;\n var sourcePosition = columnPosition(sources[0], that.columns);\n var destPosition = columnPosition(target, that.columns);\n var action;\n var ths;\n\n var leafs = [];\n for (var idx = 0; idx < sources.length; idx++) {\n if (sources[idx].columns) {\n leafs = leafs.concat(sources[idx].columns);\n }\n }\n if (container) {\n ths = elements(container, container, \"tr:eq(\" + sourcePosition.row + \")>th.k-header:not(.k-group-cell,.k-hierarchy-cell)\");\n } else {\n ths = elements(that.lockedHeader, that.thead, \"tr:eq(\" + sourcePosition.row + \")>th.k-header:not(.k-group-cell,.k-hierarchy-cell)\");\n }\n\n var sourceLockedColumns = lockedColumns(sources).length;\n var targetLockedColumns = lockedColumns([target]).length;\n\n if (leafs.length) {\n if (sourceLockedColumns > 0 && targetLockedColumns === 0) {\n action = \"prepend\";\n moveCellsBetweenContainers(sources, target, leafs, that.columns, that.lockedHeader.find(\"thead\"), that.thead, this._groups(), action);\n } else if (sourceLockedColumns === 0 && targetLockedColumns > 0) {\n action = destPosition.cell === 0 && sources[0].columns && !target.columns && !that._group ? \"prepend\" : \"append\";\n moveCellsBetweenContainers(sources, target, leafs, nonLockedColumns(that.columns), that.thead, that.lockedHeader.find(\"thead\"), this._groups(), action);\n }\n\n if (target.columns || sourcePosition.cell - destPosition.cell > 1 || destPosition.cell - sourcePosition.cell > 1) {\n target = findReorderTarget(that.columns, target, sources[0], before, that.columns);\n if (target) {\n if (sourceLockedColumns > 0 && targetLockedColumns === 0) {\n that._reorderHeader(leafs, target, before, that.thead);\n } else if (sourceLockedColumns === 0 && targetLockedColumns > 0) {\n that._reorderHeader(leafs, target, before, that.lockedHead);\n } else {\n that._reorderHeader(leafs, target, before);\n }\n }\n }\n } else if (sourceLockedColumns !== targetLockedColumns) { // move between containers\n updateCellRowSpan(ths[sourcePosition.cell], that.columns, sourceLockedColumns);\n }\n\n reorder(ths, sourcePosition.cell, destPosition.cell, before, sources.length);\n },\n\n _reorderContent: function(sources, destination, before) {\n var that = this;\n var lockedRows = $();\n var source = sources[0];\n var visibleSources = visibleColumns(sources);\n var sourceIndex = inArray(source, leafColumns(that.columns));\n var destIndex = inArray(destination, leafColumns(that.columns));\n\n var colSourceIndex = inArray(visibleSources[0], visibleLeafColumns(that.columns));\n var colDest = inArray(destination, visibleLeafColumns(that.columns));\n var lockedCount = lockedColumns(that.columns).length;\n var isLocked = !!destination.locked;\n var footer = that.footer || that.wrapper.find(\".k-grid-footer\");\n\n var headerCol, footerCol, beforeVisibleColumn;\n headerCol = footerCol = colDest;\n\n if (destination.hidden) {\n var columnsArray = isLocked ? lockedColumns(that.columns) : nonLockedColumns(that.columns);\n\n if (visibleColumns(columnsArray).length > 0) {\n headerCol = footerCol = colDest = this._findClosestVisibleColumnIndex(columnsArray, destIndex);\n beforeVisibleColumn = visibleColumns(columnsArray.slice(destIndex)).length > 0;\n }\n else {\n if (isLocked) {\n colDest = that.lockedTable.find(\"colgroup\");\n headerCol = that.lockedHeader.find(\"colgroup\");\n footerCol = $(that.lockedFooter).find(\">table>colgroup\");\n } else {\n colDest = that.tbody.prev();\n headerCol = that.thead.prev();\n footerCol = footer.find(\".k-grid-footer-wrap\").find(\">table>colgroup\");\n }\n }\n }\n\n if (that._hasFilterRow()) {\n reorder(that.wrapper.find(\".k-filter-row td:not(.k-group-cell,.k-hierarchy-cell)\"), sourceIndex, destIndex, before, sources.length);\n }\n\n if (colSourceIndex >= 0) {\n reorder(elements(that.lockedHeader, that.thead.prev(), COLGROUP), colSourceIndex, headerCol, beforeVisibleColumn ? beforeVisibleColumn : before, visibleSources.length);\n }\n\n if (that.options.scrollable) {\n if (colSourceIndex >= 0 && !that._hasVirtualColumns()) {\n reorder(elements(that.lockedTable, that.tbody.prev(), COLGROUP), colSourceIndex, colDest, beforeVisibleColumn ? beforeVisibleColumn : before, visibleSources.length);\n }\n }\n\n if (footer && footer.length) {\n if (colSourceIndex >= 0) {\n 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 }\n reorder(footer.find(\".k-footer-template>td:not(.k-group-cell,.k-hierarchy-cell)\"), sourceIndex, destIndex, before, sources.length);\n }\n\n var rows = that.tbody.children(\":not(.k-grouping-row,.k-detail-row)\");\n if (that.lockedTable) {\n if (lockedCount > destIndex) {\n if (lockedCount <= sourceIndex) {\n updateColspan(\n that.lockedTable.find(\">tbody>tr.k-grouping-row:not([hidden])\"),\n that.table.find(\">tbody>tr.k-grouping-row:not([hidden])\"),\n sources.length\n );\n }\n } else if (lockedCount > sourceIndex) {\n updateColspan(\n that.table.find(\">tbody>tr.k-grouping-row:not([hidden])\"),\n that.lockedTable.find(\">tbody>tr.k-grouping-row:not([hidden])\"),\n sources.length\n );\n }\n\n lockedRows = that.lockedTable.find(\">tbody>tr:not(.k-grouping-row,.k-detail-row)\");\n }\n\n for (var idx = 0, length = rows.length; idx < length; idx += 1) {\n reorder(elements(lockedRows[idx], rows[idx], \">td:not(.k-group-cell,.k-hierarchy-cell)\"), sourceIndex, destIndex, before, sources.length);\n }\n },\n\n _findClosestVisibleColumnIndex: function(columns, columnIndex) {\n var columnsArray = visibleColumns(columns.slice(columnIndex)).length > 0 ? columns.slice(columnIndex) : columns.slice(0, columnIndex + 1).reverse(),\n closestVisibleColumn = visibleColumns(columnsArray)[0];\n\n return inArray(closestVisibleColumn, visibleColumns(this.columns));\n },\n\n _autoFitLeafColumn: function(leafIndex) {\n this.autoFitColumn(leafColumns(this.columns)[leafIndex]);\n },\n\n _hasReorderableRows: function() {\n return this._hasDragHandleColumn || (this.options.reorderable && this.options.reorderable.rows);\n },\n\n _draggableRows: function() {\n var that = this,\n selectable = that._checkBoxSelection ||\n (that.options.selectable && !kendo.ui.Selectable.parseOptions(that.options.selectable).cell),\n clickMoveClick = false,\n isMobile = !!(that._isMobile || kendo.support.mobileOS);\n\n if (that._draggableRowsInstance) {\n that._draggableRowsInstance.destroy();\n }\n\n if (this.options.reorderable.rows.clickMoveClick !== false && this._hasDragHandleColumn) {\n clickMoveClick = true;\n }\n\n that._draggableRowsInstance = that.tbody.kendoDraggable({\n holdToDrag: isMobile,\n showHintOnHold: isMobile,\n preventOsHoldFeatures: isMobile,\n group: \"row-draggable\",\n autoScroll: true,\n filter: (selectable ? \" > .k-selected\" : \" > \" + ITEMROW) + (that._hasDragHandleColumn ? \" > .k-drag-cell\" : \"\"),\n hint: function(target) {\n var hint = $('' + kendo.ui.icon({ icon: \"cancel\", iconClass: \"k-drag-status\" }) + '
');\n\n if (selectable && that.select().length > 1) {\n hint.append(\"\" + that.select().length + \" \" + encode(that.options.messages.itemsSelected) + \"\");\n } else {\n var clone = target.closest(ITEMROW).clone();\n clone.find(\"td.k-command-cell\").remove();\n clone.find(\"td\").each(function(index, elm) {\n hint.append(\"\" + elm.innerText + \" \");\n });\n }\n\n return hint;\n },\n clickMoveClick: clickMoveClick,\n cursorOffset: { top: 0, left: 0 }\n }).data(\"kendoDraggable\");\n },\n\n _reorderableRows: function() {\n var that = this,\n selectable = that._checkBoxSelection ||\n (that.options.selectable && !kendo.ui.Selectable.parseOptions(that.options.selectable).cell);\n\n if (that.tbody.data(\"kendoReorderable\")) {\n that.tbody.data(\"kendoReorderable\").destroy();\n }\n\n that.tbody.kendoReorderable({\n smartPosition: false,\n draggable: that._draggableRowsInstance,\n dragOverContainers: function(sourceIndex, targetIndex) {\n var result = true,\n target = $(ITEMROW, that.content).eq(targetIndex);\n\n if (selectable) {\n result = !target.is(\".k-selected\");\n }\n\n return result;\n },\n inSameContainer: function(e) {\n if (selectable) {\n return !$(e.target).is(\".k-selected\");\n }\n\n return true;\n },\n dropFilter: \"> \" + ITEMROW,\n allowIcon: \"insert-middle\",\n orientation: \"vertical\",\n reorderDropCue: $(''),\n positionDropCue: function(reorderDropCue, dropTarget) {\n var firstCellLeft = kendo.getOffset(dropTarget.children(DATA_CELL).eq(0)).left;\n reorderDropCue.css({\n transform: \"translate(0,-50%)\",\n left: firstCellLeft\n });\n },\n externalDraggable: function(e) {\n var draggable = e.draggable;\n\n if (draggable) {\n return draggable;\n }\n },\n change: function(e) {\n that._triggerRowRorder(e);\n }\n });\n },\n\n _triggerRowRorder: function(e) {\n var that = this,\n args = {\n newIndex: e.position === \"after\" ? e.newIndex + 1 : e.newIndex,\n oldIndex: e.oldIndex\n },\n row = e.element,\n selectable = that._checkBoxSelection ||\n (that.options.selectable && !kendo.ui.Selectable.parseOptions(that.options.selectable).cell);\n\n if (selectable && that.select().length > 1) {\n args = extend(args, {\n rows: that.select()\n });\n } else {\n args = extend(args, {\n row: row\n });\n }\n\n if (!that.trigger(ROWREORDER, args)) {\n that.reorderRows(selectable ? that.select() : row, args.newIndex);\n }\n },\n\n reorderRowTo: function(row, index) {\n var that = this,\n item = that.dataItem(row),\n oldIndex = row.index();\n\n if (index < 0 || index === oldIndex) {\n return;\n }\n\n if (!that.trigger(ROWREORDER, {\n row: row,\n oldIndex: row.index(),\n newIndex: index\n })) {\n that.dataSource.pushMove(index, [item]);\n }\n },\n\n reorderRows: function(rows, index) {\n var that = this,\n dataSource = that.dataSource,\n rowsLength = that.tbody.children(ITEMROW).length,\n targetItem = that.dataItem(that.tbody.children(ITEMROW).eq(index)),\n items = rows.toArray().map(function(row) {\n return that.dataItem(row);\n });\n\n if (!targetItem) {\n // If index is after last row dataItem wouldn't exist\n targetItem = that.dataItem(that.tbody.children(ITEMROW).eq(rowsLength - 1));\n index = dataSource.indexOf(targetItem) + 1;\n } else {\n index = dataSource.indexOf(targetItem);\n }\n\n if (index >= 0) {\n that._rowDropping = true;\n dataSource.pushMove(index, items);\n that._rowDropping = false;\n }\n },\n\n autoFitColumns: function(columns) {\n var that = this;\n\n columns = columns || that.columns;\n\n for (var i = 0; i < columns.length; i++) {\n var column = columns[i];\n\n if (column.columns) {\n that.autoFitColumns(column.columns);\n } else {\n that.autoFitColumn(column);\n }\n }\n },\n\n autoFitColumn: function(column) {\n var that = this,\n options = that.options,\n columns = that.columns,\n index,\n th,\n headerTable,\n leafCols,\n isLocked,\n visibleLocked = that.lockedHeader ? leafDataCells(that.lockedHeader.find(\">table>thead\")).filter(isCellVisible).length : 0,\n col,\n minWidth,\n contentDiv, scrollLeft,\n notGroupOrHierarchyCol = \"col:not(.k-group-col):not(.k-hierarchy-col)\",\n notGroupOrHierarchyVisibleCell = \"td:visible:not(.k-group-cell):not(.k-hierarchy-cell)\",\n menu,\n thWidth;\n\n // retrieve the column object, depending on the method argument\n if (typeof column == \"number\") {\n column = columns[column];\n } else if (isPlainObject(column)) {\n column = grep(flatColumns(columns), function(item) {\n return item === column;\n })[0];\n } else {\n column = grep(flatColumns(columns), function(item) {\n return item.field === column;\n })[0];\n }\n\n if (!column || !isVisible(column)) {\n return;\n }\n\n leafCols = leafColumns(columns);\n minWidth = column.minResizableWidth;\n index = inArray(column, leafCols);\n isLocked = column.locked;\n\n if (isLocked) {\n headerTable = that.lockedHeader.children(\"table\");\n } else {\n headerTable = that.thead.parent();\n }\n\n th = headerTable.find(\"[data-index='\" + index + \"']\");\n menu = th.find('a.k-grid-column-menu, a.k-grid-filter-menu');\n\n var contentTable = isLocked ? that.lockedTable : that.table,\n footer = that.footer || $();\n\n if (that.footer && that.lockedContent) {\n footer = isLocked ? that.footer.children(\".k-grid-footer-locked\") : that.footer.children(\".k-grid-footer-wrap\");\n }\n\n var footerTable = footer.find(\"table\").first();\n\n if (that.lockedHeader && !isLocked) {\n index -= visibleLocked;\n }\n\n // adjust column index, depending on previous hidden columns\n for (var j = 0; j < leafCols.length; j++) {\n if (leafCols[j] === column) {\n break;\n } else {\n if (leafCols[j].hidden) {\n index--;\n }\n }\n }\n\n // get col elements\n if (options.scrollable) {\n col = headerTable.find(notGroupOrHierarchyCol).eq(index)\n .add(contentTable.children(\"colgroup\").find(notGroupOrHierarchyCol).eq(index))\n .add(footerTable.find(\"colgroup\").find(notGroupOrHierarchyCol).eq(index));\n\n if (!isLocked) {\n contentDiv = contentTable.parent();\n scrollLeft = kendo.scrollLeft(contentDiv);\n }\n } else {\n col = contentTable.children(\"colgroup\").find(notGroupOrHierarchyCol).eq(index);\n }\n\n var tables = headerTable.add(contentTable).add(footerTable);\n\n if (browser.safari) {\n th.css(\"white-space\", \"initial\");\n }\n\n var oldColumnWidth = outerWidth(th);\n\n // reset the table and autofitted column widths\n // if scrolling is disabled, we need some additional repainting of the table\n col.width(\"\");\n tables.css(\"table-layout\", \"fixed\");\n col.width(AUTO);\n tables.addClass(\"k-autofitting\");\n tables.css(\"table-layout\", \"\");\n\n thWidth = menu.length ? outerWidth(menu) + outerWidth(th) : outerWidth(th);\n\n // +1 is required by IE, regardless of the border widths, otherwise unexpected wrapping may occur with hyphenated text\n var newColumnWidth = Math.ceil(Math.max(\n thWidth,\n outerWidth(contentTable.find(\"tr:not(.k-grouping-row)\").eq(0).children(notGroupOrHierarchyVisibleCell).eq(index)),\n outerWidth(footerTable.find(TR).eq(0).children(notGroupOrHierarchyVisibleCell).eq(index))\n )) + 1;\n\n if (minWidth && minWidth > newColumnWidth) {\n newColumnWidth = minWidth;\n }\n\n col.width(newColumnWidth);\n column.width = newColumnWidth;\n\n if (browser.safari) {\n th.css(\"white-space\", \"\");\n }\n\n // if all visible columns have widths, the table needs a pixel width as well\n if (options.scrollable) {\n var cols = headerTable.find(\"col\"),\n colWidth,\n totalWidth = 0;\n for (var idx = 0, length = cols.length; idx < length; idx += 1) {\n colWidth = cols[idx].style.width;\n if (colWidth && colWidth.indexOf(\"%\") == -1) {\n totalWidth += parseInt(colWidth, 10);\n } else if (cols.eq(idx).hasClass(\"k-group-col\")) {\n totalWidth += parseInt(cols.eq(idx).width(), 10);\n } else {\n totalWidth = 0;\n break;\n }\n }\n\n if (totalWidth) {\n tables.each(function() {\n this.style.width = totalWidth + PX;\n });\n }\n }\n\n tables.removeClass(\"k-autofitting\");\n\n if (scrollLeft) {\n kendo.scrollLeft(contentDiv, scrollLeft);\n }\n\n that.trigger(COLUMNRESIZE, {\n column: column,\n oldWidth: oldColumnWidth,\n newWidth: newColumnWidth\n });\n\n that._applyLockedContainersWidth();\n that._syncLockedContentHeight();\n that._syncLockedHeaderHeight();\n that._updateStickyColumns();\n },\n\n reorderColumn: function(destIndex, column, before) {\n var that = this,\n parent = columnParent(column, that.columns),\n columns = parent ? parent.columns : that.columns,\n sourceIndex = inArray(column, columns),\n destColumn = columns[destIndex],\n virtualScroll = that.virtualScroll || {},\n lockChanged,\n isLocked = !!destColumn.locked,\n lockedCount = lockedColumns(that.columns).length,\n groupHeaderColumnTemplateColumns = grep(leafColumns(that.columns), function(column) { return column.groupHeaderColumnTemplate; });\n\n if (sourceIndex === destIndex) {\n return;\n }\n\n if (!column.locked && isLocked && nonLockedColumns(that.columns).length == 1) {\n return;\n }\n\n if (column.locked && !isLocked && lockedCount == 1) {\n return;\n }\n\n that._hideResizeHandle();\n\n if (before === undefined$1) {\n before = destIndex < sourceIndex;\n }\n\n var sourceColumns = [column];\n\n that._reorderHeader(sourceColumns, destColumn, before);\n\n if (that.lockedHeader) {\n removeEmptyRows(that.thead);\n removeEmptyRows(that.lockedHeader);\n }\n\n if (destColumn.columns) {\n destColumn = leafColumns(destColumn.columns);\n destColumn = destColumn[before ? 0 : destColumn.length - 1];\n }\n\n if (column.columns) {\n sourceColumns = leafColumns(column.columns);\n }\n\n that._reorderContent(sourceColumns, destColumn, before);\n\n lockChanged = !!column.locked;\n lockChanged = lockChanged != isLocked;\n column.locked = isLocked;\n\n columns.splice(before ? destIndex : destIndex + 1, 0, column);\n columns.splice(sourceIndex < destIndex ? sourceIndex : sourceIndex + 1, 1);\n\n that._updateLockedCols();\n that._updateCols();\n that._templates();\n\n that._updateColumnCellIndex();\n that._updateColumnSorters();\n\n if (groupHeaderColumnTemplateColumns.length > 0) {\n that._renderGroupRows();\n }\n that._updateTablesWidth();\n that._applyLockedContainersWidth();\n that._syncLockedHeaderHeight();\n that._syncLockedContentHeight();\n that._updateFirstColumnClass();\n that._updateStickyColumns();\n\n if (virtualScroll.columns) {\n that.refresh();\n }\n\n if (!lockChanged) {\n return;\n }\n\n if (isLocked) {\n that.trigger(COLUMNLOCK, {\n column: column\n });\n } else {\n that.trigger(COLUMNUNLOCK, {\n column: column\n });\n }\n },\n\n _updateColumnCellIndex: function() {\n var header;\n var offset = 0;\n\n if (this.lockedHeader) {\n header = this.lockedHeader.find(\"thead\");\n offset = updateCellIndex(header, lockedColumns(this.columns));\n }\n updateCellIndex(this.thead, nonLockedColumns(this.columns), offset);\n },\n\n lockColumn: function(column) {\n var columns = this.columns;\n\n if (typeof column == \"number\") {\n column = columns[column];\n } else {\n column = grep(columns, function(item) {\n return item.field === column;\n })[0];\n }\n\n if (!column || column.locked || column.hidden) {\n return;\n }\n\n if (column.sticky) {\n this.unstickColumn(columns.indexOf(column));\n }\n\n var index = lockedColumns(columns).length - 1;\n this.reorderColumn(index, column, false);\n },\n\n unlockColumn: function(column) {\n var columns = this.columns;\n\n if (typeof column == \"number\") {\n column = columns[column];\n } else {\n column = grep(columns, function(item) {\n return item.field === column;\n })[0];\n }\n\n if (!column || !column.locked || column.hidden) {\n return;\n }\n\n var index = lockedColumns(columns).length;\n this.reorderColumn(index, column, true);\n },\n\n stickColumn: function(column) {\n var columns = this.columns;\n\n if (typeof column == \"number\") {\n column = columns[column];\n } else {\n column = grep(columns, function(item) {\n return item.field === column;\n })[0];\n }\n\n if (!column || column.sticky || column.hidden) {\n return;\n }\n\n if (column.locked) {\n this.unlockColumn(columns.indexOf(column));\n\n if (column.locked) {\n return;\n }\n }\n\n column.sticky = true;\n this._updateStickyColumns();\n },\n\n unstickColumn: function(column) {\n var columns = this.columns;\n\n if (typeof column == \"number\") {\n column = columns[column];\n } else {\n column = grep(columns, function(item) {\n return item.field === column;\n })[0];\n }\n\n if (!column || !column.sticky || column.locked || column.hidden) {\n return;\n }\n\n this._removeStickyAttributes([column]);\n this._removeStickyStyles(stickyColumns(columns));\n\n column.sticky = false;\n this._updateStickyColumns();\n\n if (this._anyStickyColumns() === 0) {\n this._templates();\n if (this._hasFilterRow()) {\n this._updateStickyFilterCells();\n }\n }\n },\n\n cellIndex: function(td) {\n var lockedColumnOffset = 0;\n\n if (this.lockedTable && !$.contains(this.lockedTable[0], td[0])) {\n lockedColumnOffset = leafColumns(lockedColumns(this.columns)).length;\n }\n\n return $(td).parent().children('td:not(.k-group-cell,.k-hierarchy-cell)').index(td) + lockedColumnOffset;\n },\n\n _modelForContainer: function(container) {\n container = $(container);\n\n if (!container.is(TR) && this._editMode() !== \"popup\") {\n container = container.closest(TR);\n }\n\n var id = container.attr(kendo.attr(\"uid\")) || container.find(\".k-popup-edit-form\").attr(kendo.attr(\"uid\"));\n\n return this.dataSource.getByUid(id);\n },\n\n _calculateColumnIndex: function(cell) {\n var cellIndex = this.cellIndex(cell);\n var virtualOffset = 0;\n\n if (this._hasVirtualColumns()) {\n virtualOffset = parseInt($(cell).closest(TR).find(\"td\").first().attr(\"colspan\"), 10);\n virtualOffset = (virtualOffset > 1 ? virtualOffset - 1 : 0);\n }\n\n return cellIndex + virtualOffset;\n },\n\n _editable: function() {\n var obj;\n\n var that = this,\n editable = that.options.editable,\n handler = function() {\n var target = activeElement(),\n cell = that._editContainer;\n\n if (cell && cell[0] && !$.contains(cell[0], target) && cell[0] !== target && !$(target).closest(\".k-animation-container\").length) {\n if (that.editable.end()) {\n that.closeCell();\n } else {\n that._scrollVirtualWrapper();\n }\n }\n },\n useDoubleTapEditing = !!(that._isMobile || kendo.support.mobileOS);\n\n if (editable) {\n this.wrapper.addClass(\"k-editable\");\n\n var mode = that._editMode();\n if (mode === \"incell\") {\n that.table.add(that.lockedTable)\n .on(MOUSEDOWN + NS, NAVROW + \">\" + NAVCELL, function(e) {\n var target = $(e.target);\n if (that._editMode() === \"incell\" && target.hasClass(\"k-checkbox\") && target.prev().attr(kendo.attr(\"bind\"))) {\n e.preventDefault();\n }\n });\n\n if (editable.update !== false) {\n if (isMac) {\n that.wrapper\n .on(CLICK + NS, \".k-edit-cell > input[type='checkbox']\", function(e) {\n // checking /unchecking a checkbox does not change the document.activeElement to be the checkbox\n // this is necessary for the \"focusout\" event to be fired\n $(e.target).trigger(\"focus\");\n })\n .on(CLICK + NS, \".k-edit-cell\", function(e) {\n if (!$(e.target).is(\"input\")) {\n $(e.currentTarget).find(\"input[type='checkbox']\").trigger(\"focus\");\n }\n })\n .on(MOUSEDOWN + NS, \"tr:not(.k-grouping-row) > td\", function(e) {\n var editContainer = that._editContainer;\n\n if (editContainer && editContainer[0] && ($.contains(editContainer[0], e.target) || editContainer[0] === e.target)) {\n that._mousedownOnEditCell = true;\n } else {\n that._mousedownOnEditCell = false;\n }\n });\n }\n\n that.editableUserEvents = new kendo.UserEvents(that.wrapper, ( obj = {\n filter: \"tr:not(.k-grouping-row) > td\",\n allowSelection: true,\n supportDoubleTap: useDoubleTapEditing,\n fastTap: useDoubleTapEditing\n }, obj[useDoubleTapEditing ? 'doubleTap' : 'tap'] = function(e) {\n var td = $(e.target),\n isLockedCell = that.lockedTable && td.closest(\"table\")[0] === that.lockedTable[0];\n\n that._mousedownOnEditCell = false;\n\n if (td.hasClass(\"k-hierarchy-cell\") ||\n td.hasClass(\"k-detail-cell\") ||\n td.hasClass(\"k-group-cell\") ||\n td.hasClass(\"k-edit-cell\") ||\n td.has(\".k-grid-remove-command\").length ||\n (td.closest(\"tbody\")[0] !== that.tbody[0] && !isLockedCell) ||\n $(e.target).is(\":input\")) {\n return;\n }\n\n if (that.editable) {\n if (that.editable.end()) {\n $(activeElement()).trigger(\"blur\");\n that.closeCell();\n that.editCell(td);\n } else {\n that._scrollVirtualWrapper();\n }\n } else {\n that.editCell(td);\n }\n }, obj ));\n\n that.wrapper.on(\"focusin\" + NS, function() {\n // fix focus issue in IE\n if (!$.contains(this, activeElement())) {\n clearTimeout(that.timer);\n that.timer = null;\n }\n })\n .on(\"focusout\" + NS, function(e) {\n var shouldCloseCell = true;\n\n if ((isMac && that._mousedownOnEditCell) || that._virtualColScroll) {\n shouldCloseCell = false;\n }\n\n that._mousedownOnEditCell = false;\n\n if (shouldCloseCell) {\n that.timer = setTimeout(function() {\n handler(e);\n }, 1);\n }\n });\n }\n } else {\n if (editable.update !== false) {\n that.wrapper.on(CLICK + NS, \"tbody>tr:not(.k-detail-row,.k-grouping-row):visible .k-grid-edit-command\", function(e) {\n var element = $(this);\n if (!that._belongsToGrid(element)) {\n return;\n }\n e.preventDefault();\n that.editRow(element.closest(TR));\n });\n\n if (that._isVirtualInlineEditable()) {\n that.wrapper.on(\"focusout\" + NS, \"tr:not(.k-grouping-row) > td\", function() {\n if (that.editable && !that.editable.end()) {\n that._scrollVirtualWrapper();\n }\n });\n }\n }\n }\n\n if (editable.destroy !== false) {\n that.wrapper.on(CLICK + NS, \"tbody>tr:not(.k-detail-row,.k-grouping-row):visible .k-grid-remove-command\", function(e) {\n var element = $(this);\n if (!that._belongsToGrid(element)) {\n return;\n }\n e.preventDefault();\n e.stopPropagation();\n that.removeRow(element.closest(TR));\n });\n } else {\n //Required for the MVC server wrapper delete button\n that.wrapper.on(CLICK + NS, \"tbody>tr:not(.k-detail-row,.k-grouping-row):visible .k-grid-remove-command\", function(e) {\n if (!that._belongsToGrid($(this))) {\n return;\n }\n e.stopPropagation();\n\n if (!that._confirmation()) {\n e.preventDefault();\n }\n });\n }\n }\n },\n\n editCell: function(cell) {\n cell = $(cell);\n\n var that = this,\n column = leafColumns(that.columns)[that._calculateColumnIndex(cell)],\n model = that._modelForContainer(cell);\n\n that.closeCell();\n\n if (model && isColumnEditable(column, model) && !column.command) {\n if (that.trigger(BEFOREEDIT, { model: model })) {\n return;\n }\n\n that._attachModelChange(model);\n\n that._editContainer = cell;\n\n if (that._shouldClearEditableState) {\n that._clearEditableState();\n }\n that.editable = cell.addClass(\"k-edit-cell\")\n .kendoEditable({\n fields: editField(column),\n model: model,\n size: that.options.size,\n target: that,\n change: function(e) {\n if (that.trigger(SAVE, { values: e.values, container: cell, model: model } )) {\n e.preventDefault();\n }\n },\n skipFocus: (that._isVirtualIncellEditable() || that._hasVirtualColumns()) && that._editableState ? true : false\n\n }).data(\"kendoEditable\");\n\n var tr = cell.parent().addClass(\"k-grid-edit-row\");\n\n if (that.lockedContent) {\n adjustRowHeight(tr[0], that._relatedRow(tr).addClass(\"k-grid-edit-row\")[0]);\n that._syncLockedScroll();\n }\n\n that.trigger(EDIT, { container: cell, model: model });\n }\n },\n\n _adjustLockedHorizontalScrollBar: function() {\n var table = this.table,\n content = table.parent();\n\n var scrollbar = table[0].offsetWidth > content[0].clientWidth ? kendo.support.scrollbar() : 0;\n this.lockedContent.height(content[0].offsetHeight - scrollbar);\n },\n\n _syncLockedScroll: function() {\n this.lockedContent[0].scrollTop = this.content[0].scrollTop;\n if (this.virtualScrollable) {\n this.lockedContent[0].scrollTop = this.wrapper.find(\".k-virtual-scrollable-wrap\")[0].scrollTop;\n }\n },\n\n _syncLockedContentHeight: function() {\n if (this.lockedTable) {\n if (!this.touchScroller) {\n this._adjustLockedHorizontalScrollBar();\n }\n this._adjustRowsHeight(this.table, this.lockedTable);\n }\n },\n\n _syncLockedHeaderHeight: function() {\n if (this.lockedHeader) {\n var lockedTable = this.lockedHeader.children(\"table\");\n var table = this.thead.parent();\n\n this._adjustRowsHeight(lockedTable, table);\n\n syncTableHeight(lockedTable, table);\n }\n },\n\n _syncLockedFooterHeight: function() {\n if (this.lockedFooter && this.footer && this.footer.length) {\n this._adjustRowsHeight(this.lockedFooter.children(\"table\"), this.footer.find(\".k-grid-footer-wrap > table\"));\n }\n },\n\n _destroyEditable: function() {\n var that = this;\n\n var destroy = function() {\n if (that.editable) {\n\n var container = that.editView ? that.editView.element : that._editContainer;\n var window = that._editContainer.data(\"kendoWindow\");\n\n if (container) {\n container.off(CLICK + NS, \".k-grid-cancel-command\", that._editCancelClickHandler);\n container.off(CLICK + NS, \".k-grid-save-command\", that._editUpdateClickHandler);\n }\n\n that._detachModelChange();\n that.editable.destroy();\n that.editable = null;\n if (window) {\n window.destroy();\n }\n that._editContainer = null;\n that._destroyEditView();\n that._editableIsClosing = null;\n }\n };\n\n if (that.editable) {\n if (that._editMode() === \"popup\" && !that._isMobile) {\n if (that._editableIsClosing) {\n that._editContainer.data(\"kendoWindow\").bind(\"deactivate\", destroy);\n }\n else {\n that._editableIsClosing = true;\n that._editContainer.data(\"kendoWindow\").bind(\"deactivate\", destroy).close();\n }\n } else {\n destroy();\n }\n }\n if (that._confirmDialog) {\n that._confirmDialog.close();\n that._confirmDialog.destroy();\n that._confirmDialog = null;\n }\n },\n\n _destroyEditView: function() {\n if (this.editView) {\n this.editView.purge();\n this.editView = null;\n this.pane.navigate(\"\");\n }\n },\n\n _attachModelChange: function(model) {\n var that = this;\n\n that._modelChangeHandler = function(e) {\n that._modelChange({ field: e.field, model: this });\n };\n\n model.bind(\"change\", that._modelChangeHandler);\n },\n\n _detachModelChange: function() {\n var that = this,\n container = that._editContainer,\n model = that._modelForContainer(container);\n\n if (model) {\n model.unbind(CHANGE, that._modelChangeHandler);\n }\n },\n\n closeCell: function(isCancel) {\n var that = this,\n cell = that._editContainer,\n column,\n tr,\n model;\n\n if (!cell) {\n return;\n }\n\n model = that._modelForContainer(cell);\n\n if (isCancel && that.trigger(\"cancel\", { container: cell, model: model })) {\n return;\n }\n\n that.trigger(CELLCLOSE, { type: isCancel ? \"cancel\" : \"save\", model: model, container: cell });\n\n cell.removeClass(\"k-edit-cell\");\n column = leafColumns(that.columns)[that._calculateColumnIndex(cell)];\n\n if (isCancel && model.dirtyFields && model.dirtyFields[column.field]) {\n delete model.dirtyFields[column.field];\n }\n\n tr = cell.parent().removeClass(\"k-grid-edit-row\");\n\n if (that.lockedContent) {\n that._relatedRow(tr).removeClass(\"k-grid-edit-row\");\n }\n\n that._destroyEditable(); // editable should be destroyed before content of the container is changed\n\n that._displayCell(cell, column, model);\n\n if (that._shouldClearEditableState) {\n that._clearEditableState();\n }\n\n that.trigger(\"itemChange\", { item: tr, data: model, ns: ui });\n\n if (that.lockedContent) {\n adjustRowHeight(tr.css(HEIGHT, \"\")[0], that._relatedRow(tr).css(HEIGHT, \"\")[0]);\n }\n },\n\n _displayCell: function(cell, column, dataItem) {\n var that = this,\n state = { storage: {}, count: 0 },\n settings = extend({}, kendo.Template, that.options.templateSettings),\n tmpl = kendo.template(that._cellTmpl(column, state), settings);\n\n if (state.count > 0) {\n tmpl = tmpl.bind(state.storage);\n }\n\n cell.empty().html(tmpl(dataItem));\n },\n\n removeRow: function(row) {\n if (!this._confirmation(row)) {\n return;\n }\n\n this._removeRow(row);\n },\n\n _removeRow: function(row) {\n var that = this,\n model,\n modelId,\n key,\n schema,\n mode = that._editMode();\n\n if (mode !== \"incell\") {\n that.cancelRow();\n }\n\n row = $(row);\n\n if (that.lockedContent) {\n row = row.add(that._relatedRow(row));\n }\n\n row = row.hide();\n if (that.dataSource._isGroupPaged()) {\n that._removeGroupIfEmpty(row);\n }\n\n model = that._modelForContainer(row);\n\n if (model && !that.trigger(REMOVE, { row: row, model: model })) {\n schema = that.dataSource.options.schema;\n if (that._selectedIds && schema && schema.model) {\n modelId = isFunction(that.dataSource.options.schema.model) ? that.dataSource.options.schema.model.fn.idField : that.dataSource.options.schema.model.id;\n key = model[modelId];\n delete that._selectedIds[key];\n }\n\n that.dataSource.remove(model);\n\n if (mode === \"inline\" || mode === \"popup\") {\n that.dataSource.sync();\n }\n } else if (mode === \"incell\") {\n that._destroyEditable();\n }\n },\n\n _editMode: function() {\n var mode = \"incell\",\n editable = this.options.editable;\n\n if (editable !== true) {\n if (typeof editable == \"string\") {\n mode = editable;\n } else {\n mode = editable.mode || mode;\n }\n }\n\n return mode;\n },\n\n editRow: function(row) {\n var model;\n var that = this;\n\n if (row instanceof ObservableObject) {\n model = row;\n } else {\n row = $(row);\n model = that._modelForContainer(row);\n }\n\n var mode = that._editMode();\n var container;\n\n that.cancelRow();\n\n if (model) {\n row = that.tbody.children(\"[\" + kendo.attr(\"uid\") + \"=\" + model.uid + \"]\");\n that._attachModelChange(model);\n\n if (mode === \"popup\") {\n that._createPopupEditor(model);\n } else if (mode === \"inline\") {\n that._createInlineEditor(row, model);\n } else if (mode === \"incell\") {\n $(row).children(DATA_CELL).each(function() {\n var cell = $(this);\n var column = leafColumns(that.columns)[that._calculateColumnIndex(cell)];\n\n model = that._modelForContainer(cell);\n\n if (model && (!model.editable || model.editable(column.field)) && column.field && !column.selectable) {\n that.editCell(cell);\n return false;\n }\n });\n }\n\n\n container = that.editView ? that.editView.element : that._editContainer;\n\n if (container) {\n if (!this._editCancelClickHandler) {\n this._editCancelClickHandler = this._editCancelClick.bind(this);\n }\n\n container.on(CLICK + NS, \".k-grid-cancel-command\", this._editCancelClickHandler);\n\n if (!this._editUpdateClickHandler) {\n this._editUpdateClickHandler = this._editUpdateClick.bind(this);\n }\n\n container.on(CLICK + NS, \".k-grid-save-command\", this._editUpdateClickHandler);\n }\n }\n },\n\n _editUpdateClick: function(e) {\n e.preventDefault();\n e.stopPropagation();\n\n this.saveRow();\n },\n\n _editCancelClick: function(e) {\n var that = this;\n var navigatable = that.options.navigatable;\n var model = that.editable.options.model;\n var container = that.editView ? that.editView.element : that._editContainer;\n\n e.preventDefault();\n e.stopPropagation();\n\n if (that.trigger(\"cancel\", { container: container, model: model })) {\n return;\n }\n\n var currentIndex = that.items().index($(that.current()).parent());\n\n that.cancelRow();\n\n if (navigatable) {\n that._setCurrent(that.items().eq(currentIndex).children().filter(NAVCELL).first());\n focusTable(that.table, true);\n }\n },\n\n _editFields: function(columns, model) {\n var fields = [];\n var column;\n\n for (var idx = 0; idx < columns.length; idx++) {\n column = columns[idx];\n if (column.selectable || column.command) {\n continue;\n }\n if (isColumnEditable(column, model)) {\n fields.push(editField(column));\n }\n }\n return fields;\n },\n\n _createPopupEditor: function(model) {\n var that = this;\n var html = '' : '';\n\n content += statusBarTemplate({ aggregates: that._cellAggregates });\n\n content += '
';\n\n if (options.scrollable) {\n that.statusBar = $(content).insertAfter(wrapper.find(DOT + \"k-grid-container\"));\n } else {\n that.statusBar = $(content).insertAfter(wrapper.find(DOT + \"k-grid-table\"));\n }\n } else {\n that.statusBar.html(statusBarTemplate({ aggregates: that._cellAggregates }));\n }\n }\n },\n\n _footer: function() {\n var that = this,\n aggregates = that.dataSource.aggregates(),\n html = \"\",\n footerTemplate = that.footerTemplate,\n options = that.options,\n footerWrap,\n footer = that.footer || that.wrapper.find(\".k-grid-footer\");\n\n if (footerTemplate) {\n html = $(that._wrapFooter(footerTemplate(aggregates)));\n kendo.applyStylesFromKendoAttributes(html, [\"display\", \"left\", \"right\"]);\n\n if (footer.length) {\n var tmp = html;\n\n footer.replaceWith(tmp);\n footer = that.footer = tmp;\n } else {\n if (options.scrollable) {\n if (that.statusBar) {\n that.footer = html.insertBefore(that.statusBar);\n } else if (options.pageable && options.pageable.position !== \"top\") {\n that.footer = html.insertBefore(that.wrapper.children(\"div.k-grid-pager\"));\n } else {\n that.footer = html.appendTo(that.wrapper);\n }\n footer = that.footer;\n } else {\n footer = that.footer = html.insertAfter(that.tbody);\n }\n }\n } else if (footer && !that.footer) {\n that.footer = footer;\n }\n\n if (footer.length) {\n if (options.scrollable) {\n footerWrap = footer.attr(TABINDEX, -1).children(\".k-grid-footer-wrap\");\n\n that.scrollables = $(\n that.scrollables\n .filter(function() { return !$(this).is(\".k-grid-footer-wrap\"); })\n .toArray()\n ).add(footerWrap);\n }\n\n if (that._footerWidth) {\n footer.find(\"table\").css('width', that._footerWidth);\n }\n\n if (footerWrap) {\n var offset = kendo.scrollLeft(that.content);\n\n if (options.scrollable !== true && that.virtualScroll && that.virtualScroll.rows) {\n offset = kendo.scrollLeft(that.wrapper.find('.k-virtual-scrollable-wrap'));\n }\n kendo.scrollLeft(footerWrap, offset);\n }\n }\n\n if (that.lockedContent) {\n that._appendLockedColumnFooter();\n that._applyLockedContainersWidth();\n that._syncLockedFooterHeight();\n }\n },\n\n _wrapFooter: function(footerRow) {\n var that = this,\n html = \"\",\n table,\n scrollbar = !kendo.support.mobileOS ? kendo.support.scrollbar() : 0;\n\n if (that.options.scrollable) {\n html = $('');\n table = html.find(\"table\");\n table.addClass(kendo.getValidCssClass(\"k-table-\", \"size\", that.options.size));\n that._appendCols(table);\n html.css((isRtl ? \"padding-left\" : \"padding-right\"), scrollbar); // Update inner fix.\n\n return html;\n }\n\n return '';\n },\n\n _globalColumnsMenu: function(cell) {\n var that = this,\n menu,\n columns = leafColumns(that.columns),\n options = that.options,\n columnMenu = options.columnMenu,\n menuOptions,\n initCallback = function(e) {\n that.trigger(COLUMNMENUINIT, { field: e.field, container: e.container });\n },\n openCallback = function(e) {\n that.trigger(COLUMNMENUOPEN, { field: e.field, container: e.container });\n },\n closeCallback = function() {\n cell.trigger(\"focus\");\n };\n\n if (columnMenu) {\n if (typeof columnMenu == \"boolean\") {\n columnMenu = {};\n }\n\n that._setColumnsMediaVisibility(columns);\n\n var toggleable = !!(columnMenu.autoSize || columnMenu.clearAllFilters);\n\n menu = cell.data(\"kendoColumnMenu\");\n if (menu) {\n menu.destroy();\n }\n\n var columnsExpanderOptions = {\n toggleable: toggleable,\n expanded: columnMenu.expanded || true,\n animation: false,\n hideExpanderIndicator: !toggleable\n };\n\n menuOptions = {\n dataSource: that.dataSource,\n columns: columnMenu.columns,\n sortable: false,\n filterable: false,\n clearAllFilters: columnMenu.clearAllFilters,\n messages: columnMenu.messages,\n hideAutoSizeColumn: true,\n owner: that,\n closeCallback: closeCallback,\n init: initCallback,\n open: openCallback,\n pane: that.pane,\n autoSize: columnMenu.autoSize,\n encodeTitles: that.options.encodeTitles,\n componentType: \"modern\",\n columnsExpanderOptions: columnsExpanderOptions\n };\n\n cell.kendoColumnMenu(menuOptions);\n }\n },\n\n _columnMenu: function() {\n var that = this,\n menu,\n columns = leafColumns(that.columns),\n column,\n options = that.options,\n columnMenu = options.columnMenu,\n menuOptions,\n sortable,\n filterable,\n cells,\n hasMultiColumnHeaders = grep(that.columns, function(item) {\n return item.columns !== undefined$1;\n }).length > 0,\n hasLockableColumns = grep(that.columns, function(item) {\n return item.lockable !== false;\n }).length > 0,\n hasStickableColumns = grep(that.columns, function(item) {\n return item.stickable === true;\n }).length > 0,\n isMobile = this._isMobile,\n initCallback = function(e) {\n that.trigger(COLUMNMENUINIT, { field: e.field, container: e.container });\n },\n openCallback = function(e) {\n that.trigger(COLUMNMENUOPEN, { field: e.field, container: e.container });\n },\n closeCallback = function() {\n focusTable(that.table, true);\n },\n stickCallback = function(e) {\n that.trigger(COLUMNSTICK, { column: e.column });\n },\n unstickCallback = function(e) {\n that.trigger(COLUMNUNSTICK, { column: e.column });\n },\n sortHandler = function(e) {\n if (that.trigger(\"sort\", { sort: e.sort })) {\n e.preventDefault();\n } else {\n that._clearEditableState();\n if (that.dataSource.options.endless) {\n that._resetEndless();\n }\n }\n },\n filterHandler = function(e) {\n if (that.trigger(\"filter\", { filter: e.filter, field: e.field })) {\n e.preventDefault();\n } else {\n that._clearEditableState();\n if (that.dataSource.options.endless) {\n that._resetEndless();\n }\n }\n };\n\n if (columnMenu) {\n if (typeof columnMenu == \"boolean\") {\n columnMenu = {};\n }\n\n that._setColumnsMediaVisibility(columns);\n\n cells = leafDataCells(that.thead);\n\n for (var idx = 0, length = cells.length; idx < length; idx++) {\n column = columns[idx];\n var cell = cells.eq(idx);\n\n if (column.columnMenu !== false && !column.command && (column.field || cell.attr(\"data-\" + kendo.ns + \"field\"))) {\n menu = cell.data(\"kendoColumnMenu\");\n if (menu) {\n menu.destroy();\n }\n\n sortable = column.sortable !== false && columnMenu.sortable !== false && options.sortable !== false ? extend({}, options.sortable, {\n compare: (column.sortable || {}).compare\n }) : false;\n\n filterable = options.filterable && column.filterable !== false && columnMenu.filterable !== false ? extend({ pane: that.pane }, options.filterable, column.filterable) : false;\n\n if (column.filterable && column.filterable.dataSource) {\n filterable.forceUnique = false;\n filterable.checkSource = column.filterable.dataSource;\n }\n\n if (filterable) {\n filterable.format = column.format;\n }\n\n menuOptions = {\n dataSource: that.dataSource,\n values: column.values,\n columns: columnMenu.columns,\n sortable: sortable,\n filterable: filterable,\n messages: columnMenu.messages,\n owner: that,\n closeCallback: closeCallback,\n init: initCallback,\n open: openCallback,\n stick: stickCallback,\n unstick: unstickCallback,\n pane: that.pane,\n sort: sortHandler,\n filtering: filterHandler,\n filter: isMobile ? \":not(.k-column-active)\" : \"\",\n autoSize: columnMenu.autoSize,\n hasLockableColumns: lockedColumns(columns).length > 0 && hasLockableColumns && !hasMultiColumnHeaders,\n hasStickableColumns: hasStickableColumns && !hasMultiColumnHeaders,\n encodeTitles: that.options.encodeTitles,\n componentType: columnMenu.componentType,\n appendTo: DOT + classNames.headerCellInner,\n reorderable: options.reorderable === true || (options.reorderable && options.reorderable.columns),\n groupable: that.options.groupable && that.options.groupable.enabled !== false && column.groupable !== false\n };\n\n cell.kendoColumnMenu(menuOptions);\n }\n }\n }\n },\n\n _headerCells: function() {\n return $(this.thead).find(\"th\").filter(function() {\n var th = $(this);\n return !th.hasClass(\"k-group-cell\") && !th.hasClass(\"k-hierarchy-cell\");\n });\n },\n\n _hasFilterMenu: function() {\n var filterable = this.options.filterable;\n if (filterable && typeof filterable.mode == STRING && filterable.mode.indexOf(\"menu\") == -1) {\n return false;\n }\n\n return filterable;\n },\n\n _filterable: function() {\n var that = this,\n columns = leafColumns(that.columns),\n filterMenu,\n cells,\n cell,\n filterInit = function(e) {\n that.trigger(FILTERMENUINIT, { field: e.field, container: e.container });\n },\n closeCallback = function() {\n focusTable(that.table, true);\n },\n filterHandler = function(e) {\n if (that.trigger(\"filter\", { filter: e.filter, field: e.field })) {\n e.preventDefault();\n } else {\n that._clearEditableState();\n if (that.dataSource.options.endless) {\n that._resetEndless();\n }\n }\n },\n filterOpen = function(e) {\n that.trigger(FILTERMENUOPEN, { field: e.field, container: e.container });\n },\n filterable = that._hasFilterMenu();\n\n if (filterable && !that.options.columnMenu) {\n cells = leafDataCells(that.thead);//that._headerCells();\n\n for (var idx = 0, length = cells.length; idx < length; idx++) {\n cell = cells.eq(idx);\n\n if (columns[idx].filterable !== false && !columns[idx].command && (columns[idx].field || cell.attr(\"data-\" + kendo.ns + \"field\"))) {\n filterMenu = cell.data(\"kendoFilterMenu\");\n\n if (filterMenu) {\n filterMenu.destroy();\n }\n\n filterMenu = cell.data(\"kendoFilterMultiCheck\");\n if (filterMenu) {\n filterMenu.destroy();\n }\n\n var columnFilterable = columns[idx].filterable;\n\n var options = extend({},\n filterable,\n columnFilterable,\n {\n dataSource: that.dataSource,\n values: columns[idx].values,\n format: columns[idx].format,\n closeCallback: closeCallback,\n title: columns[idx].title || columns[idx].field,\n init: filterInit,\n open: filterOpen,\n pane: that.pane,\n change: filterHandler,\n appendTo: DOT + classNames.headerCellInner\n }\n );\n\n if (columnFilterable && columnFilterable.messages) {\n options.messages = extend(true, {}, filterable.messages, columnFilterable.messages);\n }\n if (columnFilterable && columnFilterable.dataSource) {\n options.forceUnique = false;\n options.checkSource = columnFilterable.dataSource;\n }\n\n if (columnFilterable && columnFilterable.multi) {\n cell.kendoFilterMultiCheck(options);\n } else {\n cell.kendoFilterMenu(options);\n }\n }\n }\n }\n },\n\n _filterRow: function() {\n var that = this;\n if (!that._hasFilterRow()) {\n return;\n }\n\n var settings;\n var columns = leafColumns(that.columns),\n filterable = that.options.filterable,\n rowheader = that.thead.find(\".k-filter-row\"),\n filterHandler = function(e) {\n if (that.trigger(\"filter\", { filter: e.filter, field: e.field })) {\n e.preventDefault();\n } else {\n that._clearEditableState();\n if (that.dataSource.options.endless) {\n that._resetEndless();\n }\n }\n };\n\n\n this._updateHeader(that._groups());\n\n for (var i = 0; i < columns.length; i++) {\n var suggestDataSource,\n col = columns[i],\n operators = that.options.filterable.operators,\n customDataSource = false,\n td = $(\"\")\n .css({ position: \"absolute\", left: -10000, top: -10000 });\n var clone;\n\n grid.toggleUnexportableColumns(grid.columns);\n clone = grid.wrapper.clone().css({\n height: AUTO, width: AUTO\n }).appendTo(cont);\n clone.find(\".k-grid-content\").css({ height: AUTO, width: AUTO, overflow: \"visible\" });\n clone.find('> table, .k-grid-content > table, .k-grid-footer table').css({ height: AUTO, width: \"100%\", overflow: \"visible\" });\n clone.find(\".k-grid-pager, .k-grid-toolbar, .k-grouping-header\").remove();\n clone.find(\".k-grid-header, .k-grid-footer, .k-auto-scrollable\").css({ paddingRight: 0 });\n\n this._initPDFProgress(progress);\n\n var body = clone.find('> table > tbody, .k-grid-content > table > tbody').first().empty();\n var startingPage = dataSource.page();\n\n function resolve() {\n if (allPages && startingPage !== undefined$1) {\n dataSource.one(\"change\", draw);\n dataSource.page(startingPage);\n } else {\n grid.refresh();\n draw();\n }\n }\n\n function draw() {\n cont.appendTo(document.body);\n var options = $.extend({}, grid.options.pdf, {\n _destructive: true,\n progress: function(p) {\n progress.notify({\n page: p.page,\n pageNumber: p.pageNum,\n progress: 0.5 + p.pageNum / p.totalPages / 2,\n totalPages: p.totalPages\n });\n }\n });\n kendo.drawing.drawDOM(clone, options)\n .always(function() {\n cont.remove();\n })\n .then(function(group) {\n result.resolve(group);\n grid.toggleUnexportableColumns(grid.columns, true);\n })\n .fail(function(err) {\n result.reject(err);\n });\n }\n\n function renderPage() {\n var pageNum = dataSource.page();\n var totalPages = allPages ? dataSource.totalPages() : 1;\n body.append(origBody.children(\"tr:not(.k-detail-row)\"));\n if (pageNum < totalPages) {\n dataSource.page(pageNum + 1);\n } else {\n dataSource.unbind(\"change\", renderPage);\n resolve();\n }\n }\n\n if (allPages) {\n dataSource.bind(\"change\", renderPage);\n dataSource.page(1);\n } else {\n renderPage();\n }\n\n return result.promise();\n };\n\n Grid.prototype.toggleUnexportableColumns = function(columns, restore) {\n var length = columns.length;\n var column;\n var exportable;\n var visibleInExport;\n var visibleInExportOnly;\n\n for (var i = 0; i < length; i++) {\n column = columns[i];\n exportable = column.exportable;\n if (!restore) {\n if (typeof column.exportable === \"object\") {\n exportable = column.exportable.pdf;\n }\n\n visibleInExport = !column.hidden && exportable !== false;\n visibleInExportOnly = column.hidden && exportable === true;\n exportable = visibleInExport || visibleInExportOnly;\n\n if (!exportable && !column.hidden) {\n column._toggledDuringExport = true;\n this.hideColumn(column);\n } else if (exportable && column.hidden) {\n column._toggledDuringExport = true;\n this.showColumn(column);\n } else if (exportable && column.columns) {\n this.toggleUnexportableColumns(column.columns);\n }\n } else {\n if (column._toggledDuringExport) {\n column._toggledDuringExport = false;\n\n if (column.hidden) {\n this.showColumn(column);\n } else {\n this.hideColumn(column);\n }\n } else if (column.columns) {\n this.toggleUnexportableColumns(column.columns, restore);\n }\n }\n }\n };\n\n Grid.prototype._drawPDF = function(progress) {\n var grid = this;\n\n if (grid.options.pdf.paperSize && grid.options.pdf.paperSize != AUTO) {\n return grid._drawPDF_autoPageBreak(progress);\n }\n\n var result = new $.Deferred();\n var dataSource = grid.dataSource;\n var allPages = grid.options.pdf.allPages;\n\n this._initPDFProgress(progress);\n\n // This group will be our document containing all pages\n var doc = new kendo.drawing.Group();\n var startingPage = dataSource.page();\n\n function resolve() {\n if (allPages && startingPage !== undefined$1) {\n dataSource.unbind(\"change\", exportPage);\n dataSource.one(\"change\", function() {\n result.resolve(doc);\n });\n\n dataSource.page(startingPage);\n } else {\n result.resolve(doc);\n }\n }\n\n function exportPage() {\n grid.toggleUnexportableColumns(grid.columns);\n grid._drawPDFShadow({\n width: grid.wrapper.width()\n }, {\n avoidLinks: grid.options.pdf.avoidLinks\n })\n .done(function(group) {\n var pageNum = dataSource.page();\n var totalPages = allPages ? dataSource.totalPages() : 1;\n\n var args = {\n page: group,\n pageNumber: pageNum,\n progress: pageNum / totalPages,\n totalPages: totalPages\n };\n\n grid.toggleUnexportableColumns(grid.columns, true);\n progress.notify(args);\n doc.append(args.page);\n\n if (pageNum < totalPages) {\n dataSource.page(pageNum + 1);\n } else {\n resolve();\n }\n })\n .fail(function(err) {\n result.reject(err);\n });\n }\n\n if (allPages) {\n dataSource.bind(\"change\", exportPage);\n dataSource.page(1);\n } else {\n exportPage();\n }\n\n return result.promise();\n };\n\n Grid.prototype._initPDFProgress = function(deferred) {\n var loading = $(\"
\");\n loading.prepend(this.wrapper.clone().css({\n position: \"absolute\", top: 0, left: 0\n }));\n\n this._pdfInitialized = true;\n this.wrapper.append(loading);\n\n var pb = $(\"
\")\n .appendTo(loading)\n .kendoProgressBar({\n type: \"chunk\",\n chunkCount: 10,\n min: 0,\n max: 1,\n value: 0\n }).data(\"kendoProgressBar\");\n\n deferred.progress(function(e) {\n pb.value(e.progress);\n })\n .always(function() {\n kendo.destroy(loading);\n loading.remove();\n });\n };\n }\n\n function syncTableHeight(table1, table2) {\n table1 = table1[0];\n table2 = table2[0];\n\n if (table1.rows.length !== table2.rows.length) {\n var lockedHeigth = table1.offsetHeight;\n var tableHeigth = table2.offsetHeight;\n\n var row;\n var diff;\n if (lockedHeigth > tableHeigth) {\n row = table2.rows[table2.rows.length - 1];\n\n if (filterRowRegExp.test(row.className)) {\n row = table2.rows[table2.rows.length - 2];\n }\n\n diff = lockedHeigth - tableHeigth;\n } else {\n row = table1.rows[table1.rows.length - 1];\n\n if (filterRowRegExp.test(row.className)) {\n row = table1.rows[table1.rows.length - 2];\n }\n\n diff = tableHeigth - lockedHeigth;\n }\n row.style.height = row.offsetHeight + diff + PX;\n }\n }\n\n function adjustRowHeight(row1, row2) {\n var height;\n var offsetHeight1 = row1.offsetHeight;\n var offsetHeight2 = row2.offsetHeight;\n\n if (offsetHeight1 > offsetHeight2) {\n height = offsetHeight1 + PX;\n } else if (offsetHeight1 < offsetHeight2) {\n height = offsetHeight2 + PX;\n }\n\n if (height) {\n row1.style.height = row2.style.height = height;\n }\n }\n\n function getCommand(commands, name) {\n var idx, length, command;\n\n if (typeof commands === STRING && commands === name) {\n return commands;\n }\n\n if (isPlainObject(commands) && commands.name === name) {\n return commands;\n }\n\n if (isArray(commands)) {\n for (idx = 0, length = commands.length; idx < length; idx++) {\n command = commands[idx];\n\n if ((typeof command === STRING && command === name) || (command.name === name)) {\n return command;\n }\n }\n }\n return null;\n }\n\n function compareElements(element, toCompare) {\n if (element.length !== toCompare.length) {\n return false;\n }\n\n for (var i = 0; i < element.length; i++) {\n if (element[i] !== toCompare[i]) {\n return false;\n }\n }\n\n return true;\n }\n\n function focusTable(table, direct) {\n if (!table || table.length === 0) {\n return;\n }\n\n if (direct === true) {\n table = $(table);\n var scrollLeft = kendo.scrollLeft(table.parent());\n\n kendo.focusElement(table);\n kendo.scrollLeft(table.parent(), scrollLeft);\n } else {\n $(table).one(\"focusin\", function(e) { e.preventDefault(); }).trigger(\"focus\");\n }\n }\n\n function isColumnGroupable(grid, column) {\n return grid.options.groupable && (column.groupable || column.groupable === undefined$1);\n }\n\n function isGroupedBy(groups, field) {\n return !!$.grep(groups, function(item) {\n return item.field === field;\n }).length;\n }\n\n function isColumnEditable(column, model) {\n if (!column.field || column.selectable) {\n return false;\n }\n if (model.editable && !model.editable(column.field)) {\n return false;\n }\n if (column.editable && !column.editable(model)) {\n return false;\n }\n return true;\n }\n\n function isInputElement(element) {\n return $(element).is(\":button,a,:input,a>.k-icon,a>.k-svg-icon,textarea,span.k-select,span.k-icon,span.k-svg-icon,span.k-link,label.k-checkbox-label,.k-input,.k-multiselect-wrap,.k-picker-wrap,.k-picker-wrap>.k-selected-color,.k-tool-icon,.k-dropdownlist,.k-switch-thumb,.k-switch-track,.k-switch-label-off,.k-switch-label-on\");\n }\n\n function tableClick(e) {\n var that = this,\n currentTarget = $(e.currentTarget),\n isHeader = currentTarget.is(\"th\"),\n table = this.table.add(this.lockedTable),\n headerTable = this.thead.parent().add($(\">table\", this.lockedHeader)),\n isInput = isInputElement(e.target),\n preventScroll = $(e.target).is('.k-checkbox'),\n target = $(e.target),\n currentTable = currentTarget.closest(\"table\")[0];\n\n if (isInput && currentTarget.find(kendo.roleSelector(\"filtercell\")).length) {\n this._setCurrent(currentTarget);\n return;\n }\n\n if (currentTable !== table[0] && currentTable !== table[1] && currentTable !== headerTable[0] && currentTable !== headerTable[1]) {\n return;\n }\n\n if (target.is(CARET_ALT_RIGHT + \",\" + CARET_ALT_DOWN)) {\n return;\n }\n\n if (this.options.navigatable) {\n this._setCurrent(currentTarget, false, preventScroll);\n }\n\n if (isHeader || !isInput) {\n setTimeout(function() {\n var activeEl = $(kendo._activeElement());\n if ((activeEl.hasClass(\"k-widget\") || activeEl.hasClass(\"k-dropdownlist\")) && !activeEl.hasClass(\"k-grid-pager\")) {\n return;\n }\n\n //Only if input element is not selected yet and it is not descendant of the grid's table\n if (that.table && (activeEl.is(CHECKBOXINPUT) || !isInputElement(kendo._activeElement()) || !$.contains(currentTable, kendo._activeElement()))) {\n //DOMElement.focus() only for header, because IE doesn't really focus the table\n focusTable(that.table[0], true);\n }\n });\n }\n\n if (isHeader && !kendo.support.touch) {\n e.preventDefault(); //if any problem occurs, call preventDefault only for the clicked header links\n }\n }\n\n function leftMostPosition(element, rtl) {\n if (!rtl) {\n return 0;\n }\n\n var result = 0;\n\n if (kendo.support.browser.webkit) {\n result = element.width();\n }\n\n return result;\n }\n\n function parseVirtualSettings(options) {\n var asLowerString;\n\n if (typeof options === \"string\") {\n asLowerString = options.toLowerCase();\n if (asLowerString === \"true\") {\n return {\n rows: true\n };\n } else {\n return {\n rows: asLowerString.indexOf(\"rows\") > -1,\n columns: asLowerString.indexOf(\"columns\") > -1\n };\n }\n\n } else if (options === true) {\n return {\n rows: true\n };\n }\n }\n\n function isElementVisibleInWrapper(wrapper, element) {\n var offsetTop;\n var halfHeight;\n\n if (!wrapper) {\n return false;\n }\n\n element = $(element);\n\n if (element[0] && contains(wrapper[0], element[0])) {\n offsetTop = element.offset().top - wrapper.offset().top;\n halfHeight = element.outerHeight() / 2;\n\n if ((offsetTop >= 0 || math.abs(offsetTop) <= halfHeight) && (math.floor(offsetTop + halfHeight) <= wrapper.height())) {\n return true;\n }\n }\n\n return false;\n }\n\n function isInEdit(cell) {\n return cell &&\n (cell.hasClass(\"k-edit-cell\") ||\n cell.parent().hasClass(\"k-grid-edit-row\"));\n }\n\n function groupHtmlBuilder(groupHeaderColumnTemplate, groupHeaderBuilder, colspan, templateColspan, groupData, level, text, expanded, group, isGroupPaged) {\n var html;\n\n if (groupHeaderColumnTemplate) {\n html = groupHeaderColumnTemplate(extend({}, groupData, {\n groupCells: level,\n colspan: templateColspan,\n text: text,\n expanded: expanded,\n isRtl: isRtl,\n uid: group.uid\n }));\n } else {\n html = groupHeaderBuilder(colspan, level, text, expanded, group.uid, isGroupPaged);\n }\n\n return html;\n }\n\n function groupCellBuilder(headerTemplateIndex) {\n return function (ref) {\n var colspan = ref.colspan;\n var text = ref.text;\n var expanded = ref.expanded;\n var isRtl = ref.isRtl;\n\n return \"
\" +\n ' ' +\n kendo.ui.icon($((\"\")), { icon: (expanded ? 'caret-alt-down' : (\"caret-alt-\" + (isRtl ? 'left' : 'right'))) }) + text +\n \" | \" + (new Array(colspan + headerTemplateIndex).join(\"
| \"));\n };\n }\n\n function groupCellLockedContentBuilder(headerTemplateIndex) {\n return '
' +\n \" | \" + (new Array(headerTemplateIndex).join(\"
| \"));\n }\n\n function groupRowBuilder(colspan, level, text, expanded, uid, includeAdditionalData, isRtl) {\n return '
' + groupCells(level) +\n '| ' +\n ' ' +\n kendo.ui.icon($(''), { icon: (expanded ? 'caret-alt-down' : (\"caret-alt-\" + (isRtl ? 'left' : 'right'))) }) + text +\n \" | \" + (new Array(colspan).join(\" | \")) + \"
\";\n }\n\n function groupRowLockedContentBuilder(colspan) {\n return '
' +\n '| ' +\n \" | \" + (new Array(colspan).join(\" | \")) + \"
\";\n }\n\n function toggleRow(row, visible) {\n row = $(row)[0];\n if (visible) {\n row.style.display = \"\";\n } else {\n row.style.display = NONE;\n }\n }\n\n function htmlEncode(value, backslashEscapeQuotes) {\n var ampRegExp = /&/g,\n ltRegExp = //g;\n\n return (\"\" + value)\n .replace(ampRegExp, \"&\")\n .replace(ltRegExp, \"<\")\n .replace(gtRegExp, \">\")\n .replace(quoteRegExp, function(match) {\n if (backslashEscapeQuotes) {\n return \"\\\\\" + match;\n }\n return \""\";\n })\n .replace(aposRegExp, \"'\");\n }\n\n function isEmptyString(value) {\n return !/\\S/.test(value);\n }\n\n function getTitle(field, columns) {\n return columns.filter(function(col) {\n return col.field === field;\n })[0].title || field;\n }\n\n function exportDataSort(a, b) {\n return this.dataSource.indexOf(this.dataSource.getByUid(a.uid)) - this.dataSource.indexOf(this.dataSource.getByUid(b.uid));\n }\n\n function isExcelExportableColumn(column) {\n return !(column.exportable === false || (column.exportable && column.exportable.excel === false));\n }\n\n ui.plugin(Grid);\n ui.plugin(VirtualScrollable);\n\n extend(kendo.ui.grid, {\n defaultBodyContextMenu: defaultBodyContextMenu,\n defaultHeadContextMenu: defaultHeadContextMenu,\n defaultGroupsContextMenu: defaultGroupsContextMenu\n });\n\n })(window.kendo.jQuery);\n var kendo$1 = kendo;\n\n return kendo$1;\n\n}));\n"]}