一看就会，超有用活字格技能：一百二十四、如何实现图文列表单选并传值？

sz_xd

大家可能经常会有这样的疑问，手机端的组合框为什么不支持关键字搜索呢？
这是因为移动端和网页版有一些区别，用户的使用习惯不太一样，在移动端上，一般我们如果需要搜索和选择的项目，是通过弹出/跳转页面+图文列表的形式来实现的，比如常见的地址选择：
image.png235716857.png

点击待选择目的地的输入框后，会跳转到一个这样的页面，可以在这里面搜索和选择，选择后会返回并将选择值回传到上级页面。

那么这种点击后切换页面，在弹出页面中进行单选，然后再返回并传值的效果在活字格中要怎么实现呢？
单选.gif

下面为大家揭晓~

1.首先主页面的按钮点击后会传值到选择页面。
这里如果选择加载绑定数据，就可以在选择页面的输入框中保留主页面文本框中的值；
如果选择不加载，就不会保留。
大家可以根据自己的实际需求自行调整~
image.png38006896.png

2.选择页面大致如下：
右边的这三个单元格需要设置单元格名称，后面在图文列表的模板页中设置命令时要用到。
image.png797848815.png

其中sign单元格的缺省值为0
image.png172421874.png

3.选中图文列表，打开编辑模板
image.png119550170.png

在模板页右键背景图片，编辑图片命令，设置单元格属性命令：
设置主页面select单元格的值等于number单元格的值；
设置sign单元格的值为1。
number是通过数据绑定取到的当前行对应的编号字段的值，设置sign等于1表示select值发生更改的原因是用户点选，用于与进入页面时由于传值更改做区分。
image.png80999144.png