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\">來確定超鏈接位置

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章