【Sencha Toucha】Sencha Touch ExtJs 给 Button 添加图片

来源：互联网发布：系统还原数据会消失吗编辑：程序博客网时间：2024/04/19 08:35

在网上找了很多例子，说ruby加工图片，公司连不上网装不上去，离线研究了半天也没装上。

也有个一样的这样的帖子，发了一个加图片。说是要加BLANK_IMAGE_URL 这个属性，研究了半天。最后弄出来不用加就可以显示。最后效果如下：

ext代码：

Ext.define('app.view.MPktkf', {extend : 'Ext.Container',xtype : "MPktkf",config : {fullscreen : true,scrollable : true,monitorOrientation : true,dockedItems : [],fullscreen : true,layout : 'vbox',defaults : {padding : 10,defaults : {margin : 5}},items : [{xtype : 'panel',html : '<div class="model"><h2 class="sTitle">报表</h2><div id="sSolid"></div></div>'}, {xtype : 'panel',layout : 'hbox',items : [{xtype : 'button',text : '　按鈕1　',ui : 'normal',iconAlign : 'top',iconCls : 'bt_kt',iconMask : true,handler : function onclick() {}}, {xtype : 'button',text : '按鈕2',ui : 'normal',iconAlign : 'top',iconCls : 'bt_ycpj',iconMask : true,handler : function onclick() {}}, {xtype : 'button', text : '按鈕3',ui : 'normal',iconAlign : 'top',iconCls : 'bt_ytkf',iconMask : true,handler : function onclick() {}}, {xtype : 'button',text : '按鈕4',ui : 'normal',iconAlign : 'top',iconCls : 'bt_qtkf',iconMask : true,handler : function onclick() {}}]}, {.......});

css代码

.bt_kt{background: url(images/spirit-level.png)  left top no-repeat !important;  background-size:100% 100%;width: 3.1em !important;height: 3.1em !important;}