SAPUI5-Panel&FormattedTextView

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\">来确定超链接位置

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值