2016-11-23 37 views
0

我在验证Snapping Header的指导原则。贴紧标题:ObjectPageHeaderContent中使用哪个控件

我想知道哪些控件被用作ObjectPageHeaderContent的子对象来准备带有标签 - 文本对的表单。实际上,我使用ObjectStatus控件的VerticalLayout和标题和NumericContent的另一个VerticalLayout来准备项目,如ObjectPageHeaderContent中的第三项。 但结果看起来不像这个例子。准则解释了FormFacet和KeyValueFacet,但并不理解这一点。我怎样才能达到与给定例子相同的结果。

预先感谢您。

回答

0

我试图理解这个问题。 在您提供的链接中,您在右上角有一个“资源”标签, 将您引导至链接页面的最后一章。 在那里您可以找到一个链接“对象页头内容(SAPUI5 Explored)”。 如果你关注这个链接,你来到这个页面 ObjectPageHeaderContent其中显示了两个例子。 如果您选择其中一个示例,您可以在右上角选择“显示此示例的源代码”。 在那里,您还可以下载源代码以及index.html。

这是你在找什么?

+0

我试了一下。我跟着探索的例子,试图得到那个外观。但结果看起来不像这个例子。在探索中,他使用了垂直布局,但是当涉及到这个例子时,他正在解释一些类型的方面和所有。我跟着探索的一个。但两者看起来不一样。例如,考虑plainText方面,我已经在垂直布局中使用带标题的sap.m.text。整个文本出现在一行中。但在这个例子中,它需要多行渲染。同样,还有许多其他小小的变化。 – Anjali

0

请看看ObjectPageHeaderContent

在这个例子中,我使用的原始编码从sap.uxap.sample.HeaderContent

我还用垂直布局,并添加标题,使它看起来像提到的设计元素的“纯文本方面”。 它也呈现在多行中。 在这种情况下,“纯文本面”只是设计用来描述此元素的术语。 这个设计元素的实现是使用不同的UI5控件完成的。

  <ObjectPageHeaderContent> 
          <content> 
              <layout:VerticalLayout> 
                  <m:ObjectStatus title="User ID" text="12345678"/> 
                  <m:ObjectStatus title="Functional Area" text="Developement"/> 
                  <m:ObjectStatus title="Cost Center" text="PI DFA GD Programs and Product"/> 
                  <m:ObjectStatus title="Email" text="[email protected]"/> 
              </layout:VerticalLayout> 


              <layout:VerticalLayout> 
              <m:Title text="YourHeader" titleStyle="H4"/> 
              <m:Text width="200px" 
                      text="Hi, I'm Denise. I am passionate about what I do and I'll go the extra mile to make the customer win."/> 
                  <m:ObjectStatus title="Email" text="[email protected]"/> 
              </layout:VerticalLayout> 


              <m:ObjectStatus text="In Stock" state="Error"/> 

请描述其他小的变化,以便我们可以看看它们。

相关问题