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

此原型为一个小案例。

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

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

动画

发表回复

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

软件版本:Axure 8.1 作品名称:【BI数据图表】Echart数…

继续阅读 →

售价:¥ 99.90 销量: 41 8860
推荐

说明:实战项目,业务均为调研后设计,完全原创,首次发布。

售价:¥ 42.00 销量: 18 2877
推荐

产品名称:IT运维管理系统 V1.0原型设计 软件版本:Axure 9…

继续阅读 →

售价:¥ 80.80 销量: 14 3148
推荐

一、基本信息 作品名称:【问答社区】高保真交互原型模版 作品类型:移动…

继续阅读 →

售价:¥ 49.00 销量: 38 4391
推荐

移动端高保真原型系列 1、移动端键盘输入框原型组合(单行+多行+密码+…

继续阅读 →

售价:¥ 20.00 销量: 143 7419
推荐

【UX/UI原型模板系列】是同时兼备UI的美观和UX高保真交互, 为您…

继续阅读 →

售价:¥ 50.00 销量: 312 16459