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

此原型为一个小案例。

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

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

动画

发表回复

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

该作品为最近很热门的付费自习室的可用原型,线下付费自习室现在在一二线城…

继续阅读 →

售价:¥ 24.90 销量: 61 14758
推荐

最近比较忙,没精力设计一些交互的组件,所以翻出了之前负责的、因为各种原…

继续阅读 →

售价:¥ 99.00 销量: 77 13706
推荐

考核列表 中部分表格为图片,请知晓          智慧园区系统是基…

继续阅读 →

售价:¥ 60.00 销量: 43 17513
推荐

1、范围最广 一库包含后台、网站、APP、微信等各个端的常用元件。尤其…

继续阅读 →

售价:¥ 8.00 销量: 362 14954
推荐

名称:FD03_30种常用中后台菜单框架模板 兼容Axure版本:Ax…

继续阅读 →

售价:¥ 39.99 销量: 82 6755
推荐

一、作品信息 作品名称:【简书App】高保真交互原型 简书版本:V6….

继续阅读 →

售价:¥ 39.00 销量: 126 13858