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前端——使用SAPUI5来创建Web应用UI

前言对于SAP产品开发而言,功能需求的实现当之无愧, 但是前端UI展示一直被吐槽,不够友好的界面,较为繁琐的操作流程,给用户增添了很多学习和使用上的烦恼。但是自从SAPUI5诞生以来,移动显示,多元化...

使用SAPUI5来创建Web应用UI

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

SAPUI5教程—— Link的基本用法

前言SAPUI5定义很多好用的组件,方便我们日常的开发操作,比如这个Link的用法,比较类似于html中a标签的使用,今天我们一起来看一下这个组件的基本使用。Link 是sap.m包下一个组件。简单用...

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

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

SAPUI5拓展标准应用的View原理分析及应用实践

前言前一篇文章,我们分析了如何拓展一个Controller, 下面我们在来看看如何拓展View。http://blog.csdn.net/jiangbo_phd/article/details/710...

SAPUI5教程——框架简介以及应用实践

前言SAPUI5是SAP公司推出的一款前端UI技术框架,基于HTML5技术,开发语言为Javascript, 诞生于2011年,此款移动框架和SAP 系列产品贴合紧密,开发迅速,符合SAP系统的整体风...

SAPUI5教程——最全中文学习指南(必看)

前言技术的变革日新月异,求知的迫切与日俱增,现如今云计算,大数据,虚拟现实,无一不充斥着我们的眼帘,这一切的宗旨,旨在为凭借更高的体验,满足更多的需求,追求更高的价值,创造更多的利益。那么我们今天要讲...

sapui5 访问OData数据

开发环境:eclipse Luna, sapui5 toolkit eclipse plugin(从sap官网下载) 运行环境:eclipse + Tomcat OData环境:SAP在公网上提供...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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