Question

我是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");

在运行上面的代码时，我得到带有标签的文本字段并输入hover popup。

现在我的任务是将上面的js视图转换为XML View。我很困惑。

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

Answer 1

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

Answer 2

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

如需更多参考，请查看xml view developer guide

和示例Example

单击Master侧的Expample，然后选择Detail Side并显示代码

如何使用SAP UI5 xml视图

2 个答案: