【中继器案例】函数实现消息列表

此原型为一个小案例。

用户需求:用户需要实时知晓消息列表中未读消息的总条数,用户已阅读时总条数-1,新收到消息时总条数+1。

原型思路利用中继器+文本框事件+substr、replace函数实现,虽然利用筛选器可以临时得到未读消息的总数,但是无法固化总数,清除筛选器后总数会变化。
所以我的思路是首先定义消息的阅读状态字段为read,它有两个值:0和1,0表示未读,1表示已读。利用中继器“每项加载事件”来获取到形如“01001”的字符串(更新、筛选中继器都会执行每项加载事件,因此这个字符串能保证实时性),再利用replace函数将字符串中的“1”替换成“0”,就能得到当前全部是”000″的未读消息字符串,它的长度就是未读消息的总数。

动画

发表回复

以下作品你可能也喜欢:
推荐

行业APP首页交互原型。(持续更新其他行业)(一次购买永久下载最新作品…

继续阅读 →

售价:¥ 69.90 销量: 170 17376
推荐

智慧社区可以作为近期运营商推动的一个新的业务。物业管理后台,基本包含物…

继续阅读 →

售价:¥ 109.90 销量: 34 12897
推荐

作品名称:阅读听书APP产品原型模板 作品编号:TEM001 当前版本…

继续阅读 →

售价:¥ 88.00 销量: 25 7951
推荐

2021/04/22 版本更新 更新内容: 增加制造企业生产过程执行管…

继续阅读 →

售价:¥ 149.90 销量: 159 23373
推荐

尺寸为375×667,内容包含基础组件(颜色、字体、背景、状态栏、分割…

继续阅读 →

售价:¥ 30.00 销量: 68 4697
推荐

仿制应用名称:讯飞星火 仿制版本号:3.9.12 系统:鸿蒙系统、安卓…

继续阅读 →

售价:¥ 99.90 销量: 16 1810