updpdate keyup search
This commit is contained in:
1 parent
933d93ccba
commit
99484e359e
3 files changed
+15
-5
No files matched your search
+2
-2
@@ -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",
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in new issue
Block a user