查看: 664|回复: 0

[分享] 手机端开发电商平台商品选择页面?左边类型,右边产品信息

[复制链接]

142

主题

142

帖子

473

积分

超级版主

Rank: 8Rank: 8

积分
473
发表于 2019-7-31 22:01:49 | 显示全部楼层 |阅读模式
我用的是GeneXus 15 U4,如果开发类似的页面?左边是一个滚动条可以选择类型列表,当选择左边的类型后,右边显示对应的产品信息。

解决这个问题的思路如下:
1. 首先设计层面,需要两种有关联的数据,例如类型-产品,本次例子我以 客户-产品为例,具体大家根据实际需求进行设计即可。
2. 页面采用 两个component,左侧为客户列表,右侧为产品列表(我这里没有去调UI样式,具体根据实际要求调整),component对应的两个sd panel,各自是一个grid

3. 左侧的AppSelCustomer页面,是一个现实客户列表的grid,如何当左侧点击一个客户时,右侧的列表跟着刷新呢?这里就需要用到GlobalEvents了,在不同的component之间传递参数非常有用。详细请点击:
http://wiki.genexus.com/commwiki/servlet/wiki?31164,Global+Events
http://wiki.genexus.com/commwiki/servlet/wiki?30201,HowTo%3A+Using+Global+Events+in+Smart+Device+applications,
我定义了一个SelCustomer的方法,将选择的CustomerNo传递过去:

页面选中一个客户的时候,调用Global Event事件:

4. 右侧的产品列表页面,要接收左侧点击的客户信息,来显示对应的数据。右侧使用sdt,通过procedure来返回对应的数据:

执行效果如下(左侧客户信息切换时,右边的数据会跟着刷新):

我只是做了一个最简单的功能开发,具体效果大家可以根据设计来。比如左边选中行的颜色,右边产品数据的显示等等。我用的是GeneXus 15 U4,
Demo-XPZ文件下载



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|GeneXus中国技术论坛

GMT+8, 2021-1-18 00:09 , Processed in 0.068957 second(s), 21 queries .

 

© 2019 GeneXus中国技术论坛

快速回复 返回顶部 返回列表