2016-11-23 35 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"/> 

請描述其他小的變化,以便我們可以看看它們。

相關問題