【问题标题】:I want place two buttons in one layout for SAPUI5 mobile application我想在 SAPUI5 移动应用程序的一个布局中放置两个按钮
【发布时间】:2014-05-06 05:34:27
【问题描述】:

我是 SAPUI5 的新手。我可以在我的 SAPUI5 移动应用程序中创建控件。但我无法在布局中设置它们。我正在将我的视图编写为 HTML 页面并向其中添加我的控件。我已经尝试将它们放在一个分区中,但我不知道指定布局的属性是什么。请指导布局。

谢谢

<template data-controller-name="sample.controllers.index">
<div data-sap-ui-type="sap.m.Page" data-title="Title">
    <div data-sap-ui-aggregation="content">
    <div data-sap-ui-type="sap.m.Layout" data-type="vertical">
        <div data-sap-ui-type="sap.m.Input"  data-width="20%"
id="Textfield" data-placeholder="User" data-max-length="10"></div><br>
        <div data-sap-ui-type="sap.m.Input"  data-width="20%" id="Textfield2" data-placeholder="Password" data-type="Password"></div><br>
        <div data-sap-ui-type="sap.m.TextArea" data-width="30%" id="textarea" data-placeholder="Text for information..."></div>
    </div>
        <div data-sap-ui-type="sap.m.Button" id="btn1" data-text="My Button1" data-press="doIt"></div>
        <div data-sap-ui-type="sap.m.Button" id="btn2" data-text="My Button2" data-press="doIt"></div>
        <div data-sap-ui-type="sap.m.Label" data-text="I'm Label" data-width="100px" data-height="100px" data-background-colour="orange"></div>
    </div>
</div>

这是我的示例代码,当我在浏览器上运行它时,它会显示一条错误消息

未捕获的错误:无法从资源/sap/m/Layout.js 加载“sap/m/Layout.js”:404 - 未找到

这是我的 index.html

`

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>

        <script src="resources/sap-ui-core.js"
                id="sap-ui-bootstrap"
                data-sap-ui-libs="sap.m"
                data-sap-ui-theme="sap_bluecrystal">
        </script>
        <!-- only load the mobile lib "sap.m" and the "sap_bluecrystal" theme -->

        <script>
                sap.ui.localResources("sample");
                var app = new sap.m.App({initialPage:"idindex1"});
                var page = sap.ui.view({id:"idindex1", viewName:"sample.views.index", type:sap.ui.core.mvc.ViewType.HTML});
                app.addPage(page);
                app.placeAt("content");
        </script>

    </head>
    <body class="sapUiBody" role="application">
            <div id="content"></div>
    </body>
</html>`

【问题讨论】:

  • 我认为引导程序的问题
  • 我也这么认为。您能否将您的 index.html 发布在您的引导完成位置?

标签: sapui5


【解决方案1】:
 <div data-sap-ui-type="sap.m.Layout" data-type="vertical"> 

没有像sap.m.Layout 这样的控件。对于布局,您可以从sap.ui.layout 控件中选择任何一个,例如sap.ui.layout.Grid

【讨论】:

  • Thnq 这么多 Serge.. 我应该如何访问页面或视图的一部分。在我使用 appcelerator 之前,我曾经写过一个视图来放置我的控件。但是在 SAPUI5 中如何根据我的原型安排它们?请帮帮我。提前谢谢。
  • 如果是 sap.m 库,最顶层的容器控件应该是 App 或 Shell 控件。放一个 sap.m.Page,您可以在其中放置控件。为什么需要它? sap.m.Page 是一个很好的占位符,适用于使用固定页眉和页脚以及介于两者之间的可滚动区域的应用程序。您可以将按钮放置在页眉或页脚中。带有主/详细页面的更复杂的设计涉及使用拆分器控件,例如在已探索应用程序中。
猜你喜欢
  • 2016-06-24
  • 2015-10-09
  • 1970-01-01
  • 2016-09-02
  • 1970-01-01
  • 1970-01-01
  • 2014-10-15
  • 1970-01-01
相关资源
最近更新 更多