ExtJs的button问题!! 200
Ext.onReady(function(){varwin=newExt.Window({el:'window-win',layout:'border',width:54...
Ext.onReady(function(){
var win = new Ext.Window({
el:'window-win',
layout:'border',
width:540,
height:400,
title:'菜单',
closable:false,
items:[{
region:'north',
xtype:'box',
width:540,
height:83,
autoEl:{
tag:'img',
src:'img/title.png'
}
},{
region:'south',
html:'<p align="right">版权所有 盗版必究</p>',
border:false
},{
border:false,
region:'center',
layout:'hbox',
items:[{
xtype:'button',
width:96,
height:96,
iconCls:'start',
scale:'large'
},{
xtype:'button',
width:96,
height:96,
iconCls:'score',
scale:'large'
},{
xtype:'button',
width:96,
height:96,
iconCls:'rule',
scale:'large'
},{
xtype:'button',
width:96,
height:96,
iconCls:'leave',
scale:'large'
}]
}]
});
win.show();
});
--------------------------------------------------------------------------------------
结果
就是图片显示不全,我的图片是96X96的,默认最大只能32X32,如何才能让图片充满button? 展开
var win = new Ext.Window({
el:'window-win',
layout:'border',
width:540,
height:400,
title:'菜单',
closable:false,
items:[{
region:'north',
xtype:'box',
width:540,
height:83,
autoEl:{
tag:'img',
src:'img/title.png'
}
},{
region:'south',
html:'<p align="right">版权所有 盗版必究</p>',
border:false
},{
border:false,
region:'center',
layout:'hbox',
items:[{
xtype:'button',
width:96,
height:96,
iconCls:'start',
scale:'large'
},{
xtype:'button',
width:96,
height:96,
iconCls:'score',
scale:'large'
},{
xtype:'button',
width:96,
height:96,
iconCls:'rule',
scale:'large'
},{
xtype:'button',
width:96,
height:96,
iconCls:'leave',
scale:'large'
}]
}]
});
win.show();
});
--------------------------------------------------------------------------------------
结果
就是图片显示不全,我的图片是96X96的,默认最大只能32X32,如何才能让图片充满button? 展开
3个回答
展开全部
默认iconCls不会平铺整个button的,你可以分别尝试cls、ctCls、itemCls属性看看,
因为你的代码有覆盖掉原来按钮图片的间接意图
因为你的代码有覆盖掉原来按钮图片的间接意图
追问
汗,用了其它的cls显示不了了
追答
icon : String
The path to an image to display in the button (the image will be set as the background-image CSS property of the button by default, so if you want a mixed icon/text button, set cls:'x-btn-text-icon')
展开全部
试试这个方法吧:
var btn = new Ext.Button({
text: '<div style="background:url(images/add.gif); width:96px;height:96px;line-height:96px;">Test TEXT</div>',
// iconCls: 'add',
scale: 'large',
iconAlign: 'bottom',
renderTo : 'bt'
})
var btn = new Ext.Button({
text: '<div style="background:url(images/add.gif); width:96px;height:96px;line-height:96px;">Test TEXT</div>',
// iconCls: 'add',
scale: 'large',
iconAlign: 'bottom',
renderTo : 'bt'
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
重写相应的css覆盖extjs默认的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询