view - SAPUI5 添加自定义数据到 xmlView

Question

我想将 javascript 生成的 View 传输到 xmlView。

效果很好，我可以将它添加到 shell 中:

var headItem = new sap.ui.unified.ShellHeadItem({
        icon: "sap-icon://upload-to-cloud",
        id: "network-icon",
        customData: [
            new sap.ui.core.CustomData({
                key: "color",
                value: "{= ${appValues>/isOnline} ? 'is-online' : 'is-offline' }",
                writeToDom: true
            })
        ]
});

我需要做什么才能将其添加到 XML View :

<u:ShellHeadItem
    id="network-icon"
    icon="sap-icon://upload-to-cloud"
    tooltip="Network status"/>

我试图将它添加到 viewController 中，但它没有更新 DOM。

onInit: function() {
    var oNetworkIcon = this.getView().byId("network-icon");

    oNetworkIcon.setModel(sap.ui.getCore().getModel("appValues"));
    oNetworkIcon.addCustomData(new sap.ui.core.CustomData({
           key: "color",
           value: "{= ${/isOnline} ? 'is-online' : 'is-offline' }",
           writeToDom: true
    }));
    //if you happen to know how to add a class
    oNetworkIcon.addStyleClass("blub"); 
},

Answer 1

试试这个:

<u:ShellHeadItem
        id="network-icon"
        icon="sap-icon://upload-to-cloud"
        tooltip="Network status">
    <u:customData>
        <core:CustomData key="color" value="{= ${/isOnline} ? 'is-online' : 'is-offline' }" writeToDom="true" />
    </u:customData>
</u:ShellHeadItem>