screen-orientation - 用于orientationchange的openui5事件处理程序

Question

是否有任何用于方向更改和窗口调整大小的 openui5 事件处理程序？

onInit: function() {
    var data;
    this.drawChart(data);    // working fine
    $( window ).resize(function() {
        this.drawChart(data);    // not working
    });
},

drawChart: function(data) {
    //code for draw chart
}

Answer 1

OpenUI5 具有用于检测方向变化以及响应大小变化(例如桌面-> 平板电脑)的内置功能。

看看sap.ui.Device.orientation's attachHandler事件:

Registers the given event handler to orientation change events of the document's window.

这是使用 sap.ui.Device.orientation.attachHandler 的示例:

sap.ui.Device.orientation.attachHandler(function(mParams) {
    if (mParams.landscape) {
        alert('in landscape mode');
    } else {
        alert('in portrait mode');
    }
});

也有用的是 sap.ui.Device.media的 attachHandler用于检测窗口何时调整为不同的 range-set .

要在调整窗口大小时直接收听，看起来您已经有了解决方案，只需确保跟踪要使用的正确范围:

var self = this;
$( window ).resize(function() {
    self.drawChart(data);
});