Просмотр исходного кода

add state and some methods to handle input by container

akira-s 6 лет назад
Родитель
Сommit
0e06770cb5

+ 4 - 0
src/client/js/components/Admin/UserManagement.jsx

@@ -20,6 +20,7 @@ class UserManagement extends React.Component {
   constructor(props) {
   constructor(props) {
     super();
     super();
     this.handlePage = this.handlePage.bind(this);
     this.handlePage = this.handlePage.bind(this);
+    this.handleChange = this.handleChange.bind(this);
   }
   }
 
 
   componentWillMount() {
   componentWillMount() {
@@ -47,6 +48,9 @@ class UserManagement extends React.Component {
     return true;
     return true;
   }
   }
 
 
+  handleChange(event) {
+    this.props.adminUsersContainer.handleChange(event.target.value);
+  }
 
 
   render() {
   render() {
     const { t, adminUsersContainer } = this.props;
     const { t, adminUsersContainer } = this.props;

+ 9 - 0
src/client/js/services/AdminUsersContainer.js

@@ -25,6 +25,7 @@ export default class AdminUsersContainer extends Container {
       activePage: 1,
       activePage: 1,
       pagingLimit: Infinity,
       pagingLimit: Infinity,
       selectedStatusList: new Set(),
       selectedStatusList: new Set(),
+      searchText: '',
     };
     };
 
 
     this.showPasswordResetModal = this.showPasswordResetModal.bind(this);
     this.showPasswordResetModal = this.showPasswordResetModal.bind(this);
@@ -64,6 +65,14 @@ export default class AdminUsersContainer extends Container {
     this.setState({ selectedStatusList });
     this.setState({ selectedStatusList });
   }
   }
 
 
+  getSearchText() {
+    return this.state.searchText;
+  }
+
+  handleChange(searchText) {
+    this.setState({ searchText });
+  }
+
   /**
   /**
    * syncUsers of selectedPage
    * syncUsers of selectedPage
    * @memberOf AdminUsersContainer
    * @memberOf AdminUsersContainer