www.cftea.com

微信小程序进阶开发-模态输入对话框

ITPOW2017/5/3 13:11:11

本连载前面我们介绍了 picker,这样用户在选择列表时就比较方便,那如果用户要设置一项,比如“姓名”,用什么控件呢?用 input 当然可以,但是 input 放在哪里才美观呢?难道新做一个页面放入一个 input?

显然不是,用 modal + input

你也可以不放 input 控件在 modal 中,而放其他你想放的控件。

关于 modal 的显示与否

modal 的显示与否不是调用什么 show()、hide() 方法,而是绑定 data 中的一个属性,这个属性的值变化直接触发 modal 显示、隐藏。不过这个知识点在微信小程序初级开发-第一个程序中已经讲过。

取 input 的值

由于没有 form 框,所以不能使用微信小程序进阶开发-checkbox 运用、form 表单取值和提交讲的方法,而应该用传统方法,就是通过 bindinput 监测输入情况:

 

<<返回首页<<