当前位置：首页 → 问答吧 → extjs中，按钮的背景图片。苦恼中……

extjs中，按钮的背景图片。苦恼中……

时间：2011-10-24

来源：互联网

css:
.ui-button
{
background-image:url(../images/tijian.png)!important;

}

var addbu = new Ext.Button({

text: null,
iconCls: 'ui-button',
width:60,
height:20
});

作者: yan200008 发布时间: 2011-10-24

背景图片都不显示的！

作者: yan200008 发布时间: 2011-10-24

CSS code

.ui-button
{
  background-image:url(../images/tijian.png)!important;
    
}

一定要确保css的路径是正确的

JScript code

var addbu = new Ext.Button({

  text: 'tsdfsdf',
  iconCls: 'ui-button',
  width:60,
  renderTo:Ext.getBody(),//要先将组件渲染出来 你上边的代码中按钮都没出来咋看？
  height:20
  });

上边两点做到了一定不会有问题

作者: fanchuanzhidu 发布时间: 2011-10-24

据我所知ext的button是由表格组成的，通过控制position达到显示效果，目的是明确的即兼容。
建议楼主仔细看看api的iconCls，恐怕是无法满足楼主的要求改变背景图片的。

作者: ycmjh2010 发布时间: 2011-10-24

CSS code


 extjs 和jquery 对图片加载都是通过position的
你可以cls 在新的样式背景图片

作者: leehuat 发布时间: 2011-10-24

extjs中，按钮的背景图片。苦恼中……

热门阅读

热门下载