エキスパンダー パネルの展開、折りたたみの方法を指定します

PRIM_MD.Expander (PRIM_MD.Expander) のメンバ

ﾃﾞｰﾀ ﾀｲﾌﾟ - 列挙

詳細

ViewStyle は、エキスパンション パネルの表示方法や、エキスパンダー (PRIM_MD.Expander)内での処理方法を指定します。

次の値が利用できます。

例

次の例では、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

参照

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

テクニカルリファレンス

EPC142030 February 2019