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

[SSE] Optimize pivot settings changing

Browse source
This commit is contained in:
Julia Radzhabova 2020-09-16 16:40:51 +03:00
parent 791e967609
commit 9067cbe3b5
1 changed files with 89 additions and 124 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

213
apps/spreadsheeteditor/main/app/view/PivotSettings.js
View file

@ -395,6 +395,7 @@ define([
this._state.TableName=props.asc_getName(); this._state.TableName=props.asc_getName();
var me = this, var me = this,
isChecked = [],
cache_names = props.asc_getCacheFields(), cache_names = props.asc_getCacheFields(),
pivot_names = props.asc_getPivotFields(); pivot_names = props.asc_getPivotFields();
@ -403,145 +404,109 @@ define([
me._state.names[index] = item.asc_getName() || cache_names[index].asc_getName(); me._state.names[index] = item.asc_getName() || cache_names[index].asc_getName();
}); });
var arr = [], isChecked = [], var fillList = function(propValue, list, eventIndex, getNameFunction) {
value = props.asc_getColumnFields(); var arr = [];
value && value.forEach(function (item, index) { var models = list.store.models,
var pivotIndex = item.asc_getIndex(); equalArr = list.store.length === (propValue ? propValue.length : 0);
if (pivotIndex>-1 || pivotIndex == -2) { propValue && propValue.forEach(function (item, index) {
var name = (pivotIndex>-1) ? me._state.names[pivotIndex] : me.textValues; var pivotIndex = item.asc_getIndex();
arr.push(new Common.UI.DataViewModel({ var name = getNameFunction ? getNameFunction(pivotIndex) : item.asc_getName();
selected : false, if (equalArr) {
allowSelected : false, models[index].set({
pivotIndex : pivotIndex, pivotIndex: pivotIndex,
index : index, index : index,
value : name, value : name,
tip : (name.length>10) ? name : '' tip : (name.length>10) ? name : ''
})); });
isChecked[name] = true; } else
arr.push(new Common.UI.DataViewModel({
selected : false,
allowSelected : false,
pivotIndex : pivotIndex,
index : index,
value : name,
tip : (name.length>10) ? name : ''
}));
isChecked[getNameFunction ? name : me._state.names[pivotIndex]] = true;
});
if (!equalArr) {
list.store.reset(arr);
list.scroller.update({minScrollbarLength : 40, alwaysVisibleY: true, suppressScrollX: true});
list.dataViewItems.forEach(function (item, index) {
item.$el.attr('draggable', true);
item.$el.on('dragstart', _.bind(me.onItemsDragStart, me, eventIndex, list, item, index));
item.$el.on('dragenter', _.bind(me.onDragItemEnter, me, item, index));
item.$el.on('dragleave', _.bind(me.onDragItemLeave, me, item, index));
item.$el.on('dragover', _.bind(me.onDragItemOver, me, list, item, index));
item.$el.on('drop', _.bind(me.onDrop, me));
item.$el.on('dragend', _.bind(me.onDragEnd, me));
});
list.$el.find('.item').last().css({'margin-bottom': '10px'});
} }
}); };
this.columnsList.store.reset(arr);
this.columnsList.scroller.update({minScrollbarLength : 40, alwaysVisibleY: true, suppressScrollX: true}); var value = props.asc_getColumnFields();
value && (value = _.filter(value, function(item){
var pivotIndex = item.asc_getIndex();
return (pivotIndex>-1 || pivotIndex == -2);
}));
fillList(value, this.columnsList, 0, function(pivotIndex) {
return (pivotIndex>-1) ? me._state.names[pivotIndex] : me.textValues;
});
arr = [];
value = props.asc_getRowFields(); value = props.asc_getRowFields();
value && value.forEach(function (item, index) { value && (value = _.filter(value, function(item){
var pivotIndex = item.asc_getIndex(); var pivotIndex = item.asc_getIndex();
if (pivotIndex>-1 || pivotIndex == -2) { return (pivotIndex>-1 || pivotIndex == -2);
var name = (pivotIndex>-1) ? me._state.names[pivotIndex] : me.textValues; }));
arr.push(new Common.UI.DataViewModel({ fillList(value, this.rowsList, 1, function(pivotIndex) {
selected : false, return (pivotIndex>-1) ? me._state.names[pivotIndex] : me.textValues;
allowSelected : false,
pivotIndex : pivotIndex,
index : index,
value : name,
tip : (name.length>10) ? name : ''
}));
isChecked[name] = true;
}
}); });
this.rowsList.store.reset(arr);
this.rowsList.scroller.update({minScrollbarLength : 40, alwaysVisibleY: true, suppressScrollX: true});
arr = [];
value = props.asc_getDataFields(); value = props.asc_getDataFields();
value && value.forEach(function (item, index) { value && (value = _.filter(value, function(item){
var pivotIndex = item.asc_getIndex(); return (item.asc_getIndex()>-1);
if (pivotIndex>-1) { }));
var name = item.asc_getName(); fillList(value, this.valuesList, 2);
arr.push(new Common.UI.DataViewModel({
selected : false,
allowSelected : false,
pivotIndex : pivotIndex,
index : index,
value : name,
tip : (name.length>10) ? name : ''
}));
isChecked[me._state.names[pivotIndex]] = true;
}
});
this.valuesList.store.reset(arr);
this.valuesList.scroller.update({minScrollbarLength : 40, alwaysVisibleY: true, suppressScrollX: true});
arr = [];
value = props.asc_getPageFields(); value = props.asc_getPageFields();
value && value.forEach(function (item, index) { value && (value = _.filter(value, function(item){
var pivotIndex = item.asc_getIndex(); return (item.asc_getIndex()>-1);
if (pivotIndex>-1) { }));
var name = me._state.names[pivotIndex]; fillList(value, this.filtersList, 3, function(pivotIndex) {
return me._state.names[pivotIndex];
});
var arr = [];
var models = this.fieldsList.store.models;
var equalArr = this.fieldsList.store.length === me._state.names.length;
me._state.names.forEach(function (item, index) {
if (equalArr) {
models[index].set({
value : item,
index : index,
tip : (item.length>25) ? item : '',
check : isChecked[item]
});
} else
arr.push(new Common.UI.DataViewModel({ arr.push(new Common.UI.DataViewModel({
selected : false, selected : false,
allowSelected : false, allowSelected : false,
pivotIndex : pivotIndex, value : item,
index : index, index : index,
value : name, tip : (item.length>25) ? item : '',
tip : (name.length>10) ? name : '' check : isChecked[item]
})); }));
isChecked[name] = true;
}
}); });
this.filtersList.store.reset(arr); if (!equalArr) {
this.filtersList.scroller.update({minScrollbarLength : 40, alwaysVisibleY: true, suppressScrollX: true}); this.fieldsList.store.reset(arr);
this.fieldsList.scroller.update({minScrollbarLength : 40, alwaysVisibleY: true, suppressScrollX: true});
arr = []; this.fieldsList.dataViewItems.forEach(function (item, index) {
me._state.names.forEach(function (item, index) { item.$el.attr('draggable', true);
arr.push(new Common.UI.DataViewModel({ item.$el.on('dragstart', _.bind(me.onFieldsDragStart, me, item, index));
selected : false, item.$el.on('dragend', _.bind(me.onDragEnd, me));
allowSelected : false, });
value : item, }
index : index,
tip : (item.length>25) ? item : '',
check : isChecked[item]
}));
});
this.fieldsList.store.reset(arr);
this.fieldsList.scroller.update({minScrollbarLength : 40, alwaysVisibleY: true, suppressScrollX: true});
this.fieldsList.dataViewItems.forEach(function (item, index) {
item.$el.attr('draggable', true);
item.$el.on('dragstart', _.bind(me.onFieldsDragStart, me, item, index));
item.$el.on('dragend', _.bind(me.onDragEnd, me));
});
this.columnsList.dataViewItems.forEach(function (item, index) {
item.$el.attr('draggable', true);
item.$el.on('dragstart', _.bind(me.onItemsDragStart, me, 0, me.columnsList, item, index));
item.$el.on('dragenter', _.bind(me.onDragItemEnter, me, item, index));
item.$el.on('dragleave', _.bind(me.onDragItemLeave, me, item, index));
item.$el.on('dragover', _.bind(me.onDragItemOver, me, me.columnsList, item, index));
item.$el.on('drop', _.bind(me.onDrop, me));
item.$el.on('dragend', _.bind(me.onDragEnd, me));
});
this.columnsList.$el.find('.item').last().css({'margin-bottom': '10px'});
this.rowsList.dataViewItems.forEach(function (item, index) {
item.$el.attr('draggable', true);
item.$el.on('dragstart', _.bind(me.onItemsDragStart, me, 1, me.rowsList, item, index));
item.$el.on('dragenter', _.bind(me.onDragItemEnter, me, item, index));
item.$el.on('dragleave', _.bind(me.onDragItemLeave, me, item, index));
item.$el.on('dragover', _.bind(me.onDragItemOver, me, me.rowsList, item, index));
item.$el.on('drop', _.bind(me.onDrop, me));
item.$el.on('dragend', _.bind(me.onDragEnd, me));
});
this.rowsList.$el.find('.item').last().css({'margin-bottom': '10px'});
this.valuesList.dataViewItems.forEach(function (item, index) {
item.$el.attr('draggable', true);
item.$el.on('dragstart', _.bind(me.onItemsDragStart, me, 2, me.valuesList, item, index));
item.$el.on('dragenter', _.bind(me.onDragItemEnter, me, item, index));
item.$el.on('dragleave', _.bind(me.onDragItemLeave, me, item, index));
item.$el.on('dragover', _.bind(me.onDragItemOver, me, me.valuesList, item, index));
item.$el.on('drop', _.bind(me.onDrop, me));
item.$el.on('dragend', _.bind(me.onDragEnd, me));
});
this.valuesList.$el.find('.item').last().css({'margin-bottom': '10px'});
this.filtersList.dataViewItems.forEach(function (item, index) {
item.$el.attr('draggable', true);
item.$el.on('dragstart', _.bind(me.onItemsDragStart, me, 3, me.filtersList, item, index));
item.$el.on('dragenter', _.bind(me.onDragItemEnter, me, item, index));
item.$el.on('dragleave', _.bind(me.onDragItemLeave, me, item, index));
item.$el.on('dragover', _.bind(me.onDragItemOver, me, me.filtersList, item, index));
item.$el.on('drop', _.bind(me.onDrop, me));
item.$el.on('dragend', _.bind(me.onDragEnd, me));
});
this.filtersList.$el.find('.item').last().css({'margin-bottom': '10px'});
} }
}, },