Extjs插入图片

Extjs并没有提供直接的组件来显示图片。网上通过设置textfield的InputType为Image然后再修改dom对象来实现,其实 image的属性值并没有包含在Extjs的官方文档当中。可以通过以下的思路实现,更可以进一步扩展成自定义组件。推荐的方法如下:

1、首先做一个容器

Js代码

//加汉字

    {
                xtype: 'label',
                x: 115,
                y: 15,
//              id:'vffWeekInQpni',
//              fieldLabel: ''
                 text: '这是一张图片'
             },

    {  

        xtype: 'box', //或者 xtype: 'component',  

        width: 100, //图片宽度  

        height: 200, //图片高度  

        autoEl: {  

              tag: 'img',    //指定为img标签  

              src: 'myphoto.gif'    //指定url路径  

           } 

    }

 

 

 

posted @ 2016-05-05 11:29  R_Oasis  阅读(616)  评论(0编辑  收藏  举报