p47502813
/
bee-table
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

解决行过滤能拖拽问题、解决行过滤事件丢失问题

This commit is contained in:
“jonyshi” 2018-12-05 11:45:15 +08:00
parent d6dcbad699
commit 2bc0c77222
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/FilterType.js
View File

@ -281,7 +281,7 @@ class FilterType extends Component {
render() {
let { rendertype } = this.props;
return (
this.renderControl(rendertype)
<div data-filter-type='filterContext'>{this.renderControl(rendertype)}</div>
);
}
}

9
src/TableHeader.js
View File

@ -233,9 +233,11 @@ class TableHeader extends Component {
//---拖拽列宽代码逻辑----start-----
dragAbleMouseDown = (e) => {
Event.stopPropagation(e);
// Event.stopPropagation(e);
let event = Event.getEvent(e);
if (!this.props.draggable) return;
let th = this.getThDome(event.target);
if(!th)return;
event.target.setAttribute('draggable',true);//添加交换列效果
this.drag.option = 'dragAble';
this.currentDome = event.target;
@ -281,7 +283,7 @@ class TableHeader extends Component {
let event = Event.getEvent(e);
if (!this.props.draggable) return;
if(this.drag.option === 'border'){return;}
console.log(this.drag.option+' -------onDragStart----------',event.target);
// console.log(this.drag.option+' -------onDragStart----------',event.target);
let th = this.getThDome(event.target);
if(!th)return;
let currentIndex = parseInt(th.getAttribute("data-line-index"));
@ -318,7 +320,7 @@ class TableHeader extends Component {
this.currentDome.setAttribute('draggable',false);//添加交换列效果
let data = this.getCurrentEventData(e);
if(!data)return;
console.log(this.drag.option+' -------onDrop----------',event.target);
// console.log(this.drag.option+' -------onDrop----------',event.target);
if (!this.currentObj || this.currentObj.key == data.key) return;
if(!this.props.onDrop)return;
this.props.onDrop(event,{dragSource:this.currentObj,dragTarg:data});
@ -349,6 +351,7 @@ class TableHeader extends Component {
*/
getThDome(element){
let _tagName = element.tagName.toLowerCase();
if(element.getAttribute('data-filter-type') === 'filterContext')return null;
if(_tagName === 'i')return null;
if(_tagName != 'th'){
return this.getThDome(element.parentElement);