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

[SSE] Add ref filter

Browse source
This commit is contained in:
ShimaginAndrey 2021-09-12 17:13:38 +03:00
parent 7dfae1dbd2
commit 7dee74fdf5
1 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
apps/spreadsheeteditor/mobile/src/controller/FilterOptions.jsx
View file

@ -1,4 +1,4 @@
import React, { useEffect,useState } from 'react'; import React, { useEffect,useRef,useState } from 'react';
import FilterView from '../../src/view/FilterOptions'; import FilterView from '../../src/view/FilterOptions';
import { f7,Sheet,Popover } from 'framework7-react'; import { f7,Sheet,Popover } from 'framework7-react';
import { Device } from '../../../../common/mobile/utils/device'; import { Device } from '../../../../common/mobile/utils/device';
@ -7,12 +7,12 @@ import { useTranslation } from 'react-i18next';
const FilterOptionsController = () => { const FilterOptionsController = () => {
const { t } = useTranslation(); const { t } = useTranslation();
const _t = t('View.Edit', {returnObjects: true}); const _t = t('View.Edit', {returnObjects: true});
const configRef = useRef();
const [configFilter, setConfig] = useState(null);
const [listVal, setListValue] = useState([]); const [listVal, setListValue] = useState([]);
const [isValid, setIsValid] = useState(null); const [isValid, setIsValid] = useState(null);
const [checkSort, setCheckSort] = useState(''); const [checkSort, setCheckSort] = useState('');
useEffect(() => { useEffect(() => {
function onDocumentReady() { function onDocumentReady() {
const api = Common.EditorApi.get(); const api = Common.EditorApi.get();
@ -34,7 +34,7 @@ const FilterOptionsController = () => {
const onApiFilterOptions= (config) => { const onApiFilterOptions= (config) => {
setDataFilterCells(config); setDataFilterCells(config);
setConfig(config); configRef.current = config;
setCheckSort((config.asc_getSortState() === Asc.c_oAscSortOptions.Ascending ? 'down' : '') || setCheckSort((config.asc_getSortState() === Asc.c_oAscSortOptions.Ascending ? 'down' : '') ||
(config.asc_getSortState() === Asc.c_oAscSortOptions.Descending ? 'up' : '')); (config.asc_getSortState() === Asc.c_oAscSortOptions.Descending ? 'up' : ''));
@ -54,7 +54,7 @@ const FilterOptionsController = () => {
const onSort = (type) => { const onSort = (type) => {
const api = Common.EditorApi.get(); const api = Common.EditorApi.get();
api.asc_sortColFilter(type == 'sortdown' ? Asc.c_oAscSortOptions.Ascending : Asc.c_oAscSortOptions.Descending, configFilter.asc_getCellId(), configFilter.asc_getDisplayName()); api.asc_sortColFilter(type == 'sortdown' ? Asc.c_oAscSortOptions.Ascending : Asc.c_oAscSortOptions.Descending, configRef.current.asc_getCellId(), configRef.current.asc_getDisplayName());
f7.sheet.close('.picker__sheet'); f7.sheet.close('.picker__sheet');
f7.popover.close('#picker-popover'); f7.popover.close('#picker-popover');
}; };
@ -111,15 +111,15 @@ const FilterOptionsController = () => {
setListValue([...listVal]); setListValue([...listVal]);
if ( listVal.some(item => item.check) ) { if ( listVal.some(item => item.check) ) {
configFilter.asc_getValues().forEach( configRef.current.asc_getValues().forEach(
(item, index) => item.asc_setVisible(listVal[index].check) (item, index) => item.asc_setVisible(listVal[index].check)
); );
configFilter.asc_getFilterObj().asc_setType(Asc.c_oAscAutoFilterTypes.Filters); configRef.current.asc_getFilterObj().asc_setType(Asc.c_oAscAutoFilterTypes.Filters);
api.asc_applyAutoFilter(configFilter); api.asc_applyAutoFilter(configRef.current);
} }
setClearDisable(configFilter); setClearDisable(configRef.current);
}; };
return ( return (