小程序开发制作149 搜索组件_第1页
小程序开发制作149 搜索组件_第2页
小程序开发制作149 搜索组件_第3页
小程序开发制作149 搜索组件_第4页
小程序开发制作149 搜索组件_第5页
已阅读5页，还剩14页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、149.搜索组件一、搜索组件右侧“搜索提示”可修改搜索框里的文本内容；右侧“搜索范围(关联列表)”可选择关联管理的列表数据对象；右侧“快捷标签”可编辑搜索关键词，点击即可快速进入关联数据页面。搜索组件展示图如下：二、如何设置搜索组件搜索组件可与动态列表组件或商品列表组件搭配使用，完成对相关列表数据对象的绑定，实现对 相关列表数据的搜索功能。例：搜索组件与动态列表组件搭配1. 添加如下布局，最后点击上方框 管理 进入编辑 动态列表 数据。（注：列表名称命名为列表 1）动态列表的数据添加可参考：/forum.php?mod=viewthread

2、&tid=12. 进入，点击左侧 应用数据 ，再点击上方 新增数据对象，创建如下红色箭头指示的一条数据对象。3. 在该条“数据对象”一栏点击编辑。4. 进入编辑页面，点击上方 添加字段，添加如下字段：名称、图片、地点、内容、电话，并选择适当的字段英文名、类型。“搜索项”需打钩！点击保存后返回5. 返回后点击数据管理。6. 进入数据管理页面，点击上方 添加数据，添加如下数据，完成后返回并退出管理。7. 退出，回到小程序编辑页面。点击动态列表里相应的图片和文本组件，右侧方框选择相应的字段，完成对相应数据对象的绑定。8. 点击搜索组件，右侧 搜索范围 下拉，选择相应的数据列表，此处选择列表 1，完成

3、对列表 1相关数据的关联。9. 此外，勾选搜索组件的 快捷标签，输入与数据类似的关键词，并点击左侧 + 号完成添加。最后生成扫码转手机端预览。-10. 手机端上方是“搜索组件”，下方是“动态列表”绑定的数据。11. 点击搜索一栏，如下图所示，可点击下方热门标签“篮球、罗湖”，或者直接输入“球”，点击搜索。12. 现演示输入 球 点击搜索，跳转页面如下例：搜索组件与商品列表组件搭配1. 添加如下布局， 右侧列表名称命名为商品列表，绑定商品数据对象选择电商，此处以电商为例。完成点击上方管理进入。2. 进入管理页面，点击商品管理商品列表，以店铺类型电商为例，在右侧添加商品，添加如下商品数据。完成退出进入小程序编辑页。商品列表的数据添加可参考：/forum.php?mod=viewthread&tid=111843. 进入编辑页，点击搜索框，右侧搜索范围(关联列表)关联上方的商品列表，也可添加相应的搜索标签。扫描生成转手机端预览。4. 手机端预览如下：5. 点击搜索框，输入衣服 点击搜索，也可输入下面的 搜索标签快速进入的关联数据页面。6. 点击搜索 衣服 后，跳转页面如下。目前，搜索组件已实现联动搜索（即城市筛选）组件库-搜索-勾

人人文库> 全部分类> 应用文书

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论