extjs+MVC架构下的图片显示

        使用extjs以及MVC结构进行前端布局,通过点击按钮,显示图片。这个问题困扰了我很久,因为是extjs的,加上使用MVC,所以找资料的时候比较难找,现在总结如下,方便以后查看,也给需要的朋友提供小小的参考。

首先,点击按钮后弹出一个窗口显示图片:

(1)在view层里面定义一个window,然后声明items的类型组件为image(或者使用box组件也可以),同时声明属性width以及height,从而控制图片显示大小。


    想要让图片能够根据后台数据库传递的路径参数,动态改变图片,那么这里声明属性src,这个 src可以赋值一个已存在路径,那么当你点击某一行记录的显示图片按钮,就会显示这里的路径图片,然后再显示此行记录对应的图片。
所以,一般只希望点击按钮只显示对应的图片,那么这里的src就不赋具体值。

(2)接着,要在controller层实现将后台数据库传递的路径动态赋值给src,使得图片能够动态显示:


这里 records[0].data.picurl获取后台数据库传递的路径,然后动态更新src的值,这样,每次点击按钮的时候,就能实现在一个弹窗里面动态显示相应图片了。
写得不好的地方,欢迎指正。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值