Web: Files: fixed TableGroupMenu onChange
This commit is contained in:
parent
e8f535d710
commit
ed10d59870
@ -65,11 +65,11 @@ const SectionBodyContent = (props) => {
|
|||||||
if (
|
if (
|
||||||
e.target.closest(".scroll-body") &&
|
e.target.closest(".scroll-body") &&
|
||||||
!e.target.closest(".files-item") &&
|
!e.target.closest(".files-item") &&
|
||||||
!e.target.closest(".not-selectable")
|
!e.target.closest(".not-selectable") &&
|
||||||
|
!e.target.closest(".table-container_group-menu")
|
||||||
) {
|
) {
|
||||||
// TODO: need fix clear selection
|
// setSelection([]);
|
||||||
//setSelection([]);
|
// setBufferSelection(null);
|
||||||
//setBufferSelection(null);
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -302,8 +302,9 @@ class SectionHeaderContent extends React.Component {
|
|||||||
this.props.setSelected(checked ? "all" : "none");
|
this.props.setSelected(checked ? "all" : "none");
|
||||||
};
|
};
|
||||||
|
|
||||||
onSelect = (item) => {
|
onSelect = (e) => {
|
||||||
this.props.setSelected(item.key);
|
const key = e.currentTarget.dataset.key;
|
||||||
|
this.props.setSelected(key);
|
||||||
};
|
};
|
||||||
|
|
||||||
onClose = () => {
|
onClose = () => {
|
||||||
@ -313,10 +314,10 @@ class SectionHeaderContent extends React.Component {
|
|||||||
getMenuItems = () => {
|
getMenuItems = () => {
|
||||||
const { t, cbMenuItems, getCheckboxItemLabel } = this.props;
|
const { t, cbMenuItems, getCheckboxItemLabel } = this.props;
|
||||||
|
|
||||||
const children = cbMenuItems.map((key, index) => {
|
// const children = cbMenuItems.map((key, index) => {
|
||||||
const label = getCheckboxItemLabel(t, key);
|
// const label = getCheckboxItemLabel(t, key);
|
||||||
return <DropDownItem key={key} label={label} data-index={index} />;
|
// return <DropDownItem key={key} label={label} data-index={index} />;
|
||||||
});
|
// });
|
||||||
|
|
||||||
const checkboxOptions = (
|
const checkboxOptions = (
|
||||||
<>
|
<>
|
||||||
@ -337,6 +338,10 @@ class SectionHeaderContent extends React.Component {
|
|||||||
return checkboxOptions;
|
return checkboxOptions;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
onChange = (checked) => {
|
||||||
|
this.props.setSelected(checked ? "all" : "none");
|
||||||
|
};
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
//console.log("Body header render");
|
//console.log("Body header render");
|
||||||
|
|
||||||
@ -373,11 +378,10 @@ class SectionHeaderContent extends React.Component {
|
|||||||
{isHeaderVisible ? (
|
{isHeaderVisible ? (
|
||||||
<TableGroupMenu
|
<TableGroupMenu
|
||||||
checkboxOptions={menuItems}
|
checkboxOptions={menuItems}
|
||||||
// onChange={onChange}
|
onChange={this.onChange}
|
||||||
isChecked={isHeaderChecked}
|
isChecked={isHeaderChecked}
|
||||||
isIndeterminate={isHeaderIndeterminate}
|
isIndeterminate={isHeaderIndeterminate}
|
||||||
headerMenu={headerMenu}
|
headerMenu={headerMenu}
|
||||||
// columnStorageName={columnStorageName}
|
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<div className="header-container">
|
<div className="header-container">
|
||||||
|
Loading…
Reference in New Issue
Block a user