updpdate keyup search

This commit is contained in:
dengtongyu committed 2018-05-30 11:42:57 +08:00
1 parent 933d93ccba
commit 99484e359e
3 files changed
+15 -5

No files matched your search

+2 -2
View File
@@ -1,8 +1,8 @@
{ {
"name": "glass-player", "name": "glass-player",
"version": "0.1.0", "version": "0.2.0",
"private": true, "private": true,
"proxy": "http://node.dengtongyu.com", "proxy": "https://node.dengtongyu.com",
"homepage":"/pages/glassplayer/", "homepage":"/pages/glassplayer/",
"dependencies": { "dependencies": {
"antd": "^3.2.3", "antd": "^3.2.3",
+12 -2
View File
@@ -11,7 +11,7 @@ class SearchBar extends Component {
value:'' value:''
} }
onClickBtn = () => { searchKeyword = () => {
if(this.state.value) { if(this.state.value) {
DataStore.keyword = this.state.value; DataStore.keyword = this.state.value;
DataStore.page = 1; DataStore.page = 1;
@@ -23,6 +23,16 @@ class SearchBar extends Component {
} }
} }
onClickBtn = (event) => {
this.searchKeyword();
}
onKeyUp = (event) => {
if(event.keyCode === 13 || event.keyCode === 108) {
this.searchKeyword();
}
}
onTextChange = (event) => { onTextChange = (event) => {
this.setState({ this.setState({
value: event.target.value value: event.target.value
@@ -35,7 +45,7 @@ class SearchBar extends Component {
<div className="search-input"> <div className="search-input">
<input type="text" placeholder="搜索歌曲或歌手" <input type="text" placeholder="搜索歌曲或歌手"
value={this.state.value} value={this.state.value}
onChange={this.onTextChange} /> onChange={this.onTextChange} onKeyUp={this.onKeyUp} />
</div> </div>
<div className="search-btn"> <div className="search-btn">
<button className="iconfont icon-search" <button className="iconfont icon-search"
+1 -1
View File
@@ -49,7 +49,7 @@ class SongList extends Component {
if(DataStore.listType === 0 && list.length >= DataStore.pageSize) { if(DataStore.listType === 0 && list.length >= DataStore.pageSize) {
listItems.push( listItems.push(
<div className="more-box"> <div className="more-box" key={'morebutton'}>
<a onClick={this.onClickMore}>点击加载更多</a> <a onClick={this.onClickMore}>点击加载更多</a>
</div> </div>
); );