テーブル レイアウト マネージャ

祖先 - 基本レイアウト マネージャ (PRIM_DTVW) ブジェクト (PRIM_OBJT)

詳細

Table Layout は、 WebPage や Panel などの composite コントロールを行と列に分割します。
 
レイアウトによって managed される各コントロールは、 row または column に配置されます。これにより、コントロールのアンカーが提供されます。
 
List や Panel などの一部のコントロールは、セルの一部またはすべてを占有するように sized を設定する必要があり、他のコントロールは複数の行と列に span する必要があります。
 
Fields or Push Button などの他のコントロールは、セル内で aligned され、前のコントロールの後に表示されるように flow する必要があります。

例

この例では、単純な 2 つの行、列レイアウトが複数コントロールをシンプルにまとめる為に使用されています。
 
第 １ 行は、 fixed 高さであるが、 第 2 行は、画面の残りの部分を占有する比例内容になります。
 
ラベルは一番上の行のすべてを占め、FitBoth に sizing されます。入力フィールドはすべて第2行に配置されて、 Toplef aligned して flowing ダウンします。
 
保存して閉じるボタンは、第2行に配置されているが、それらは BottomRight に aligned して、左に flowing します。

Begin_Com Role(*EXTENDS #PRIM_WEB) Height(401) Width(761) Layoutmanager(#TableLayout1)
 
   Define_Com Class(#PRIM_VS.Style) Name(#Style1) Backgroundbrush(#Brush1) Fontsize(24) Foregroundbrush(#Brush2)
   Define_Com Class(#PRIM_VS.SolidBrush) Name(#Brush2) Color(Theme50)
   Define_Com Class(#PRIM_VS.SolidBrush) Name(#Brush1) Color(Theme500)
 
   Define_Com Class(#PRIM_TBLO) Name(#TableLayout1)
   Define_Com Class(#PRIM_TBLO.Column) Name(#Column1) Displayposition(1) Parent(#TableLayout1)
   Define_Com Class(#PRIM_TBLO.Row) Name(#Row1) Displayposition(1) Parent(#TableLayout1) Height(59) Units(Pixels)
   Define_Com Class(#PRIM_TBLO.Row) Name(#Row2) Displayposition(2) Parent(#TableLayout1) Height(1.64)
   Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem1) Alignment(TopLeft) Column(#Column1) Flow(Down) Manage(#Label1) Parent(#TableLayout1) Row(#Row1)
   Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem2) Alignment(TopLeft) Column(#Column1) Flow(Down) Manage(#EMPNO) Parent(#TableLayout1) Row(#Row2) Sizing(None) Margintop(4) Marginleft(4)
   Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem3) Column(#Column1) Manage(#SURNAME) Parent(#TableLayout1) Row(#Row2) Sizing(None) Flow(Down) Alignment(TopLeft) Margintop(4) Marginleft(4)
   Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem4) Column(#Column1) Manage(#GIVENAME) Parent(#TableLayout1) Row(#Row2) Sizing(None) Flow(Down) Alignment(TopLeft) Margintop(4) Marginleft(4)
   Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem5) Column(#Column1) Manage(#ADDRESS1) Parent(#TableLayout1) Row(#Row2) Sizing(None) Flow(Down) Alignment(TopLeft) Margintop(4) Marginleft(4)
   Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem6) Column(#Column1) Manage(#ADDRESS2) Parent(#TableLayout1) Row(#Row2) Sizing(None) Flow(Down) Alignment(TopLeft) Margintop(4) Marginleft(4)
   Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem7) Column(#Column1) Manage(#ADDRESS3) Parent(#TableLayout1) Row(#Row2) Sizing(None) Flow(Down) Alignment(TopLeft) Margintop(4) Marginleft(4)
   Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem8) Column(#Column1) Manage(#POSTCODE) Parent(#TableLayout1) Row(#Row2) Sizing(None) Flow(Down) Alignment(TopLeft) Margintop(4) Marginleft(4)
   Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem9) Column(#Column1) Manage(#PHONEHME) Parent(#TableLayout1) Row(#Row2) Sizing(None) Flow(Down) Alignment(TopLeft) Margintop(4) Marginleft(4)
   Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem10) Column(#Column1) Manage(#PHONEBUS) Parent(#TableLayout1) Row(#Row2) Sizing(None) Flow(Down) Alignment(TopLeft) Margintop(4) Marginleft(4)
   Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem11) Column(#Column1) Manage(#Save) Parent(#TableLayout1) Row(#Row2) Sizing(None) Alignment(BottomRight) Flow(Left) Marginbottom(4) Marginright(4)
   Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem12) Column(#Column1) Manage(#Close) Parent(#TableLayout1) Row(#Row2) Sizing(None) Alignment(BottomRight) Flow(Left) Marginbottom(4) Marginright(4)
 
   Define_Com Class(#PRIM_LABL) Name(#Label1) Caption('Heading Area') Displayposition(1) Ellipses(Word) Height(59) Left(0) Parent(#COM_OWNER) Tabposition(1) Tabstop(False) Top(0) Verticalalignment(Center) Width(761) Alignment(Center) Style(#Style1)
   Define_Com Class(#EMPNO.Visual) Name(#EMPNO) Componentversion(1) Displayposition(2) Height(21) Parent(#COM_OWNER) Tabposition(2) Top(63) Usepicklist(False) Width(251) Left(4)
   Define_Com Class(#SURNAME.Visual) Name(#SURNAME) Displayposition(3) Parent(#COM_OWNER) Tabposition(3) Top(88) Left(4)
   Define_Com Class(#GIVENAME.Visual) Name(#GIVENAME) Displayposition(4) Parent(#COM_OWNER) Tabposition(4) Top(113) Left(4)
   Define_Com Class(#ADDRESS1.Visual) Name(#ADDRESS1) Displayposition(5) Parent(#COM_OWNER) Tabposition(5) Top(138) Left(4)
   Define_Com Class(#ADDRESS2.Visual) Name(#ADDRESS2) Componentversion(1) Displayposition(6) Height(21) Parent(#COM_OWNER) Tabposition(6) Top(163) Usepicklist(False) Width(537) Left(4)
   Define_Com Class(#ADDRESS3.Visual) Name(#ADDRESS3) Componentversion(1) Displayposition(7) Height(21) Parent(#COM_OWNER) Tabposition(7) Top(188) Usepicklist(False) Width(537) Left(4)
   Define_Com Class(#POSTCODE.Visual) Name(#POSTCODE) Componentversion(1) Displayposition(8) Height(21) Parent(#COM_OWNER) Tabposition(8) Top(213) Usepicklist(False) Width(266) Left(4)
   Define_Com Class(#PHONEHME.Visual) Name(#PHONEHME) Componentversion(1) Displayposition(9) Height(21) Parent(#COM_OWNER) Tabposition(9) Top(238) Usepicklist(False) Width(394) Left(4)
   Define_Com Class(#PHONEBUS.Visual) Name(#PHONEBUS) Componentversion(1) Displayposition(12) Height(21) Parent(#COM_OWNER) Tabposition(10) Top(263) Usepicklist(False) Width(394) Left(4)
   Define_Com Class(#PRIM_PHBN) Name(#Save) Caption('Save') Displayposition(11) Left(593) Parent(#COM_OWNER) Tabposition(11) Top(372)
   Define_Com Class(#PRIM_PHBN) Name(#Close) Caption('Close') Displayposition(10) Left(677) Parent(#COM_OWNER) Tabposition(12) Top(372)
 
 End_Com

ﾌﾟﾛﾊﾟﾃｨ

イベント

参照

すべてのコンポーネント クラス

テクニカルリファレンス

2018 - V14SP1