Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[SSE] Make applying of current column sizes after rerender

Browse source
This commit is contained in:
JuliaSvinareva 2022-06-21 21:50:29 +03:00
parent d43ed42e6c
commit 33126f0cf3
2 changed files with 44 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
apps/common/main/lib/view/SearchPanel.js
View file

@ -410,6 +410,44 @@ define([
this.btnReplaceAll.setDisabled(disable); this.btnReplaceAll.setDisabled(disable);
}, },
fillResultColsSize: function () {
this.resizeResults.currentWidths = [];
this.resizeResults.currentResizersPosition = [];
var headerCols = this.$resultsContainer.find('.header-item'),
resizers = this.$resultsContainer.find('.header-resizer');
_.each(headerCols, _.bind(function (item) {
var data = $(item).data('col'),
resCol = this.$resultsContainer.find('.search-items [data-col=' + data + ']')[0];
this.resizeResults.currentWidths.push({
name: data,
headerWidth: $(item).outerWidth(),
resultWidth: $(resCol).outerWidth()
});
}, this));
_.each(resizers, _.bind(function (item) {
this.resizeResults.currentResizersPosition.push($(item).position().left);
}, this));
console.log('this.resizeResults.currentWidths', this.resizeResults.currentWidths);
console.log('this.resizeResults.currentResizersPosition', this.resizeResults.currentResizersPosition);
},
applyResultColsSize: function () {
if (this.resizeResults.isChanged) {
var headerCols = this.$resultsContainer.find('.header-item'),
resizers = this.$resultsContainer.find('.header-resizer');
_.each(headerCols, _.bind(function (item, index) {
var currentWidth = this.resizeResults.currentWidths[index];
$(item).width(currentWidth.headerWidth);
this.$resultsContainer.find('.search-items [data-col=' + currentWidth.name + ']').width(currentWidth.resultWidth);
}, this));
_.each(resizers, _.bind(function (item, index) {
$(item).position({left: this.resizeResults.currentResizersPosition[index]});
}, this));
}
},
resultsResizeStart: function (e) { resultsResizeStart: function (e) {
$(document).on('mousemove', this.resizeResults.events.mousemove) $(document).on('mousemove', this.resizeResults.events.mousemove)
.on('mouseup', this.resizeResults.events.mouseup); .on('mouseup', this.resizeResults.events.mouseup);
@ -431,6 +469,9 @@ define([
console.log('initX ', this.resizeResults.initX); console.log('initX ', this.resizeResults.initX);
console.log('max/doc width ', this.resizeResults.max); console.log('max/doc width ', this.resizeResults.max);
console.log('min 0/header resizer left - container left border ', this.resizeResults.min); console.log('min 0/header resizer left - container left border ', this.resizeResults.min);
this.fillResultColsSize();
this.resizeResults.isChanged = true;
}, },
resultsResizeMove: function (e) { resultsResizeMove: function (e) {
@ -491,6 +532,8 @@ define([
this.updateFormulaColWidth(); this.updateFormulaColWidth();
this.$resultsContainer.scrollerX.update({alwaysVisibleX: true}); this.$resultsContainer.scrollerX.update({alwaysVisibleX: true});
this.fillResultColsSize();
}, },
onLayoutResize: function () { onLayoutResize: function () {

1
apps/spreadsheeteditor/main/app/controller/Search.js
View file

@ -445,6 +445,7 @@ define([
me.addTooltips($item, item); me.addTooltips($item, item);
}); });
this.view.$resultsContainer.show(); this.view.$resultsContainer.show();
this.view.applyResultColsSize();
} }
}, },