使用extjs以及MVC结构进行前端布局,通过点击按钮,显示图片。这个问题困扰了我很久,因为是extjs的,加上使用MVC,所以找资料的时候比较难找,现在总结如下,方便以后查看,也给需要的朋友提供小小的参考。
首先,点击按钮后弹出一个窗口显示图片:
(1)在view层里面定义一个window,然后声明items的类型组件为image(或者使用box组件也可以),同时声明属性width以及height,从而控制图片显示大小。
想要让图片能够根据后台数据库传递的路径参数,动态改变图片,那么这里声明属性src,这个 src可以赋值一个已存在路径,那么当你点击某一行记录的显示图片按钮,就会显示这里的路径图片,然后再显示此行记录对应的图片。
所以,一般只希望点击按钮只显示对应的图片,那么这里的src就不赋具体值。
(2)接着,要在controller层实现将后台数据库传递的路径动态赋值给src,使得图片能够动态显示:
这里 records[0].data.picurl获取后台数据库传递的路径,然后动态更新src的值,这样,每次点击按钮的时候,就能实现在一个弹窗里面动态显示相应图片了。
写得不好的地方,欢迎指正。