在網上找了很多例子，說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; }

總結

以上是生活随笔為你收集整理的【Sencha Toucha】Sencha Touch ExtJs 给 Button 添加图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。