devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
759 lines (754 loc) • 33.8 kB
JavaScript
/**
* DevExtreme (cjs/ui/grid_core/ui.grid_core.grid_view.js)
* Version: 22.1.9
* Build date: Tue Apr 18 2023
*
* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
"use strict";
function _typeof(obj) {
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj) {
return typeof obj
} : function(obj) {
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj
}, _typeof(obj)
}
exports.gridViewModule = void 0;
var _size = require("../../core/utils/size");
var _renderer = _interopRequireDefault(require("../../core/renderer"));
var _uiGrid_core = _interopRequireDefault(require("./ui.grid_core.modules"));
var _common = require("../../core/utils/common");
var _window = require("../../core/utils/window");
var _iterator = require("../../core/utils/iterator");
var _type = require("../../core/utils/type");
var _position = require("../../core/utils/position");
var _uiGrid_core2 = _interopRequireDefault(require("./ui.grid_core.utils"));
var _message = _interopRequireDefault(require("../../localization/message"));
var _deferred = require("../../core/utils/deferred");
var _dom_adapter = _interopRequireDefault(require("../../core/dom_adapter"));
var accessibility = _interopRequireWildcard(require("../shared/accessibility"));
var _browser = _interopRequireDefault(require("../../core/utils/browser"));
function _getRequireWildcardCache(nodeInterop) {
if ("function" !== typeof WeakMap) {
return null
}
var cacheBabelInterop = new WeakMap;
var cacheNodeInterop = new WeakMap;
return (_getRequireWildcardCache = function(nodeInterop) {
return nodeInterop ? cacheNodeInterop : cacheBabelInterop
})(nodeInterop)
}
function _interopRequireWildcard(obj, nodeInterop) {
if (!nodeInterop && obj && obj.__esModule) {
return obj
}
if (null === obj || "object" !== _typeof(obj) && "function" !== typeof obj) {
return {
default: obj
}
}
var cache = _getRequireWildcardCache(nodeInterop);
if (cache && cache.has(obj)) {
return cache.get(obj)
}
var newObj = {};
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var key in obj) {
if ("default" !== key && Object.prototype.hasOwnProperty.call(obj, key)) {
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
if (desc && (desc.get || desc.set)) {
Object.defineProperty(newObj, key, desc)
} else {
newObj[key] = obj[key]
}
}
}
newObj.default = obj;
if (cache) {
cache.set(obj, newObj)
}
return newObj
}
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
}
}
var BORDERS_CLASS = "borders";
var TABLE_FIXED_CLASS = "table-fixed";
var IMPORTANT_MARGIN_CLASS = "important-margin";
var GRIDBASE_CONTAINER_CLASS = "dx-gridbase-container";
var GROUP_ROW_SELECTOR = "tr.dx-group-row";
var HIDDEN_COLUMNS_WIDTH = "adaptiveHidden";
var VIEW_NAMES = ["columnsSeparatorView", "blockSeparatorView", "trackerView", "headerPanel", "columnHeadersView", "rowsView", "footerView", "columnChooserView", "filterPanelView", "pagerView", "draggingHeaderView", "contextMenuView", "errorView", "headerFilterView", "filterBuilderView"];
var isPercentWidth = function(width) {
return (0, _type.isString)(width) && "%" === width.slice(-1)
};
var isPixelWidth = function(width) {
return (0, _type.isString)(width) && "px" === width.slice(-2)
};
var calculateFreeWidth = function(that, widths) {
var contentWidth = that._rowsView.contentWidth();
var totalWidth = that._getTotalWidth(widths, contentWidth);
return contentWidth - totalWidth
};
var calculateFreeWidthWithCurrentMinWidth = function(that, columnIndex, currentMinWidth, widths) {
return calculateFreeWidth(that, widths.map((function(width, index) {
return index === columnIndex ? currentMinWidth : width
})))
};
var restoreFocus = function(focusedElement, selectionRange) {
accessibility.hiddenFocus(focusedElement);
_uiGrid_core2.default.setSelectionRange(focusedElement, selectionRange)
};
var ResizingController = _uiGrid_core.default.ViewController.inherit({
_initPostRenderHandlers: function() {
var _this = this;
var dataController = this._dataController;
if (!this._refreshSizesHandler) {
this._refreshSizesHandler = function(e) {
dataController.changed.remove(_this._refreshSizesHandler);
_this._refreshSizes(e)
};
dataController.changed.add((function() {
dataController.changed.add(_this._refreshSizesHandler)
}))
}
},
_refreshSizes: function(e) {
var resizeDeferred;
var that = this;
var changeType = e && e.changeType;
var isDelayed = e && e.isDelayed;
var items = that._dataController.items();
if (!e || "refresh" === changeType || "prepend" === changeType || "append" === changeType) {
if (!isDelayed) {
resizeDeferred = that.resize()
}
} else if ("update" === changeType) {
var _e$changeTypes;
if (0 === (null === (_e$changeTypes = e.changeTypes) || void 0 === _e$changeTypes ? void 0 : _e$changeTypes.length)) {
return
}
if ((items.length > 1 || "insert" !== e.changeTypes[0]) && !(0 === items.length && "remove" === e.changeTypes[0]) && !e.needUpdateDimensions) {
resizeDeferred = new _deferred.Deferred;
this._waitAsyncTemplates().done((function() {
(0, _common.deferUpdate)((function() {
return (0, _common.deferRender)((function() {
return (0, _common.deferUpdate)((function() {
that._setScrollerSpacing();
that._rowsView.resize();
resizeDeferred.resolve()
}))
}))
}))
})).fail(resizeDeferred.reject)
} else {
resizeDeferred = that.resize()
}
}
if (changeType && "updateSelection" !== changeType && "updateFocusedRow" !== changeType && "pageIndex" !== changeType && !isDelayed) {
(0, _deferred.when)(resizeDeferred).done((function() {
that._setAriaRowColCount();
that.fireContentReadyAction()
}))
}
},
fireContentReadyAction: function() {
this.component._fireContentReadyAction()
},
_setAriaRowColCount: function() {
var component = this.component;
component.setAria({
rowCount: this._dataController.totalItemsCount(),
colCount: component.columnCount()
}, component.$element().children("." + GRIDBASE_CONTAINER_CLASS))
},
_getBestFitWidths: function() {
var _widths;
var rowsView = this._rowsView;
var columnHeadersView = this._columnHeadersView;
var widths = rowsView.getColumnWidths();
if (!(null !== (_widths = widths) && void 0 !== _widths && _widths.length)) {
var _rowsView$getTableEle;
var headersTableElement = columnHeadersView.getTableElement();
columnHeadersView.setTableElement(null === (_rowsView$getTableEle = rowsView.getTableElement()) || void 0 === _rowsView$getTableEle ? void 0 : _rowsView$getTableEle.children(".dx-header"));
widths = columnHeadersView.getColumnWidths();
columnHeadersView.setTableElement(headersTableElement)
}
return widths
},
_setVisibleWidths: function(visibleColumns, widths) {
var columnsController = this._columnsController;
columnsController.beginUpdate();
(0, _iterator.each)(visibleColumns, (function(index, column) {
var columnId = columnsController.getColumnId(column);
columnsController.columnOption(columnId, "visibleWidth", widths[index])
}));
columnsController.endUpdate()
},
_toggleBestFitModeForView: function(view, className, isBestFit) {
var _this2 = this;
if (!view || !view.isVisible()) {
return
}
var $rowsTables = this._rowsView.getTableElements();
var $viewTables = view.getTableElements();
(0, _iterator.each)($rowsTables, (function(index, tableElement) {
var $tableBody;
var $rowsTable = (0, _renderer.default)(tableElement);
var $viewTable = $viewTables.eq(index);
if ($viewTable && $viewTable.length) {
if (isBestFit) {
$tableBody = $viewTable.children("tbody").appendTo($rowsTable)
} else {
$tableBody = $rowsTable.children("." + className).appendTo($viewTable)
}
$tableBody.toggleClass(className, isBestFit);
$tableBody.toggleClass(_this2.addWidgetPrefix("best-fit"), isBestFit)
}
}))
},
_toggleBestFitMode: function(isBestFit) {
var $rowsTable = this._rowsView.getTableElement();
var $rowsFixedTable = this._rowsView.getTableElements().eq(1);
if (!$rowsTable) {
return
}
$rowsTable.css("tableLayout", isBestFit ? "auto" : "fixed");
$rowsTable.children("colgroup").css("display", isBestFit ? "none" : "");
(0, _iterator.each)($rowsFixedTable.find(GROUP_ROW_SELECTOR), (function(idx, item) {
(0, _renderer.default)(item).css("display", isBestFit ? "none" : "")
}));
$rowsFixedTable.toggleClass(this.addWidgetPrefix(TABLE_FIXED_CLASS), !isBestFit);
this._toggleBestFitModeForView(this._columnHeadersView, "dx-header", isBestFit);
this._toggleBestFitModeForView(this._footerView, "dx-footer", isBestFit);
if (this._needStretch()) {
$rowsTable.get(0).style.width = isBestFit ? "auto" : ""
}
},
_toggleContentMinHeight: function(value) {
var scrollable = this._rowsView.getScrollable();
var $contentElement = this._rowsView._findContentElement();
if (false === (null === scrollable || void 0 === scrollable ? void 0 : scrollable.option("useNative"))) {
$contentElement.css({
minHeight: value ? _uiGrid_core2.default.getContentHeightLimit(_browser.default) : ""
})
}
},
_synchronizeColumns: function() {
var _this3 = this;
var columnsController = this._columnsController;
var visibleColumns = columnsController.getVisibleColumns();
var columnAutoWidth = this.option("columnAutoWidth");
var wordWrapEnabled = this.option("wordWrapEnabled");
var needBestFit = this._needBestFit();
var hasMinWidth = false;
var resetBestFitMode;
var isColumnWidthsCorrected = false;
var resultWidths = [];
var focusedElement;
var selectionRange;
!needBestFit && (0, _iterator.each)(visibleColumns, (function(index, column) {
if ("auto" === column.width) {
needBestFit = true;
return false
}
}));
(0, _iterator.each)(visibleColumns, (function(index, column) {
if (column.minWidth) {
hasMinWidth = true;
return false
}
}));
this._setVisibleWidths(visibleColumns, []);
if (needBestFit) {
focusedElement = _dom_adapter.default.getActiveElement();
selectionRange = _uiGrid_core2.default.getSelectionRange(focusedElement);
this._toggleBestFitMode(true);
resetBestFitMode = true
}
this._toggleContentMinHeight(wordWrapEnabled);
var $element = this.component.$element();
if ($element && $element[0] && this._maxWidth) {
delete this._maxWidth;
$element[0].style.maxWidth = ""
}(0, _common.deferUpdate)((function() {
if (needBestFit) {
resultWidths = _this3._getBestFitWidths();
(0, _iterator.each)(visibleColumns, (function(index, column) {
var columnId = columnsController.getColumnId(column);
columnsController.columnOption(columnId, "bestFitWidth", resultWidths[index], true)
}))
} else if (hasMinWidth) {
resultWidths = _this3._getBestFitWidths()
}(0, _iterator.each)(visibleColumns, (function(index) {
var width = this.width;
if ("auto" !== width) {
if ((0, _type.isDefined)(width)) {
resultWidths[index] = (0, _type.isNumeric)(width) || isPixelWidth(width) ? parseFloat(width) : width
} else if (!columnAutoWidth) {
resultWidths[index] = void 0
}
}
}));
if (resetBestFitMode) {
_this3._toggleBestFitMode(false);
resetBestFitMode = false;
if (focusedElement && focusedElement !== _dom_adapter.default.getActiveElement()) {
var isFocusOutsideWindow = (0, _position.getBoundingRect)(focusedElement).bottom < 0;
if (!isFocusOutsideWindow) {
restoreFocus(focusedElement, selectionRange)
}
}
}
isColumnWidthsCorrected = _this3._correctColumnWidths(resultWidths, visibleColumns);
if (columnAutoWidth) {
! function() {
var expandColumnWidth;
(0, _iterator.each)(visibleColumns, (function(index, column) {
if ("groupExpand" === column.type) {
expandColumnWidth = resultWidths[index]
}
}));
(0, _iterator.each)(visibleColumns, (function(index, column) {
if ("groupExpand" === column.type && expandColumnWidth) {
resultWidths[index] = expandColumnWidth
}
}))
}();
if (_this3._needStretch()) {
_this3._processStretch(resultWidths, visibleColumns)
}
}(0, _common.deferRender)((function() {
if (needBestFit || isColumnWidthsCorrected) {
_this3._setVisibleWidths(visibleColumns, resultWidths)
}
if (wordWrapEnabled) {
_this3._toggleContentMinHeight(false)
}
}))
}))
},
_needBestFit: function() {
return this.option("columnAutoWidth")
},
_needStretch: function() {
return this._columnsController.getVisibleColumns().some((function(c) {
return "auto" === c.width && !c.command
}))
},
_getAverageColumnsWidth: function(resultWidths) {
var freeWidth = calculateFreeWidth(this, resultWidths);
var columnCountWithoutWidth = resultWidths.filter((function(width) {
return void 0 === width
})).length;
return freeWidth / columnCountWithoutWidth
},
_correctColumnWidths: function(resultWidths, visibleColumns) {
var that = this;
var i;
var hasPercentWidth = false;
var hasAutoWidth = false;
var isColumnWidthsCorrected = false;
var $element = that.component.$element();
var hasWidth = that._hasWidth;
var _loop = function() {
var index = i;
var column = visibleColumns[index];
var isHiddenColumn = resultWidths[index] === HIDDEN_COLUMNS_WIDTH;
var width = resultWidths[index];
var minWidth = column.minWidth;
if (minWidth) {
if (void 0 === width) {
var averageColumnsWidth = that._getAverageColumnsWidth(resultWidths);
width = averageColumnsWidth
} else if (isPercentWidth(width)) {
var freeWidth = calculateFreeWidthWithCurrentMinWidth(that, index, minWidth, resultWidths);
if (freeWidth < 0) {
width = -1
}
}
}
var realColumnWidth = that._getRealColumnWidth(index, resultWidths.map((function(columnWidth, columnIndex) {
return index === columnIndex ? width : columnWidth
})));
if (minWidth && !isHiddenColumn && realColumnWidth < minWidth) {
resultWidths[index] = minWidth;
isColumnWidthsCorrected = true;
i = -1
}
if (!(0, _type.isDefined)(column.width)) {
hasAutoWidth = true
}
if (isPercentWidth(column.width)) {
hasPercentWidth = true
}
};
for (i = 0; i < visibleColumns.length; i++) {
_loop()
}
if (!hasAutoWidth && resultWidths.length) {
var $rowsViewElement = that._rowsView.element();
var contentWidth = that._rowsView.contentWidth();
var scrollbarWidth = that._rowsView.getScrollbarWidth();
var totalWidth = that._getTotalWidth(resultWidths, contentWidth);
if (totalWidth < contentWidth) {
var lastColumnIndex = _uiGrid_core2.default.getLastResizableColumnIndex(visibleColumns, resultWidths);
if (lastColumnIndex >= 0) {
resultWidths[lastColumnIndex] = "auto";
isColumnWidthsCorrected = true;
if (false === hasWidth && !hasPercentWidth) {
var borderWidth = that.option("showBorders") ? Math.ceil((0, _size.getOuterWidth)($rowsViewElement) - (0, _size.getInnerWidth)($rowsViewElement)) : 0;
that._maxWidth = totalWidth + scrollbarWidth + borderWidth;
$element.css("maxWidth", that._maxWidth)
}
}
}
}
return isColumnWidthsCorrected
},
_processStretch: function(resultSizes, visibleColumns) {
var groupSize = this._rowsView.contentWidth();
var tableSize = this._getTotalWidth(resultSizes, groupSize);
var unusedIndexes = {
length: 0
};
if (!resultSizes.length) {
return
}(0, _iterator.each)(visibleColumns, (function(index) {
if (this.width || resultSizes[index] === HIDDEN_COLUMNS_WIDTH) {
unusedIndexes[index] = true;
unusedIndexes.length++
}
}));
var diff = groupSize - tableSize;
var diffElement = Math.floor(diff / (resultSizes.length - unusedIndexes.length));
var onePixelElementsCount = diff - diffElement * (resultSizes.length - unusedIndexes.length);
if (diff >= 0) {
for (var i = 0; i < resultSizes.length; i++) {
if (unusedIndexes[i]) {
continue
}
resultSizes[i] += diffElement;
if (onePixelElementsCount > 0) {
if (onePixelElementsCount < 1) {
resultSizes[i] += onePixelElementsCount;
onePixelElementsCount = 0
} else {
resultSizes[i]++;
onePixelElementsCount--
}
}
}
}
},
_getRealColumnWidth: function(columnIndex, columnWidths, groupWidth) {
var ratio = 1;
var width = columnWidths[columnIndex];
if (!isPercentWidth(width)) {
return parseFloat(width)
}
var percentTotalWidth = columnWidths.reduce((function(sum, width, index) {
if (!isPercentWidth(width)) {
return sum
}
return sum + parseFloat(width)
}), 0);
var pixelTotalWidth = columnWidths.reduce((function(sum, width) {
if (!width || width === HIDDEN_COLUMNS_WIDTH || isPercentWidth(width)) {
return sum
}
return sum + parseFloat(width)
}), 0);
groupWidth = groupWidth || this._rowsView.contentWidth();
var freeSpace = groupWidth - pixelTotalWidth;
var percentTotalWidthInPixel = percentTotalWidth * groupWidth / 100;
if (pixelTotalWidth > 0 && percentTotalWidthInPixel + pixelTotalWidth >= groupWidth) {
ratio = percentTotalWidthInPixel > freeSpace ? freeSpace / percentTotalWidthInPixel : 1
}
return parseFloat(width) * groupWidth * ratio / 100
},
_getTotalWidth: function(widths, groupWidth) {
var result = 0;
for (var i = 0; i < widths.length; i++) {
var width = widths[i];
if (width && width !== HIDDEN_COLUMNS_WIDTH) {
result += this._getRealColumnWidth(i, widths, groupWidth)
}
}
return Math.ceil(result)
},
_getGroupElement: function() {
return this.component.$element().children().get(0)
},
updateSize: function(rootElement) {
var $rootElement = (0, _renderer.default)(rootElement);
var importantMarginClass = this.addWidgetPrefix(IMPORTANT_MARGIN_CLASS);
if (void 0 === this._hasHeight && $rootElement && $rootElement.is(":visible") && (0, _size.getWidth)($rootElement)) {
var $groupElement = $rootElement.children("." + this.getWidgetContainerClass());
if ($groupElement.length) {
$groupElement.detach()
}
this._hasHeight = !!(0, _size.getHeight)($rootElement);
var width = (0, _size.getWidth)($rootElement);
$rootElement.addClass(importantMarginClass);
this._hasWidth = (0, _size.getWidth)($rootElement) === width;
$rootElement.removeClass(importantMarginClass);
if ($groupElement.length) {
$groupElement.appendTo($rootElement)
}
}
},
publicMethods: function() {
return ["resize", "updateDimensions"]
},
_waitAsyncTemplates: function() {
var _this$_columnHeadersV, _this$_rowsView, _this$_footerView;
return (0, _deferred.when)(null === (_this$_columnHeadersV = this._columnHeadersView) || void 0 === _this$_columnHeadersV ? void 0 : _this$_columnHeadersV.waitAsyncTemplates(), null === (_this$_rowsView = this._rowsView) || void 0 === _this$_rowsView ? void 0 : _this$_rowsView.waitAsyncTemplates(), null === (_this$_footerView = this._footerView) || void 0 === _this$_footerView ? void 0 : _this$_footerView.waitAsyncTemplates())
},
resize: function() {
var _this4 = this;
if (this.component._requireResize) {
return
}
var d = new _deferred.Deferred;
this._waitAsyncTemplates().done((function() {
(0, _deferred.when)(_this4.updateDimensions()).done(d.resolve).fail(d.reject)
})).fail(d.reject);
return d.promise()
},
updateDimensions: function(checkSize) {
var that = this;
that._initPostRenderHandlers();
if (!that._checkSize(checkSize)) {
return
}
var prevResult = that._resizeDeferred;
var result = that._resizeDeferred = new _deferred.Deferred;
(0, _deferred.when)(prevResult).always((function() {
(0, _common.deferRender)((function() {
if (that._dataController.isLoaded()) {
that._synchronizeColumns()
}
that._resetGroupElementHeight();
(0, _common.deferUpdate)((function() {
(0, _common.deferRender)((function() {
(0, _common.deferUpdate)((function() {
that._updateDimensionsCore()
}))
}))
}))
})).done(result.resolve).fail(result.reject)
}));
return result.promise()
},
_resetGroupElementHeight: function() {
var groupElement = this._getGroupElement();
var scrollable = this._rowsView.getScrollable();
if (groupElement && groupElement.style.height && (!scrollable || !scrollable.scrollTop())) {
groupElement.style.height = ""
}
},
_checkSize: function(checkSize) {
var $rootElement = this.component.$element();
if (checkSize && (this._lastWidth === (0, _size.getWidth)($rootElement) && this._lastHeight === (0, _size.getHeight)($rootElement) && this._devicePixelRatio === (0, _window.getWindow)().devicePixelRatio || !$rootElement.is(":visible"))) {
return false
}
return true
},
_setScrollerSpacingCore: function() {
var that = this;
var vScrollbarWidth = that._rowsView.getScrollbarWidth();
var hScrollbarWidth = that._rowsView.getScrollbarWidth(true);
(0, _common.deferRender)((function() {
that._columnHeadersView && that._columnHeadersView.setScrollerSpacing(vScrollbarWidth);
that._footerView && that._footerView.setScrollerSpacing(vScrollbarWidth);
that._rowsView.setScrollerSpacing(vScrollbarWidth, hScrollbarWidth)
}))
},
_setScrollerSpacing: function() {
var _this5 = this;
var scrollable = this._rowsView.getScrollable();
var isNativeScrolling = true === this.option("scrolling.useNative");
if (!scrollable || isNativeScrolling) {
(0, _common.deferRender)((function() {
(0, _common.deferUpdate)((function() {
_this5._setScrollerSpacingCore()
}))
}))
} else {
this._setScrollerSpacingCore()
}
},
_updateDimensionsCore: function() {
var that = this;
var dataController = that._dataController;
var editorFactory = that.getController("editorFactory");
var rowsView = that._rowsView;
var $rootElement = that.component.$element();
var groupElement = this._getGroupElement();
var rootElementHeight = (0, _size.getHeight)($rootElement);
var height = that.option("height") || $rootElement.get(0).style.height;
var isHeightSpecified = !!height && "auto" !== height;
var maxHeight = parseInt($rootElement.css("maxHeight"));
var maxHeightHappened = maxHeight && rootElementHeight >= maxHeight;
var isMaxHeightApplied = groupElement && groupElement.scrollHeight === groupElement.offsetHeight;
that.updateSize($rootElement);
(0, _common.deferRender)((function() {
var hasHeight = that._hasHeight || !!maxHeight || isHeightSpecified;
rowsView.hasHeight(hasHeight);
if (maxHeightHappened && !isMaxHeightApplied) {
(0, _renderer.default)(groupElement).css("height", maxHeight)
}
if (!dataController.isLoaded()) {
rowsView.setLoading(dataController.isLoading());
return
}(0, _common.deferUpdate)((function() {
that._updateLastSizes($rootElement);
that._setScrollerSpacing();
(0, _iterator.each)(VIEW_NAMES, (function(index, viewName) {
var view = that.getView(viewName);
if (view) {
view.resize()
}
}));
editorFactory && editorFactory.resize()
}))
}))
},
_updateLastSizes: function($rootElement) {
this._lastWidth = (0, _size.getWidth)($rootElement);
this._lastHeight = (0, _size.getHeight)($rootElement);
this._devicePixelRatio = (0, _window.getWindow)().devicePixelRatio
},
optionChanged: function(args) {
switch (args.name) {
case "width":
case "height":
this.component._renderDimensions();
this.resize();
case "renderAsync":
args.handled = true;
return;
default:
this.callBase(args)
}
},
init: function() {
this._dataController = this.getController("data");
this._columnsController = this.getController("columns");
this._columnHeadersView = this.getView("columnHeadersView");
this._footerView = this.getView("footerView");
this._rowsView = this.getView("rowsView")
}
});
var SynchronizeScrollingController = _uiGrid_core.default.ViewController.inherit({
_scrollChangedHandler: function(views, pos, viewName) {
for (var j = 0; j < views.length; j++) {
if (views[j] && views[j].name !== viewName) {
views[j].scrollTo({
left: pos.left,
top: pos.top
})
}
}
},
init: function() {
var views = [this.getView("columnHeadersView"), this.getView("footerView"), this.getView("rowsView")];
for (var i = 0; i < views.length; i++) {
var view = views[i];
if (view) {
view.scrollChanged.add(this._scrollChangedHandler.bind(this, views))
}
}
}
});
var GridView = _uiGrid_core.default.View.inherit({
_endUpdateCore: function() {
if (this.component._requireResize) {
this.component._requireResize = false;
this._resizingController.resize()
}
},
_getWidgetAriaLabel: function() {
return "dxDataGrid-ariaDataGrid"
},
init: function() {
this._resizingController = this.getController("resizing");
this._dataController = this.getController("data")
},
getView: function(name) {
return this.component._views[name]
},
element: function() {
return this._groupElement
},
optionChanged: function(args) {
if ((0, _type.isDefined)(this._groupElement) && "showBorders" === args.name) {
this._groupElement.toggleClass(this.addWidgetPrefix(BORDERS_CLASS), !!args.value);
args.handled = true
} else {
this.callBase(args)
}
},
_renderViews: function($groupElement) {
var that = this;
(0, _iterator.each)(VIEW_NAMES, (function(index, viewName) {
var view = that.getView(viewName);
if (view) {
view.render($groupElement)
}
}))
},
_getTableRoleName: function() {
return "grid"
},
render: function($rootElement) {
var isFirstRender = !this._groupElement;
var $groupElement = this._groupElement || (0, _renderer.default)("<div>").addClass(this.getWidgetContainerClass());
$groupElement.addClass(GRIDBASE_CONTAINER_CLASS);
$groupElement.toggleClass(this.addWidgetPrefix(BORDERS_CLASS), !!this.option("showBorders"));
this.setAria("role", "presentation", $rootElement);
this.component.setAria({
role: this._getTableRoleName(),
label: _message.default.format(this._getWidgetAriaLabel())
}, $groupElement);
this._rootElement = $rootElement || this._rootElement;
if (isFirstRender) {
this._groupElement = $groupElement;
(0, _window.hasWindow)() && this.getController("resizing").updateSize($rootElement);
$groupElement.appendTo($rootElement)
}
this._renderViews($groupElement)
},
update: function() {
var $rootElement = this._rootElement;
var $groupElement = this._groupElement;
var resizingController = this.getController("resizing");
if ($rootElement && $groupElement) {
resizingController.resize();
if (this._dataController.isLoaded()) {
this._resizingController.fireContentReadyAction()
}
}
}
});
var gridViewModule = {
defaultOptions: function() {
return {
showBorders: false,
renderAsync: void 0
}
},
controllers: {
resizing: ResizingController,
synchronizeScrolling: SynchronizeScrollingController
},
views: {
gridView: GridView
},
VIEW_NAMES: VIEW_NAMES
};
exports.gridViewModule = gridViewModule;