如何创建带有 javascript 视图和没有 html 控制器的弹出窗口
How do I create popover with a javascript view and a controller no html
所以现在我有一个看起来像这样的视图。
var oPopOver = new sap.m.Link({
text:"PopOver",
press : function() {
oController.getPopOver()
},
}).addStyleClass("PopOver");
然后我假设在控制器中我有类似的东西:
getPopOver: function(oEvent) {
$(function () {
$('#example').popover();
});
}
我只是不明白所有弹出窗口的东西都去了哪里我以前曾与 Java 合作过,我是一名 SAP ABAP 开发人员,但这是我们的第一个 SAP UI5 项目,这意味着我们需要进行一些 Web 开发使用 javascript 等。所以任何帮助都会很棒我一直在关注教程,但它们似乎都显示将 popover 信息放在 html 标签等中。
JS视图
var link = new sap.m.Link("link", {
text: "Click for Popover",
press: function() {
oController.handleLinkPress()
},
})
控制器
handleLinkPress: function(e) {
var link = this.getView().byId("link");
var oPopover = new sap.m.Popover({
title: "Sample Popover",
content: [new sap.m.Image({
src: "https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png",
width: "150px"
})],
footer: [new sap.m.Button({
text: "Click me!"
})]
});
oPopover.openBy(link);
}
所以现在我有一个看起来像这样的视图。
var oPopOver = new sap.m.Link({
text:"PopOver",
press : function() {
oController.getPopOver()
},
}).addStyleClass("PopOver");
然后我假设在控制器中我有类似的东西:
getPopOver: function(oEvent) {
$(function () {
$('#example').popover();
});
}
我只是不明白所有弹出窗口的东西都去了哪里我以前曾与 Java 合作过,我是一名 SAP ABAP 开发人员,但这是我们的第一个 SAP UI5 项目,这意味着我们需要进行一些 Web 开发使用 javascript 等。所以任何帮助都会很棒我一直在关注教程,但它们似乎都显示将 popover 信息放在 html 标签等中。
JS视图
var link = new sap.m.Link("link", {
text: "Click for Popover",
press: function() {
oController.handleLinkPress()
},
})
控制器
handleLinkPress: function(e) {
var link = this.getView().byId("link");
var oPopover = new sap.m.Popover({
title: "Sample Popover",
content: [new sap.m.Image({
src: "https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png",
width: "150px"
})],
footer: [new sap.m.Button({
text: "Click me!"
})]
});
oPopover.openBy(link);
}