上一节完成搜索页面和电影页面切换,这一节完成搜索数据填充。
这里触发搜索的事件是onBindChange,在movies.js里面定义。
detail
自定义事件所携带的数据,如表单组件的提交事件会携带用户的输入,媒体的错误事件会携带错误信息,详见组件定义中各个事件的定义。
点击事件的detail带有的 x, y 同 pageX, pageY 代表距离文档左上角的距离。
在onBindChange事件里获得输入的数据。通过event,detail。
122100版本开始,input组件的bindblur事件在模拟器下也可以响应回车事件。同时,此版本新增了一个bindconfirm事件,专门用来响应键盘的“完成”按钮。回车时候,可以用这个。
查询一下豆瓣电影搜索的api
获得数据,并处理数据
填充好了绑定好的数据。
接下来绑定变量。
调试相关的样式等等。
想要第二次搜索,让上一次搜索清空,
关闭搜索的时候,只要让搜索结果置空就可以了。
有一个问题,如果用bindchange,比如搜索框里面就是“周迅”,没有改变,回车,还么是没有反应的。移除来,失去焦点,“周迅”还是没变,不会触发事件。但是对比bindblur ,就不一样了。回车,不起作用。失去焦点,就会触发事件。想一下事件名字。
网友评论