关闭

SAPUI5-Button

标签: buttonsapUI5
740人阅读 评论(0) 收藏 举报
分类:

Button
存在两个类,一个是mobile使用的sap.m.Button,另外一个是sap.ui.commons.Button

sap.ui.commons.Button
这里写图片描述

var oButton1 = new sap.m.Button("But1",{
            text : "Button",
            width : "200px",
            icon : "sap-icon://email",
            activeIcon : "sap-icon://accept",
            type : "Accept",
            enabled : true,
            iconFirst : true,
            tooltip : "This is a test tooltip",
            textDirection : "RTL",
            styled: false,
            press : function() {
                 this.setIcon("sap-icon://accept");
            }
        });     

其中:
type表示按钮的类型,对应sap.m.ButtonType,有Accept 、Back、Default 、Emphasized 、Reject 、Transparent、Unstyled、Up

enabled表示是否可以选择,布尔类型

iconFirst表示图标在前还是文字在前,布尔类型

sap.ui.commons.Button

createContent : function(oController) {
        var oButton1 = new sap.ui.commons.Button("But1",{
            text : "Button",
            width : "200px",
            height : "30px",
            helpId : "help",
            icon : "sap-icon://email",
            iconHovered : "sap-icon://accept",
            iconSelected : "sap-icon://accept",
            iconFirst : true,
            tooltip : "This is a test tooltip",
            styled: false,
            press : function() {
//               this.setIcon("sap-icon://accept");
            }
        });     
        oButton1.addStyleClass("myButton");

其中,需要注意的是,可以自己修改样式,styled要设置为false
新建css文件

.myButton {
    background-color: #e3fa2e;
}

HTML中添加

<link rel="stylesheet" href="css/style.css">

修改前
修改后

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:17062次
    • 积分:339
    • 等级:
    • 排名:千里之外
    • 原创:16篇
    • 转载:5篇
    • 译文:0篇
    • 评论:0条
    文章分类