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

此原型为一个小案例。

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

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

动画

发表回复

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

该组件库基于Byte Design (字节跳动旗下)升级而来,能力全面…

继续阅读 →

售价:¥ 99.90 销量: 111 17252
推荐

售价:¥ 19.90 销量: 39 4582
推荐

软件版本:Axure 9/10 源文件格式:rp格式 页面数量:82 …

继续阅读 →

售价:¥ 68.00 销量: 103 25240
推荐

产品名称:OA数字化办公系统原型 总页面数量:350+ 软件版本:Ax…

继续阅读 →

售价:¥ 99.00 销量: 67 18150
推荐

2022年最新可演示、可落地级别的超高保证、超高交互智慧园区综合管理系…

继续阅读 →

售价:¥ 120.00 销量: 7 10075
推荐

本作品依据Antdesign4.0制作,作品包含Antdesign组件…

继续阅读 →

售价:¥ 99.00 销量: 69 7709