Ui5中的标题中的右键(XML视图)

时间:2014-06-12 13:19:10

标签: javascript xml button sapui5

如何在SAP Ui5 View中的标题右侧添加按钮。视图是XML格式。另一个视图是在JavaScript中。

守则是:

return new sap.m.Page({
            enableScrolling: false,
            showHeader: true,
            headerContent: [
            ],
            headerContent : new sap.m.Button({
                                             icon: "sap-icon://sys-help-2",
                                             press : function() {
                                                app.to("idVersion", {id:"initial"});
                                             }
            }),
            title: "Application Test",
            content: [oTileContainer]
        });

XML视图是:

  <Page
    showHeader="true"
    id="idPage"
    title="Personal Information"
    showNavButton="true"
    navButtonTap="actBack"
    class="sapUiFioriObjectPage" >
    <!-- this CSS class add a standard spacing to all the page content -->
    <headerContent>
    .......
    </headerContent>

如何在<headerContent>标记内添加要在Javascript中显示的按钮。

我无法使用CustomHeader,因为其他网页会获取此内容,并且可能会影响它们。请建议。

1 个答案:

答案 0 :(得分:3)

太棒了......我认为不是:D

但这是我的解决方案:

  <Page
    title="....."
    showNavButton="true"
    navButtonTap="actBack"
    class="sapUiFioriObjectPage" >
    <!-- this CSS class add a standard spacing to all the page content -->
    <headerContent>
    </headerContent>
    <headerContent>
            <Button
                icon="sap-icon://sys-help-2"
                press="handleNavToInfo" />
  </headerContent>
    <content>
    .......