Sapui5 设备自适应:如何在UI5上隐藏特定设备类型的UI元素

Sapui5 设备自适应:如何在UI5上隐藏特定设备类型的UI元素,sapui5,Sapui5,我想根据设备类型(台式机、平板电脑、手机)调整UI的某些部分。 据我所知,我必须: 指定设备型号: constodevicemodel=newjsonmodel(设备); setDefaultBindingMode(“单向”); this.setModel(oDeviceModel,“设备”) 将sapUiVisibleOnlyOnDesktop/sapUiHideOnDesktop应用于所需UI5元素的class属性 不幸的是,这样的方法没有成功,我已经成功地用visible=“{=!${d

我想根据设备类型(台式机、平板电脑、手机)调整UI的某些部分。
据我所知,我必须:

  • 指定设备型号:
  • constodevicemodel=newjsonmodel(设备);
    setDefaultBindingMode(“单向”);
    this.setModel(oDeviceModel,“设备”)
    
  • sapUiVisibleOnlyOnDesktop
    /
    sapUiHideOnDesktop
    应用于所需UI5元素的
    class
    属性
  • 不幸的是,这样的方法没有成功,我已经成功地用
    visible=“{=!${device>/system/phone}}”
    XML模板表达式解决了这个问题


    虽然我的方法有效,但我不确定这是否是解决任务的推荐方法。也许,有更好的方法来隐藏UI5上特定设备类型的UI元素?

    使用表达式绑定“visible”是解决问题的“最佳实践”解决方案


    在最新的UI5 openSAP课程(第2周-第3单元)中明确提到了它。

    因此,它看起来像是
    visible=“{=!${device>/system/phone}”
    是最佳实践。感谢您参考视频课程中的具体位置。