美文网首页微信小程序
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