后台返回json数据链接，是很多张图片

xinxiangxue

后台返回json数据链接，是很多张图片，应该如何处理把它们全部显示出来

liangyongfei

可以通过动态添加dom节点的方式！循环动态生成图片img节点！把每个img的src属性设置进去就行了！
http://doc.wex5.com/comp-base/#2.2

或者把数据加载到data组件中，然后绑定list组件，也可以显示出来！/UI2/system/components/justep/list/demo/list.w

xinxiangxue

liangyongfei 发表于 2016-10-11 15:37
可以通过动态添加dom节点的方式！循环动态生成图片img节点！把每个img的src属性设置进去就行了！
http://do ...

能不能给个大概的例子，我是新手

xinxiangxue

liangyongfei 发表于 2016-10-11 15:37
可以通过动态添加dom节点的方式！循环动态生成图片img节点！把每个img的src属性设置进去就行了！
http://do ...

能不能给个具体的，我是新手

xinxiangxue

liangyongfei 发表于 2016-10-11 15:37
可以通过动态添加dom节点的方式！循环动态生成图片img节点！把每个img的src属性设置进去就行了！
http://do ...

后台返回数据，我根据数据判断改变相应框的文字

liangyongfei

xinxiangxue 发表于 2016-10-11 16:23
后台返回数据，我根据数据判断改变相应框的文字

建议数据都加载到data组件中！这样只需要绑定某个显示字段就可以了！根据数字生成文字可以设置data组件的计算列！编辑计算规则就可以做到！请说清楚些，具体是哪一步不会？？

xinxiangxue

liangyongfei 发表于 2016-10-11 16:44
建议数据都加载到data组件中！这样只需要绑定某个显示字段就可以了！根据数字生成文字可以设置data组件的 ...

首先抱歉，还是先解决图片问题
我绑定的图片只能加载一张图片，而后台服务器传很多图片

liangyongfei

xinxiangxue 发表于 2016-10-11 16:59
首先抱歉，还是先解决图片问题
我绑定的图片只能加载一张图片，而后台服务器传很多图片
...

需要单独定义一个data组件来存放图片！
返回的图片数组，通过js代码循环，把图片封装成指定的ｊｓｏｎ格式　，然后添加到data组件中！通过newData方法就可以做到！（请看ＡＰＩ文档）然后list组件绑定这个data组件，放置img 标签 bind-attr-src属性绑定这个字段即可！
比如：

1. var data = this.comp('mainData');
   
2.          var options = {
   
3.                  defaultValues : [
   
4.                          {img:'图片路径'},
   
5.                          {img:'图片路径'}
   
6. 。。。。。。。
   
7.                  ]
   
8.          };        
   
9.          data.newData(options);
   

复制代码

xinxiangxue

liangyongfei 发表于 2016-10-11 17:18
需要单独定义一个data组件来存放图片！
返回的图片数组，通过js代码循环，把图片封装成指定的ｊｓｏｎ格式 ...

项目不同，图片显示不同，标签页得切换

liangyongfei

xinxiangxue 发表于 2016-10-12 11:16
项目不同，图片显示不同，标签页得切换

那就在这个data组件中添加个分类的字段！ 图片的 bind-visible 属性中判断当前显示类型和 图片的类型是否一样，决定是否显示！