SAP UI5 [面板]- 如何在单击按钮时创建新面板

Question

我有一个要求，我要在单击按钮时添加面板。

在控制器函数中，我编写了如下代码。我没有在控制台中收到错误消息，也没有在单击按钮时看到面板。

然而，当我 console.log 面板对象时，我可以看到面板已创建但不确定为什么没有反映在视图中。请提出建议。

onAddObjectiveClick: function () {
        var panel = new Panel({
            headerText: "Description",
            visible: true,
            backgroundDesign: "Solid",
            content: new TextArea({
                value: "Lorem Ipsum is simply dummy text of the printing and typesetting industry",
                growing: true,
                width: "100%",
                height: "263px"
            })              
        });

} this.getView().addDependent(panel); // 在这个地方，我也尝试了 setExapanded 和 setExpandible 功能，但 none 有所帮助。

Answer 1

你基本上是在创建一个对象，分配给一个局部变量而不是将它添加到你的视图中。

您应该有任何类型的带有聚合的容器元素来添加您的面板。

根据容器的不同，聚合名称会有所不同，因此您需要调用的方法才能将面板添加到其中。

示例：如果您需要在 sap.m.Page class 的聚合 content 中添加此面板，您应该

1) 有页面

2) 在控制器中捕获它

3) 调用 addContent()

SAP UI5 [面板]- 如何在单击按钮时创建新面板

SAP UI5 [Panel]- How to create a new Panel on button click

rendering

panel

sapui5