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

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

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

这个效果用Arxure如何实现?我讲下我实现的思路:判断列表中“道路名称”字符是大于最大长度(这里定义的是10),若小于最大长度(10)则显示全部,若大于等于最大长度(10),刚显示字符最大长度(前10个字条)加上'...'。这里会用到Axure两个函数length和Substring,length用于计算字符的长度,Substring用于分割字符。接下来我讲下如何操作

1、通过中继器构建列表的数据元素

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

2、构建中继器的布局形式,这里用到了

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

3、绑定数据元素和数据形式布局之间的关系

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

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

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

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

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

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

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

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