extjs如何设置图片

Ⅰ Extjs 怎么在文字前添加图片啊 (小弟刚接触Extjs)

上面说的加css是一个办法。但是有点画蛇添足的感觉。
extjs 按钮等图标，都已经有属性。
比如一个button
var button = new Ext.Button({
text : 'newbutton',
icon : 'image/xxx/xxx.png',
handler : function(){
xxxxx ;
}
})
这样就可以了

Ⅱ extjs怎么使图片上传时显示预览

这个我做过，不难，思路给你

1.是当文本框内容发生改变的时候就将图片上传到服务器（如果图片小，用户是感觉不到你已经做了上传操作的。）

2.当服务器接受到这个图片的时候，将其放入到一个临时文件夹中并返回给前台一个图片路径（图片流也可以）。

3.Ajax请求会有一个相应，在服务器端成功接受到上传的图片后，返回给Ajax一个Reponse，这个Reponse里包含一个图片路径。

4.ExtJS在前台获取success里的responseText之后（也就是图片路径）将默认图片的src指向从后台反馈回来的图片路径。

现在图片就会现实出来

流程是：

用户选择图片-->
触发文本框改变事件--->
在事件中通过AJAX将图片上传给服务器--->
服务器将图片名称修改为UUID以免重复，并将此图片的路径返回给前台--->
前台AJAX请求的回调函数中获取responseText，也就是图片路径--->
设置默认图片的src为responseText---->
用户重新选择的时候（例如用户不喜欢这张图）--->
在文本框改变事件中通过AJAX将图片上传（包括先前上传的图片名称）--->
后台根据参数先删除临时图片--->
重复以上的步骤直到用户确定

需要注意的问题：
1.当用户改变了图片之后，需要把上一次的临时图片文件删除掉，以免出现垃圾图片过多。

2.每次上传图片的时候要在后面跟上一个随机参数（因为如果请求路径和参数相同，浏览器不会再继续发送请求）。通常情况下使用new Date()就可以了例如
"uploadImag.do?method=uploadImage&randomParam="+new Date()

3.图片太大的话，效果不是很好。

4.当用户点击确定后，将临时文件里的图片放置到你的正式图片存放目录下即可。

5.图片上传到后台使用UUID改名字，否则可能有重复

Ⅲ extjs GridPanel怎么设置图片按钮点击事件

你这样的最好使用 actioncolumn , 显示效果一样...但是设置点击事件要方便的多, 可以查看下API

//下面代码是直接复制的API例子
Ext.create('Ext.data.Store',{
storeId:'employeeStore',
fields:['firstname','lastname','seniority','dep','hired'],
data:[
{firstname:"Michael",lastname:"Scott"},
{firstname:"Dwight",lastname:"Schrute"},
{firstname:"Jim",lastname:"Halpert"},
{firstname:"Kevin",lastname:"Malone"},
{firstname:"Angela",lastname:"Martin"}
]
});

Ext.create('Ext.grid.Panel',{
title:'ActionColumnDemo',
store:Ext.data.StoreManager.lookup('employeeStore'),
columns:[
{text:'FirstName',dataIndex:'firstname'},
{text:'LastName',dataIndex:'lastname'},
{
xtype:'actioncolumn',
width:50,
items:[{
//这里直接通过URL设置图标
icon:'extjs/examples/shared/icons/fam/cog_edit.png',
tooltip:'Edit',
//这里是图标的点击事件
//参数中有点击行的record,所以很方便做处理
handler:function(grid,rowIndex,colIndex){
varrec=grid.getStore().getAt(rowIndex);
alert("Edit"+rec.get('firstname'));
}
},{
icon:'extjs/examples/restful/images/delete.png',
tooltip:'Delete',
handler:function(grid,rowIndex,colIndex){
varrec=grid.getStore().getAt(rowIndex);
alert("Terminate"+rec.get('firstname'));
}
}]
}
],
width:250,
renderTo:Ext.getBody()
});

Ⅳ extjs怎么显示图片

显示图片可以直接使用 Ext.Img...

//下面代码直接从API例子中复制
varchangingImage=Ext.create('Ext.Img',{
src:'http://www.sencha.com/img/20110215-feat-html5.png',
renderTo:Ext.getBody()
});

//
changingImage.setSrc('http://www.sencha.com/img/20110215-feat-perf.png');

Ⅳ extjs中如何显示图片列表

EXTJS中显示图片方法
userInfoForm.superclass.constructor.call(this, {
bodyStyle: 'padding:10px 10px 10px',
width:250,
region:'west',
closeAction:'true',
title:'个人信息',
buttonAlign:'center',
items:[
{xtype:'panel',
width : 200,
Height : 160,
border:false,
html:'<img src="qing.jpg">'}, 可以显示
{xtype : 'textfield',
fieldLabel : '个人照片',
width : 150,
Height : 180,
inputType : 'image',
fieldLabel :'笑脸豆豆<font color=red>*</font>',
anchor:'97%',
listeners : { // 该项被载入时加载照片
'render' : function(_filed) {
_filed.getEl().dom.src = "qing.jpg";//这里图片的路径可以预先从store中读取，赋给变量然后给它
} //动态显示图片
}
},{

xtype : 'box',
id : 'browseImage',
fieldLabel : "用户头像",
autoEl : {
width : 300,
height : 350,
tag : 'img',
// type : 'image',
src : Ext.BLANK_IMAGE_URL,
style : 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);',
complete : 'off',
id : 'imageBrowse'
}
}
]
});
}
Ext.extend(userInfoForm ,Ext.form.FormPanel,{
});

Ⅵ 怎么设置EXTJS 的win的网页背景图片

div设置背景图放最底层，或者PS一张这样的图然后定位文本框，
extjs速度真的很慢，慎用~

Ⅶ ext js 显示图片

首先创建一个panel，它的html属性为<img src="javascript:" id="preview"/>
第一种：Ext.get("preview").set("src","images/xxx.jpg");
第二种：通过base64编码显示，即Ext.get("preview").set("src","image/jpg base64 *");

Ⅷ extjs怎样自定义图片，并把它变成iconcls类

iconCls类?? 比如一个按钮的图标??
这个你参考一下就可以了...
比如在css里定义一个
.ico_add {background-image:url(../ico/add.png)}
然后再Js中
{xtype:"button" , text:"添加" , iconCls:"ico_add}
就可以显示上面的图标了...当然图标尺寸一般16X16就可以

Ⅸ 用了个extjs的panel,然后其中不是有个title的属性吗然后我想要在title前面加一张图片怎么加在字前加图

CSS中加入代码（如图）：

Ⅹ extjs 如何给label 添加背景图片

label有个html属性，写入：<img src='图片地址' />
这样就可以了。