最近在研究Web Dynpro的排版

以前在寫HTMLTABLE可以拉可以把整個版面弄的漂漂亮亮的,但在WebDynpro中裡面的UI元件中的TABLE可不是我們認知排版用的table

經過前輩的建議原來還有GroupTrayUI元件可以搭配使用,取代HTMLTABLE功能

 

想像著原本的HTML語法如果要設定左右兩邊就要這樣做

 

<Table border=1 width=100%>

  <tr>

<td widrh=’50%’>左邊</td>

<td width=’50%’>右邊</td>

</tr>
</table>

 

如果是WebDynpro那就是先拉Group(類似<tr></tr>)

Group下面在點insert Child 選擇 Tray(類似<td></td>

 

Group1

  Tray1       

  Tray2

 

group的Properties

  layout設定GridLayout

  width設定這個table的寬度設定100%或90%依照實際版面設定

 colCount如果有兩個<td></td>就設2個

 

 

tray 的Properties

  請注意寬度width請設定在Layout Data

至於Valign就是置中還是靠上的

 

本來以為很難!沒想到那麼簡單

arrow
arrow
    全站熱搜

    ROACH 發表在 痞客邦 留言(0) 人氣()