SAPUI5-Panel&FormattedTextView

原创 2015年07月09日 13:19:19
createContent : function(oController) {
        var oButton1 = new sap.m.Button("But1", {
            text : "Button",
            icon : "sap-icon://email",
            activeIcon : "sap-icon://accept",
            // type : "Emphasized",
            tooltip : "This is a test tooltip",
            press : function() {
                alert(this.getText());
            }
        });

        var headToolBar = new sap.m.Toolbar({
            active : true,
            content : [ oButton1 ]
        });

        var oPanel = new sap.m.Panel("Panel1", {
            headerText : "This is a panel",
            expandable : true,
            expandAnimation : true,
            expanded : true,
            headerToolbar : [ headToolBar ],
        });

        var sHtmlText = "这是一个FormattedTextView    ";
        sHtmlText += '<embed data-index = 1>'
        sHtmlText += '<br><span class="sapUiFTVBold">属于</span>';
        sHtmlText += '<em>sap.ui.commons.FormattedTextView,';
        sHtmlText += '一个神奇神秘的地方,大家都想去看看。那里是WebVille</em><br>';
        sHtmlText += '<ul><li>移动端也可以使用.</li><li>可以放链接.</li>';
        sHtmlText += '<li>大部分HTML标签都支持.</li><li>问问百度.</li></ul>';
        sHtmlText += '<embed data-index = 0>'
        var oFTV1 = new sap.ui.commons.FormattedTextView("otv1");

        var oLink = new sap.m.Link({
            text : "Click me",
            href : "http://www.baidu.com",
            target : "_blank"
        });

        var oLink1 = new sap.m.Link({
            text : "Click me too",
            href : "http://www.qq.com",
            target : "_blank"
        });

        oFTV1.setHtmlText(sHtmlText);
        oFTV1.addControl(oLink);
        oFTV1.addControl(oLink1);
        oPanel.addContent(oFTV1);

        return oPanel;
    }

这里写图片描述

Panel的属性中,expandAnimation表示展开的时候是否有动画效果

Link的属性中,target赋值为”_blank”表示在新的窗口打开

FormattedTextView的属性中,通过<embed data-index = \"0\">来确定超链接位置

[SAP ABAP开发技术总结]搜索帮助Search Help (F4)

声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否...

ABAP search help (搜索帮助) 五种方法

ABAP 的搜索帮助有很多种方法,掌握下面的几种基本差不多了 *&------------------------------------------------------------------...

SAPUI5(SAP Fiori)运行环境介绍

  • 2017年06月23日 11:57
  • 4.9MB
  • 下载

SAPUI5教程——ABAP环境下SAP Fiori 系统搭建以及开发实践

前言近年来,SAPUI5(SAP Fiori 2.0)的普及,云时代下的移动Web应用一路高歌,众多SAP 顾问也将焦点投入到了这个前端框架。那么作为一款和SAP 系列套件深度结合的框架,需要安装很多...

SAPUI5(SAP Fiori)开发技术要求

  • 2017年06月23日 12:02
  • 2.33MB
  • 下载

SAP Fiori(SAPUI5)简介

  • 2017年06月23日 11:53
  • 4.11MB
  • 下载

使用SAPUI5来创建Web应用UI

第三个练习,试试SAPUI5。这是SAP比较重要的一个UI库。完全通过HTML5实现,可以作为Web和移动应用的UI开发。 现在已经开源了。在这里可以下载: http://sap.github.i...

SAPUI5(SAP Fiori)开发工具介绍

  • 2017年06月23日 12:07
  • 975KB
  • 下载

SAPUI5 Learning

  • 2017年06月23日 11:35
  • 2.39MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:SAPUI5-Panel&FormattedTextView
举报原因:
原因补充:

(最多只允许输入30个字)