如何动态设置 图片 src

zenore

如何动态设置 图片 src,用JQ很容易处理完成，WEX5 查询，测试，看网站文档，找不到，一个基本问题都头疼，请大神帮忙一下，谢谢

liangyongfei

img 标签的 bind-attr-src 属性 绑定一个ko对象或者data字段
可参考：UI2/system/components/justep/list/demo/news.w

lwlw

wex5   真的有种越用越恶心的 感觉，  看似很不错，其实设计的一点都不精巧，受不了了

liangyongfei

lwlw 发表于 2017-4-17 16:37
wex5   真的有种越用越恶心的 感觉，  看似很不错，其实设计的一点都不精巧，受不了了 ...

具体哪儿有问题？？请详细描述一下！！具体指哪儿不好用呢？
WeX5 的定位是ＵＩ　页面的开发！
后台这块　确实没有大力支持！！

lwlw

liangyongfei 发表于 2016-2-26 14:41
img 标签的 bind-attr-src 属性 绑定一个ko对象或者data字段
可参考：UI2/system/components/justep/list/ ...

为什么jq 轻松做的到你们wex5 要搞得这么麻烦。

lwlw

$("#image1").attr('src',this.url); 为什么没效果啊

liangyongfei

lwlw 发表于 2017-4-17 17:28
$("#image1").attr('src',this.url); 为什么没效果啊

WeX5 开发的应用是单页应用！为了放置id冲突 ，所以不建议在页面中使用id
当然使用jquery 的id表达式 也就没法生效了！
因为本来就没有id啊！！

如果你是根据xid获取dom对象的!
可以写  var img = this.getElementByXid('image1')
这个对象和 document.getElementByID()  方法获取的dom 对象元素是一样的！


如果想获取jquery 对象 ,将这个dom对象包一下就可以了！
$(img).attr('src',this.url);

或者直接写
$(this.getElementByXid('image1')).attr('src',this.url);


不过有更简单的方法！自定义bind-attr-src 绑定ＫＯ对象或ｄａｔａ字段！

只需要给KO对象或data字段赋值即可！
这就是所谓的面向数据编程

一切操作都是通过修改数据实现就很简单了！
wex5实际上  ，不建议直接用js操作dom节点的。。。

建议先学习下动态绑定视频：
http://doc.wex5.com/data-bind/

lwlw

呵呵 ，你回答之前我已经解决这个了，  document.getElementById(this.getIDByXID ("image1")).src=this.url; 感觉饶了一圈，好累，本来一步到位的事浪费了我半天的时间去看你们wex5 提供的函数。

lwlw

<div xid="div6424" style="background-image:url($model.getImageUrl(val('fImg')));width:200px;height:200px;">asdwsadwasd</div>  这个呢，不能跑。 在html 中只要 style="background-image:url（<% =url %>))把   到了.w 不行  我要一个列表的每个div 根据 数据list 中的 每个 不同的url  加载背景图

lwlw

.w  好麻烦 快告诉我 怎么做到这种效果