Axrue 中继器实现列表字符过长用‘....‘代替

前言

在系统设计里会常常会出现列表中的某项名称过长，而页面无法显示用'...'代替。如下图所示，道路名字过长用'....'表示

1、思路

这个效果实现的思路如下：利用Axrue自身的字条函数判断列表中“道路名称”字符是大于最大长度（这里定义的是10），若小于最大长度（10）则显示全部，若大于等于最大长度（10），刚显示字符最大长度（前10个字条）加上'...'。这里会用到Axure两个函数length和Substring，length用于计算字符的长度，Substring用于分割字符。

2、操作方法

2.1、构造中继器

2.1.1、通过中继器构建列表的数据元素如下图

2.1.2、构建中继器的布局形式，如下图：

2.2绑定数据元素和数据布局

2.2.1、设定字符长度大于等于10，这里用到了“length”函数来判断字符长度，例子是通过[[Item.name length]]>=10的条下加载数据

2.2.2、对于道路名称通过富文本的形式，用Substring截取前10个字符后加上‘...’，其他数据元素与数据形式通过“值"一一对应

2.2.3、当字符长度小于10，将数据元素与数据形式通过“值"一一对应

就此我们简单地实现了字符过长用'...'表现