JS UI 创建页面

      如果我们想在pages下新建页面me,直接新建页面会跑到index下面,而不是我们期望的me页面和index页面平级

 我们需要操作如下:

1 右键选中pages.index,点击Package

2 修改包名为:default.pages.cc,回车之后可以看到目录cc,这样就可以把pages.index拆分出来

回车之后看到目录就是cc目录

 3 在pages目录下新建me页面

 

 

4  然后再删掉目录cc

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在 UI5 页面中嵌入另一个页面,可以使用 `sap.ui.core.ComponentContainer` 组件。 首先,在您的 UI5 页面中添加一个 `sap.ui.core.ComponentContainer` 组件,然后将要嵌入的页面的组件名称作为参数传递给该组件的 `name` 属性。 例如: ```xml <mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core" xmlns="sap.m"> <core:ComponentContainer name="my.embedded.page" /> </mvc:View> ``` 在上面的代码中,我们将会嵌入一个名为 `my.embedded.page` 的组件。 注意:在嵌入的页面中,您应该使用 `sap.ui.core.mvc.XMLView` 或 `sap.ui.core.mvc.JSView` 创建视图,而不是使用 `sap.ui.core.mvc.View`。这是因为,当您在嵌入的页面中使用 `sap.ui.core.mvc.View` 创建视图时,这个视图只会被加载一次,而不会随着组件实例的重新创建而重新加载。 ### 回答2: 在UI5中,可以使用iframe元素将一个页面嵌套到另一个页面中。通过在UI5应用程序的视图文件中添加一个iframe元素,可以实现页面内嵌的效果。 首先,在视图文件的XML视图中添加一个iframe元素,设置它的src属性为要嵌套的页面的URL。例如: ```xml <core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc"> <Page title="UI5页面内嵌另一个页面"> <content> <iframe src="https://www.example.com" width="100%" height="500px"></iframe> </content> </Page> </core:View> ``` 在上面的示例中,iframe元素的src属性设置为"https://www.example.com",并且设置了宽度和高度。根据需要,可以调整这些属性的值。 当应用程序运行时,页面将显示嵌套的页面。用户可以在UI5应用程序中直接浏览和与嵌套的页面进行交互。 需要注意的是,由于浏览器的安全策略限制,一些网站可能不允许被嵌入到其他网站中,这可能导致嵌套页面无法显示。在这种情况下,你可以尝试使用其他浏览器对嵌套网页进行访问,或者联系嵌套页面的所有者以了解其嵌入限制。 ### 回答3: 在UI5中,我们可以通过使用IFrame控件来在一个页面中嵌入另一个页面。IFrame控件允许我们将一个外部网页嵌入到当前页面中的一个独立的窗口中。 要在UI5页面内嵌另一个页面,我们首先需要在页面的XML视图中添加IFrame控件。例如: <mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" controllerName="myController"> <Panel height="100%"> <content> <IFrame id="iframeControl" width="100%" height="100%" src="https://www.example.com"></IFrame> </content> </Panel> </mvc:View> 在上面的代码中,我们在一个Panel控件中添加了一个IFrame控件,并在src属性中指定了要嵌入的另一个页面的URL。 接下来,我们需要在相关的控制器中访问IFrame控件并设置要嵌入的页面的URL。我们可以通过调用IFrame控件的setSrc方法来实现这一点,例如: sap.ui.define([ "sap/ui/core/mvc/Controller" ], function(Controller) { "use strict"; return Controller.extend("myController", { onInit: function() { var oIFrame = this.byId("iframeControl"); oIFrame.setSrc("https://www.example.com"); } }); }); 以上代码演示了如何在控制器的onInit方法中获取IFrame控件的引用,并使用setSrc方法将要嵌入的页面的URL设置为"https://www.example.com"。 当我们运行应用程序时,UI5页面将会包含一个高度为100%的Panel控件,在该Panel控件中用IFrame控件嵌入了另一个页面。用户将能够在UI5应用程序中直接访问并与嵌入的页面进行交互。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值