SAPUI5将customData添加到xmlView

我想将javascript生成的视图转换为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视图，我需要做什么：

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

试试这个：

<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>

---

我知道OP正在寻求一种将数据写入DOM的方法。
但对于那些只需要通过JS访问控件的额外数据的用户：
此方法更精简，更易于阅读：

您可以这样访问这些额外数据：

var myData=this.byId（“网络图标”）.data（“颜色”）；

---

文档：（请参阅“在XML视图中使用”）

<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>