사용자 도구

사이트 도구


white:h5_jsp_layout

JSP 파일생성 (참조 flm0010.jsp) <h5:Layout>

조회조건인 SearchBox부분과 리스트부분인 ContentBox로 구성되어 있다.

  • h5:Layout
    • h5:SearchBox
      • h5:Grid
        • h5:GridRow
          • h5:GridColumn
            • h5:Label
            • h5:TextInput
            • h5:Label
            • h5:ComboBox
      • h5:ActionBox
        • h5:SearchButton
    • h5:ContentBox
      • h5:TitleBox
        • h5:ActionBox
          • h5:NewButton
          • h5:SaveButton
      • h5:DataGrid
        • h5:DataGridHeaderRow
          • h5:DataGridHeaderColumn
            • h5:Label
        • h5:DataGridBodyRow
          • h5:DataGridColumn
            • h5:TextInput
            • h5:ComboBox
            • h5:CheckBox
    • h5:LayoutBox
    • h5:Grid
      • h5:GridRow
        • h5:GridColumn

Sample

<h5:Layout>

<h5:SearchBox> → 조회조건 → 조회조건에 바인딩되는 메시지는 조회조건으로 등록한 메시지이다. <h5:Grid id=“search1” dataProvider=“ME_FLM0010_01”> <h5:GridRow> → showAsMandatory는 필수값을 나타내는 이미지 출력 여부

<h5:GridColumn showAsMandatory="true">           

→ labelCode에는 다국어관리에 등록한 어휘를 입력한다. 다국어관리는 아래에서설명 <h5:Label label=“검색어” labelCode=“”></h5:Label> </h5:GridColumn>

→ 검색어라는 항목에 바인딩되는 메시지의 값 → 바인딩되는 메시지의 값은 searchValue 이며 mandatory(필수값)=true 이다. <h5:GridColumn> <h5:TextInput id=“searchValue” bindingColumn=“searchValue” mandatory=“true”> </h5:TextInput> </h5:GridColumn> <h5:GridColumn> <h5:Label label=“어휘유형” labelCode=“”></h5:Label> </h5:GridColumn> <h5:GridColumn>

  1. > 콤보박스의 경우 listProvider는 상단의 코드정의에서 등록한 코드를 등록한다.

<h5:ComboBox id=“type” bindingColumn=“type” listProvider=“langTypeCd” > </h5:ComboBox> </h5:GridColumn> </h5:GridRow> </h5:Grid> <h5:ActionBox> <h5:SearchButton actionName=“retrieve” label=“조회” labelCode=“BTN_RETRIEVE”> </h5:SearchButton> </h5:ActionBox> </h5:SearchBox>

→ 리스트내역 <h5:ContentBox> <h5:TitleBox label=“어휘관리”“ labelCode=”“> <h5:ActionBox>

<h5:NewButton actionName="new" label="입력" labelCode="NEW"/>
<h5:SaveButton actionName="save" label="저장" labelCode="SAVE"/>

</h5:ActionBox> </h5:TitleBox> → 리스트에 바인딩되는 메시지는 조회결과 메시지로 등록한 메시지이다. <h5:DataGrid id=“mySheet1” dataProvider=“ME_FLM0010_02” width=“100%” height=“100%” showSeq=“true” showStatus=“true” showDelete=“true”>

  1. > 헤더를 정의한다.

<h5:DataGridHeaderRow headerCheck=“false”> <h5:DataGridHeaderColumn> <h5:Label label=“언어정의ID” labelCode=”“ /> </h5:DataGridHeaderColumn> <h5:DataGridHeaderColumn> <h5:Label label=“언어구분” labelCode=”“ /> </h5:DataGridHeaderColumn> <h5:DataGridHeaderColumn> <h5:Label label=“정의” labelCode=”“ /> </h5:DataGridHeaderColumn> <h5:DataGridHeaderColumn> <h5:Label label=“항목명” labelCode=”“ /> </h5:DataGridHeaderColumn> <h5:DataGridHeaderColumn> <h5:Label label=“순서” labelCode=”“ /> </h5:DataGridHeaderColumn> <h5:DataGridHeaderColumn> <h5:Label label=“기본다운로드여부” labelCode=”“ /> </h5:DataGridHeaderColumn> <h5:DataGridHeaderColumn> <h5:Label label=“비고” labelCode=”“ /> </h5:DataGridHeaderColumn> </h5:DataGridHeaderRow> → 실제 출력되는 리스트를 정의한다. <h5:DataGridBodyRow> <h5:DataGridColumn align=“center” hidden=“true” width=“60”> <h5:TextInput id=“lang_def_id” bindingColumn=“lang_def_id”/> </h5:DataGridColumn> <h5:DataGridColumn align=“center” width=“100”> <h5:ComboBox id=“lang_def_type” bindingColumn=“lang_def_type” listProvider=“langTypeCd”/> </h5:DataGridColumn> <h5:DataGridColumn align=“left” width=“220”> <h5:TextInput id=“item_def” bindingColumn=“item_def”/> </h5:DataGridColumn> <h5:DataGridColumn align=“left” width=“220”> <h5:TextInput id=“item_nm” bindingColumn=“item_nm”/> </h5:DataGridColumn> <h5:DataGridColumn align=“center” width=“100”> <h5:TextInput id=“seq” bindingColumn=“seq”/> </h5:DataGridColumn> <h5:DataGridColumn align=“center” width=“100”> <h5:CheckBox id=“init_down_yn” bindingColumn=“init_down_yn”/> </h5:DataGridColumn> <h5:DataGridColumn align=“left” width=“200”> <h5:TextInput id=“note” bindingColumn=“note”/> </h5:DataGridColumn> </h5:DataGridBodyRow> </h5:DataGrid> </h5:ContentBox> </h5:Layout>

white/h5_jsp_layout.txt · 마지막으로 수정됨: 2025/04/15 10:05 저자 127.0.0.1