조회조건인 SearchBox부분과 리스트부분인 ContentBox로 구성되어 있다.
<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>
<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”>
<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>