エキスパンダーパネルの展開、折りたたみの方法を指定します |
PRIM_MD.Expander (PRIM_MD.Expander) のメンバ
データタイプ - 列挙
ViewStyle は、エキスパンション パネル の表示方法や、エキスパンダー (PRIM_MD.Expander) 内での処理方法を指定します。
列挙値 | 説明 |
|---|---|
Accordion | 一回に 1 つのエクスパンション パネルを展開できるようにし、別のパネルが展開されると、自動的にパネルを折りたたみます。 |
Simple | 複数のエクスパンション パネルの展開を可能にします。 |
次の例では、2 つの エキスパンダー が左右に並べて表示され、それぞれに 3 つの エキスパンダー パネル があります。
左側のエキスパンダーの viewstyle は accordion です。
右側のエキスパンダーの viewstyle は simple です。
Begin_Com Role(*EXTENDS #PRIM_WEB) Theme(#SYS_THEME) Layoutmanager(#LayoutMain)
Define_Com Class(#PRIM_TBLO) Name(#LayoutMain)
Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutMainColumn1) Displayposition(1) Parent(#LayoutMain)
Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutMainColumn2) Displayposition(2) Parent(#LayoutMain)
Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutMainRow1) Displayposition(2) Parent(#LayoutMain)
Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutMainRow2) Displayposition(1) Parent(#LayoutMain) Height(60) Units(Pixels)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMainItem1) Alignment(TopCenter) Column(#LayoutMainColumn1) Manage(#Expander) Parent(#LayoutMain) Row(#LayoutMainRow1)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMainItem2) Alignment(TopCenter) Column(#LayoutMainColumn2) Manage(#Expander1) Parent(#LayoutMain) Row(#LayoutMainRow1)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMainItem3) Alignment(TopLeft) Column(#LayoutMainColumn2) Manage(#Text1) Parent(#LayoutMain) Row(#LayoutMainRow2)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMainItem4) Alignment(TopLeft) Column(#LayoutMainColumn1) Manage(#Text) Parent(#LayoutMain) Row(#LayoutMainRow2)
Define_Com Class(#PRIM_TBLO) Name(#ExpanderPanelLayout)
Define_Com Class(#PRIM_TBLO.Column) Name(#ExpanderPanelLayoutColumn1) Displayposition(1) Parent(#ExpanderPanelLayout)
Define_Com Class(#PRIM_TBLO.Row) Name(#ExpanderPanelLayoutRow1) Displayposition(1) Parent(#ExpanderPanelLayout)
Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayoutItem1) Alignment(TopCenter) Column(#ExpanderPanelLayoutColumn1) Flow(Down) Manage(#Label) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout) Row(#ExpanderPanelLayoutRow1) Sizing(ContentHeightFitToWidth)
Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayoutItem2) Alignment(TopCenter) Column(#ExpanderPanelLayoutColumn1) Flow(Down) Manage(#Label1) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout) Row(#ExpanderPanelLayoutRow1) Sizing(ContentHeightFitToWidth)
Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayoutItem3) Alignment(TopCenter) Column(#ExpanderPanelLayoutColumn1) Flow(Down) Manage(#Label2) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout) Row(#ExpanderPanelLayoutRow1) Sizing(ContentHeightFitToWidth)
Define_Com Class(#PRIM_TBLO) Name(#ExpanderPanelLayout1)
Define_Com Class(#PRIM_TBLO.Column) Name(#ExpanderPanelLayout1Column1) Displayposition(1) Parent(#ExpanderPanelLayout1)
Define_Com Class(#PRIM_TBLO.Row) Name(#ExpanderPanelLayout1Row1) Displayposition(1) Parent(#ExpanderPanelLayout1)
Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayout1Item1) Alignment(TopCenter) Column(#ExpanderPanelLayout1Column1) Flow(Down) Manage(#Label3) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout1) Row(#ExpanderPanelLayout1Row1) Sizing(ContentHeightFitToWidth)
Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayout1Item2) Alignment(TopCenter) Column(#ExpanderPanelLayout1Column1) Flow(Down) Manage(#Label4) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout1) Row(#ExpanderPanelLayout1Row1) Sizing(ContentHeightFitToWidth)
Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayout1Item3) Alignment(TopCenter) Column(#ExpanderPanelLayout1Column1) Flow(Down) Manage(#Label5) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout1) Row(#ExpanderPanelLayout1Row1) Sizing(ContentHeightFitToWidth)
Define_Com Class(#PRIM_MD.Expander) Name(#Expander) Displayposition(1) Height(740) Parent(#COM_OWNER) Tabposition(1) Width(600) Top(60) Viewstyle(Accordion)
Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel) Caption('Expander Panel 1') Displayposition(1) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout) Parent(#Expander) Tabposition(1) Width(600)
Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel1) Caption('Expander Panel 2') Displayposition(2) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout) Parent(#Expander) Tabposition(2) Top(150) Width(600)
Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel2) Caption('Expander Panel 3') Displayposition(3) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout) Parent(#Expander) Tabposition(3) Top(300) Width(600)
Define_Com Class(#PRIM_MD.Label) Name(#Label) Caption('Lorem ipsum dolor sit amet, gravida ultrices, neque id, leo nonummy. Tellus imperdiet, vivamus mi ultricies, proin varius lorem. Lorem ultricies, ut wisi. Turpis dolore. A nonummy.') Captionalignment(TopLeft) Displayposition(1) Left(16) Parent(#ExpanderPanel) Tabposition(1) Top(56) Width(566) Wordwrap(True)
Define_Com Class(#PRIM_MD.Label) Name(#Label1) Caption('Lorem ipsum dolor sit amet, gravida ultrices, neque id, leo nonummy. Tellus imperdiet, vivamus mi ultricies, proin varius lorem. Lorem ultricies, ut wisi. Turpis dolore. A nonummy.') Captionalignment(TopLeft) Displayposition(1) Left(16) Parent(#ExpanderPanel1) Tabposition(1) Top(56) Width(566) Wordwrap(True)
Define_Com Class(#PRIM_MD.Label) Name(#Label2) Caption('Lorem ipsum dolor sit amet, gravida ultrices, neque id, leo nonummy. Tellus imperdiet, vivamus mi ultricies, proin varius lorem. Lorem ultricies, ut wisi. Turpis dolore. A nonummy.') Captionalignment(TopLeft) Displayposition(1) Left(16) Parent(#ExpanderPanel2) Tabposition(1) Top(56) Width(566) Wordwrap(True)
Define_Com Class(#PRIM_MD.Expander) Name(#Expander1) Displayposition(2) Height(740) Left(600) Parent(#COM_OWNER) Tabposition(2) Width(600) Top(60)
Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel3) Caption('Expander Panel 1') Displayposition(1) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout1) Parent(#Expander1) Tabposition(1) Width(600)
Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel4) Caption('Expander Panel 2') Displayposition(2) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout1) Parent(#Expander1) Tabposition(2) Top(150) Width(600)
Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel5) Caption('Expander Panel 3') Displayposition(3) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout1) Parent(#Expander1) Tabposition(3) Top(300) Width(600)
Define_Com Class(#PRIM_MD.Label) Name(#Label3) Caption('Lorem ipsum dolor sit amet, gravida ultrices, neque id, leo nonummy. Tellus imperdiet, vivamus mi ultricies, proin varius lorem. Lorem ultricies, ut wisi. Turpis dolore. A nonummy.') Captionalignment(TopLeft) Displayposition(1) Left(16) Parent(#ExpanderPanel3) Tabposition(1) Top(56) Width(566) Wordwrap(True)
Define_Com Class(#PRIM_MD.Label) Name(#Label4) Caption('Lorem ipsum dolor sit amet, gravida ultrices, neque id, leo nonummy. Tellus imperdiet, vivamus mi ultricies, proin varius lorem. Lorem ultricies, ut wisi. Turpis dolore. A nonummy.') Captionalignment(TopLeft) Displayposition(1) Left(16) Parent(#ExpanderPanel4) Tabposition(1) Top(56) Width(566) Wordwrap(True)
Define_Com Class(#PRIM_MD.Label) Name(#Label5) Caption('Lorem ipsum dolor sit amet, gravida ultrices, neque id, leo nonummy. Tellus imperdiet, vivamus mi ultricies, proin varius lorem. Lorem ultricies, ut wisi. Turpis dolore. A nonummy.') Captionalignment(TopLeft) Displayposition(1) Left(16) Parent(#ExpanderPanel5) Tabposition(1) Top(56) Width(566) Wordwrap(True)
Define_Com Class(#PRIM_MD.Label) Name(#Text) Caption('ViewStyle: Accordion') Displayposition(3) Left(0) Parent(#COM_OWNER) Tabposition(3) Top(0) Height(60) Width(600)
Define_Com Class(#PRIM_MD.Label) Name(#Text1) Caption('ViewStyle: Simple') Displayposition(4) Left(600) Parent(#COM_OWNER) Tabposition(4) Top(0) Height(60) Width(600)
End_Com