Extjs插入图片
2016-05-05 11:29
423 查看
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路径
}
}
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路径
}
}
相关文章推荐
- Map (就一个json.jar)
- JavaScript 关键字
- JavaScript 关键字
- 在线压缩htmlcssjs地址
- JS实现选项卡
- js--引用类型Array--2.数组合并几种方法
- 深入理解JavaScript系列
- javascript的 replace() 方法的使用讲解
- JavaScript实现返回上一页面并刷新的小例子
- 最近改js学到的一些心得
- JavaScript学习总结(九)——Javascript面向(基于)对象编程
- JavaScript学习总结(八)——JavaScript数组
- JavaScript学习总结(七)——JavaScript函数(function)
- JavaScript学习总结(六)——JavaScript判断数据类型总结
- JavaScript学习总结(五)——Javascript中==和===的区别
- JavaScript跨域总结与解决办法
- JavaScript学习总结(四)——逻辑OR运算符详解
- javascript对象属性为空的判断
- jsm使用
- JS数组方法汇总