如何使用 SAP UI5 xml 视图答案

【问题标题】：how to work with SAP UI5 xml views如何使用 SAP UI5 xml 视图
【发布时间】：2014-12-15 12:23:40
【问题描述】：

我是 SAP UI5 的新手。

我的任务是将 javascript 代码转换为 xml 视图。这里的javascript是这样的：

 var sHtmlText = '<strong>Aliquam erat volutpat.</strong><br>Vivamus vitae felis nec lacus ultricies dapibus condimentum quis felis.';
    sHtmlText += 'Some link goes here:<embed data-index=\"0\">';

    var oLink2 = new sap.ui.commons.Link("l2", {
        text : "Click me",
        href : "http://scn.sap.com/welcome",
        title : "SAP Community Network",
        target : "_blank"
    });

    var oFTV2 = new sap.ui.commons.FormattedTextView("otv2");
    //set the text with placeholders inside
    oFTV2.setHtmlText(sHtmlText);
    //add the desired control to the FormattedTextView
    oFTV2.addControl(oLink2);

    var oCallout = new sap.ui.commons.Callout({
        content : oFTV2
    });

    // create a sample form with two fields and assign a callout to each of them
    var oLayout = new sap.ui.commons.layout.MatrixLayout({
        layoutFixed : false
    });
    var oTextField, oLabel;
    oLayout.createRow(
        oLabel = new sap.ui.commons.Label({text:"First name:", labelFor:"firstname1"}),
        oTextField = new sap.ui.commons.TextField("firstname1", {required:true, value:"John"})
    );
    oTextField.setTooltip(oCallout);
    // display it
    oLayout.placeAt("sample2");

在运行上述代码时，我得到带有标签的文本字段和输入悬停弹出窗口。

现在我的任务是将上面的 js 视图转换为 XML 视图。我越来越糊涂了。

请建议我将上述JS视图转换为XML视图的确切过程（通用方式）。

【问题讨论】：

标签： sapui5

【解决方案1】：

一种快速（但很脏）的方法是简单地运行您的应用程序，当在视图中要转换为 XML 时，打开 SAPUI5 诊断屏幕 (Ctrl-Alt-Shift S)，显示控制树面板，选择最顶部的 UIArea元素，单击右侧的“导出”选项卡，然后单击“导出到 XML”按钮 :)

【讨论】：

【解决方案2】：

首先，您需要在 xml 视图中为您的 sap.ui.Commons xmlns:com="sap.ui.Commons" 添加名称空间然后写这样的代码

更多参考请查看xml view developer guide

这里的例子Example

在 Master 端单击 Expample，然后在 Detail 端选择并显示代码

【讨论】：