How to use `oEvent` when loading fragment asynchronously?(异步加载分片时如何使用`oEvent`?)
本文介绍了异步加载分片时如何使用`oEvent`?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我可以在使用此代码时使用oEvent:
onPressDialog: function(oEvent) {
if (!this._oDialog) {
this._oDialog= sap.ui.xmlfragment("idDialog", "com.Dialog", this);
this.getView().addDependent(this._oDialog);
}
this._oDialog.setBindingContext(oEvent.getSource().getParent().getBindingContext());
this._oDialog.open();
},
但是,我正在尝试使用Fragment.load更改它,但是我无法从函数中获得oEvent。有什么想法吗?
onPressDialog: function(oEvent) {
if (!this._oDialog) {
Fragment.load({ // Fragment required from "sap/ui/core/Fragment"
id: this.getView().getId(),
name: "com.Dialog",
controller: this
}).then(function(oDialog) {
this.getView().addDependent(oDialog);
oDialog.setBindingContext(/*Can't access the right oEvent values here*/);
oDialog.open();
}.bind(this));
}
},
推荐答案
如上linked answer所述,在执行事件处理程序(onPressDialog)后,oEvent参数完全重置。即异步获取片段后,oEvent对象将不再包含相同的引用/参数值。尝试在创建片段之前将目标引用存储在闭包变量中,然后在最终解析承诺时使用该变量。
片段定义中给定的<Dialog id="myDialog">:
从UI5 1.93开始
使用API oController.loadFragment
onPressDialog: async function(oEvent) {
const myEventValue = oEvent.get/*...*/; // to use later without relying on oEvent
const oDialog = this.byId("myDialog") || await this.loadFragment({ name: "com.Dialog" });
// ... Do something with myEventValue ...
oDialog.open();
},
从UI5 1.58开始
使用API Fragment.load
onPressDialog: async function(oEvent) {
const myEventValue = oEvent.get/*...*/; // to use later without relying on oEvent
let oDialog = this.byId("myDialog");
if (!oDialog) {
oDialog = await Fragment.load({ // Fragment required from "sap/ui/core/Fragment"
id: this.getView().getId(),
name: "com.Dialog",
controller: this,
});
this.getView().addDependent(oDialog);
}
// ... Do something with myEventValue ...
oDialog.open();
},
这篇关于异步加载分片时如何使用`oEvent`?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
织梦狗教程
本文标题为:异步加载分片时如何使用`oEvent`?
基础教程推荐
猜你喜欢
- Bokeh Div文本对齐 2022-01-01
- 如何添加到目前为止的天数? 2022-01-01
- Fabric JS绘制具有活动形状的多边形 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
- npm start 错误与 create-react-app 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
- Bootstrap 模态出现在背景下 2022-01-01
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01
- 在 contenteditable 中精确拖放 2022-01-01
- fetch 是否支持原生多文件上传? 2022-01-01
