Fiori UI5开发学习

最新推荐文章于 2024-05-06 15:57:09 发布

真的是我太天真

最新推荐文章于 2024-05-06 15:57:09 发布

阅读量384

点赞数

分类专栏： SAPUI5

本文链接：https://blog.csdn.net/xueyushen/article/details/114030020

版权

SAPUI5 专栏收录该内容

40 篇文章 5 订阅

订阅专栏

FIori UI5开发学习笔记

Fiori Launch Pad
- 磁贴
- Fiori App类型
UI5 版本
开始敲吧

Fiori Launch Pad

磁贴

磁贴包括静态磁贴、动态磁贴、新闻磁贴

Fiori App类型

分为事务型、分析型、事实表单&上下文跳转

UI5 版本

快捷键Ctrl + Shift + Alt + P

开始敲吧

Hello World！

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>First UI5 Program</title>
    <script id="sap-ui-bootstrap" src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
        data-sap-ui-theme="sap_belize" data-sap-ui-libs="sap.m" data-sap-ui-compatVersion="edge"
        data-sap-ui-async="true">
        </script>
     <style>
        #btnHello-inner {
            background-color: #3f5161;
            text-decoration: none;
            color: #fafafa;
            text-shadow: none;
        }
     </style>
</head>

<body class="sapUiBody">
    <div id="content"></div>

    <script>
        sap.ui.require([
            "sap/m/Button",
            "sap/m/MessageToast"
        ], function (Button, MessageToast) {
            "use strict";

            var btn = new Button("btnHello",
                {
                    text: "Hello World",
                    // press: function () {MessageToast.show("Hello World!")}
                });

            btn.placeAt("content");
            var btnClick =  function () {
                MessageToast.show("Hello World!",{
                	duration: 1000
                })
            }
            btn.attachPress(btnClick);

        });

    </script>
</body>

</html>

真的是我太天真

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Fiori UI5开发学习

FIori UI5开发学习笔记Fiori Launch Pad磁贴Fiori App类型UI5 版本Fiori Launch Pad磁贴磁贴包括静态磁贴、动态磁贴、新闻磁贴Fiori App类型分为事务型、分析型、事实表单&上下文跳转UI5 版本快捷键Ctrl + Shift + Alt + P...
复制链接

扫一扫