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

在网上找了很多例子，说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 添加图片相关推荐

android 图片绑定按钮,Android编程实现给Button添加图片和文字的方法
本文实例讲述了Android编程实现给Button添加图片和文字的方法.分享给大家供大家参考,具体如下: //为按钮添加图片和文字的方法 public Spanned getSpan(int id, ...
MFC 基础知识：对话框背景添加图片和按钮Button添加图片
很长时间没有接触MFC相关的知识了,我大概是在大二时候学习的MFC相关知识及图像处理,现在由于要帮个朋友完成个基于C++的程序,所以又回顾了下相关知识.的确,任何知识一段时间过后都比较容易忘记,但回顾 ...
WPF Button添加图片样式
WPF 按钮添加图片样式作者:邱名涛撰写时间:2019 年 7 月 28 日前台代码: <Window x:Class="WpfApplication1.LoginDes&quo ...
mfc让图片与按钮一起_MFC 基础知识：对话框背景添加图片和按钮Button添加图片...
很长时间没有看MFC相关的知识了,我大概是在大二时候学习的MFC相关知识及图像处理,现在由于要帮个朋友完成个基于C++的程序,所以又回顾了下相关知识.的确,任 // TODO: 在此添加额外的初始化代 ...
Android应用:Button添加图片和文字
ImageButton无法添加文字,所以无法直接实现上述功能. 这里介绍一种简单的方法: 1.使用Button控件,在属性中添加drawableTop属性 android:drawableTop=&q ...
反编译sencha toucha打包的apk文件，修改应用名称支持中文以及去除应用标题栏
一.去除安卓应用标题栏 sencha touch打包android安装包,去掉标题栏titlebar的简单方法 (有更复杂更好的方法,参看"二.利用反编译修改apk的应用名称为中文" ...
php 修改 apk名称6,反编译sencha toucha打包的apk文件，修改应用名称支持中文以及去除应用标题栏...
一.去除安卓应用标题栏 sencha touch打包android安装包,去掉标题栏titlebar的简单方法 (有更复杂更好的方法,参看"二.利用反编译修改apk的应用名称为中文" ...
Sencha Cmd自动构建ExtJs项目框架
Sencha Cmd自动构建ExtJs项目框架 1.下载并安装Sencha Cmd 官网(https://www.sencha.com/products/extjs/evaluate/) 某盘wind ...
sencha app watch php,Sencha Cmd 命令及 ExtJs 应用的调试工具
Sencha Cmd 命令格式 sencha [category] [command] [option...] [arguments...] 帮助信息 sencha help 会列出所有的分类,顶层命 ...
Cocos Creator 为Button添加事件的两种方法
Button添加事件 Button 目前只支持 Click 事件,即当用户点击并释放 Button 时才会触发相应的回调函数. 通过脚本代码添加回调方法一这种方法添加的事件回调和使用编辑器添加的事 ...

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

【Sencha Toucha】Sencha Touch ExtJs 给 Button 添加图片相关推荐

最新文章

热门文章