orientationchange 的 openui5 事件处理程序

Question

是否有用于方向更改和 window 调整大小的任何 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

我找到了解决方案

this.* 在 jquery 中不起作用，因为它在任何封装的地方都有不同的含义...... 在 openui5 *.view.js 这意味着视图对象在 *.controller.js 这意味着控制器对象...... 在 jquery 中，这意味着放置它的组件或它在该上下文中所指的任何内容...... 你不能简单地混合 "this" 任何你喜欢的地方

sap.ui.controller("oui5mvc.controllerName").drawChart(数据);

Answer 2

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

看看sap.ui.Device.orientation'sattachHandler事件：

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's attachHandler for detecting when the window is resized to a different range-set。

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

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

orientationchange 的 openui5 事件处理程序

openui5 event Handler for orientationchange

screen-orientation

window-resize

sapui5