SAPUI5将customData添加到xmlView(SAPUI5 add customData to xmlView)

SAPUI5将customData添加到xmlView(SAPUI5 add customData to 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"/>

我试图在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"); },

I would like to transfer javascript generated view to an xmlView.

This works great and I can add it to the 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 }) ] });

What do I need to do to add this to an XML View:

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

I tried to add it in the viewController, but it does not update the 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"); },

最满意答案

尝试这个：

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

Try this:

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