美文网首页微信小程序
9-2 电影搜索页面构建(下)

9-2 电影搜索页面构建(下)

作者: 留白_汉服vs插画 | 来源:发表于2017-11-29 15:15 被阅读13次

上一节完成搜索页面和电影页面切换,这一节完成搜索数据填充。

这里触发搜索的事件是onBindChange,在movies.js里面定义。

detail

自定义事件所携带的数据,如表单组件的提交事件会携带用户的输入,媒体的错误事件会携带错误信息,详见组件定义中各个事件的定义。

点击事件的detail带有的 x, y 同 pageX, pageY 代表距离文档左上角的距离。

在onBindChange事件里获得输入的数据。通过event,detail。

122100版本开始,input组件的bindblur事件在模拟器下也可以响应回车事件。同时,此版本新增了一个bindconfirm事件,专门用来响应键盘的“完成”按钮。回车时候,可以用这个。 

查询一下豆瓣电影搜索的api

获得数据,并处理数据

填充好了绑定好的数据。

接下来绑定变量。

调试相关的样式等等。

想要第二次搜索,让上一次搜索清空,

关闭搜索的时候,只要让搜索结果置空就可以了。

有一个问题,如果用bindchange,比如搜索框里面就是“周迅”,没有改变,回车,还么是没有反应的。移除来,失去焦点,“周迅”还是没变,不会触发事件。但是对比bindblur ,就不一样了。回车,不起作用。失去焦点,就会触发事件。想一下事件名字。

相关文章

网友评论

    本文标题:9-2 电影搜索页面构建(下)

    本文链接:https://www.haomeiwen.com/subject/myhubxtx.html