Browse Source

过滤组件添加回车事件

zhuth 6 years ago
parent
commit
78e36063a9

+ 16 - 0
src/components/common/filterBox/filter.jsx

@@ -48,12 +48,20 @@ class Filter extends React.Component {
                 if(e.target.value !== commonProps.defaultValue) {
                     this.changeFilterValue(filter, e.target.value, index)
                 }
+            }} onPressEnter={e => {
+                if(e.target.value !== commonProps.defaultValue) {
+                    this.changeFilterValue(filter, e.target.value, index)
+                }
             }}/>
         }else if(['scale', 'ordinal'].indexOf(type) !== -1) {
             field = <InputNumber key={Math.random()} { ...commonProps } onBlur={(e) => {
                 if(e.target.value !== commonProps.defaultValue) {
                     this.changeFilterValue(filter, e.target.value, index)
                 }
+            }} onKeyDown={e => {
+                if(e.keyCode === 13 && e.target.value !== commonProps.defaultValue) {
+                    this.changeFilterValue(filter, e.target.value, index)
+                }
             }}/>
         }else if(type === 'time') {
             field = <div className='cus-time-picker' >
@@ -94,6 +102,10 @@ class Filter extends React.Component {
                     if(e.target.value !== commonProps.defaultValue) {
                         this.changeFilterValue(filter, e.target.value, index)
                     }
+                }} onPressEnter={e => {
+                    if(e.target.value !== commonProps.defaultValue) {
+                        this.changeFilterValue(filter, e.target.value, index)
+                    }
                 }}/>
             }else if(operator === 'contain' || operator === 'notContain') { // 包括/不包括
                 field = (<Select
@@ -157,6 +169,10 @@ class Filter extends React.Component {
                 if(e.target.value !== commonProps.defaultValue) {
                     this.changeFilterValue(filter, e.target.value, index)
                 }
+            }} onPressEnter={e => {
+                if(e.target.value !== commonProps.defaultValue) {
+                    this.changeFilterValue(filter, e.target.value, index)
+                }
             }}/> 
         }
 

+ 16 - 0
src/components/common/filterBox/filter2.jsx

@@ -62,12 +62,20 @@ class Filter extends React.Component {
                 if(e.target.value !== commonProps.defaultValue) {
                     this.changeFilterValue(filter, e.target.value, index)
                 }
+            }} onPressEnter={e => {
+                if(e.target.value !== commonProps.defaultValue) {
+                    this.changeFilterValue(filter, e.target.value, index)
+                }
             }}/>
         }else if(['scale', 'ordinal'].indexOf(type) !== -1) {
             field = <InputNumber key={Math.random()} { ...commonProps } onBlur={(e) => {
                 if(e.target.value !== commonProps.defaultValue) {
                     this.changeFilterValue(filter, e.target.value, index)
                 }
+            }} onKeyDown={e => {
+                if(e.keyCode === 13 && e.target.value !== commonProps.defaultValue) {
+                    this.changeFilterValue(filter, e.target.value, index)
+                }
             }}/>
         }else if(type === 'time') {
             field = <div className='cus-time-picker' >
@@ -105,6 +113,10 @@ class Filter extends React.Component {
             if(operator === 'include' || operator==='notInclude') { // 包含/不包含
                 field = <Input key={Math.random()} { ...commonProps } onBlur={(e) => {
                     this.changeFilterValue(filter, e.target.value, index)
+                }} onPressEnter={e => {
+                    if(e.target.value !== commonProps.defaultValue) {
+                        this.changeFilterValue(filter, e.target.value, index)
+                    }
                 }}/>
             }else if(operator === 'contain' || operator === 'notContain') { // 包括/不包括
                 field = (<Select
@@ -168,6 +180,10 @@ class Filter extends React.Component {
                 if(e.target.value !== commonProps.defaultValue) {
                     this.changeFilterValue(filter, e.target.value, index)
                 }
+            }} onPressEnter={e => {
+                if(e.target.value !== commonProps.defaultValue) {
+                    this.changeFilterValue(filter, e.target.value, index)
+                }
             }}/> 
         }