मैं एक्सएमएल व्यू से प्रोग्रामेटिक रूप से यह आइकन बनाने की कोशिश कर रहा हूं

<core:Icon
      src="sap-icon://sys-help-2"
      class="size1"
      dataHelp:description="{i18n>path.to.description}"
      width="100px"
      color="#1C4C98" >
      <core:layoutData>
            <l:GridData span="L1 M1 S1" />
      </core:layoutData>
</core:Icon>

मैं आसान सहारा समझ सकता था:

  const icon = new sap.ui.core.Icon({
    src: 'sap-icon://sys-help-2',
    color: '#1C4C98',
    width: '100px'
  })
  icon.addStyleClass('size1');

लेकिन dataHelp:description और <core:layoutData> के लिए मुझे कोई जानकारी नहीं है और मुझे कोई अच्छा उदाहरण नहीं मिल रहा है। क्या यह किसी भी संयोग से संभव है?

2
Ren 25 नवम्बर 2020, 19:34

1 उत्तर

सबसे बढ़िया उत्तर

नेस्टेड गुण (उर्फ एकत्रीकरण) भी new के साथ बनाए जा सकते हैं।

sap.ui.require([
    "sap/ui/core/Icon",
    "sap/ui/layout/GridData"
], function(Icon, GridData) {
    const oGridData = new GridData({ span: "L1 M1 S1" });
    const oIcon = new Icon({
        src: "sap-icon://sys-help-2",
        color: "#1C4C98",
        width: "100px",
        layoutData: oGridData
    });
    oIcon.data("description", this.getOwnerComponent().getModel("i18n").getResourceBundle().getText("path.to.description"));
});

मैंने dataHelp:description के बारे में कभी नहीं सुना है और इसे किसी भी UI5 API में नहीं ढूंढ सकता।

कस्टम डेटा oControl.data("key", "value"); के साथ जोड़ा जा सकता है

1
Marc 27 नवम्बर 2020, 12:05