<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230609" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_books" repeatNode="map" style="" valueAttribute="" saveRemovedData="true"
					removedDataMatch="true" removeDummyRowStatus="false">
					<w2:columnInfo>
						<w2:column dataType="text" id="book_name" name="도서명"></w2:column>
						<w2:column id="published_date" name="출간일" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<book_name><![CDATA[신규 도서]]></book_name>
							<published_date><![CDATA[99991231]]></published_date>
						</w2:row>
						<w2:row>
							<book_name><![CDATA[사람일까 상황일까]]></book_name>
							<published_date><![CDATA[20190826]]></published_date>
						</w2:row>
						<w2:row>
							<book_name><![CDATA[내가 틀릴 수도 있습니다]]></book_name>
							<published_date><![CDATA[20220418]]></published_date>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label="DataList의 함수 'setBroadcast'를 통해 Broadcast 기능을 비활성화했을 때의 동작을 확인할 수 있습니다." style=""></w2:textbox>
				<w2:textbox escape="false" id=""
					label="DataList의 Broadcast 기능은 DataList의 데이터가 변경 시, 연결된 컴포넌트에 데이터를 전파(반영)하는 기능입니다.
기본 설정값은 true이며, 데이터 변경 시 DataList와 연결된 컴포넌트가 즉시 갱신됩니다.
DataList의 함수 'setBroadcast'를 이용해 이 기능을 활성화 또는 비활성화할 수 있습니다."
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id=""
					label="일반 적으로 DataList의 함수 'setBroadcast'는 DataList가 GridView와 연결되어 있으며, 스크립트로 대량의 데이터를 조작(추가, 수정, 삭제)할 때 사용합니다.
특히 데이터의 추가, 삭제(remove)가 발생하는 경우 화면의 속도를 개선할 수 있습니다."
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id=""
					label="사용 방식은 다음과 같습니다.
1. Broadcast 기능을 비활성화합니다.
2. 대량의 데이터를 조작하는 스크립트를 실행합니다. (스크립트 실행 중 오류 발생으로 Broadcast 기능을 활성화하지 못하는 것을 방지하기 위해 'try/catch'를 사용합니다.)
3. Broadcast 기능을 활성화하여 컴포넌트를 갱신합니다."
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id="" label="버튼을 클릭하면 '로그 확인' 영역과 브라우저 개발자도구의 콘솔에 로그가 출력됩니다." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_td_style no_padding" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_cm" disabled="" escape="false" id="btn_initData" style="" type="button"
								ev:onclick="scwin.btn_initData_onclick">
								<xf:label><![CDATA[DataList 초기화]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_cm" disabled="" escape="false" ev:onclick="scwin.btn_exam2_onclick" id="btn_exam2" style=""
								type="button">
								<xf:label><![CDATA[데이터 수정 스크립트 실행하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" ev:onclick="scwin.btn_exam4_onclick"
								id="btn_exam4" style="" type="button">
								<xf:label><![CDATA[Broadcast 상태 확인하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" ev:onclick="scwin.btn_exam1_onclick"
								id="btn_exam1" style="" type="button">
								<xf:label><![CDATA[Broadcast 비활성화하기]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" ev:onclick="scwin.btn_exam3_onclick"
								id="btn_exam3" style="" type="button">
								<xf:label><![CDATA[Broadcast 활성화하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="280" class="gvw mb10" dataList="data:dlt_books" defaultCellHeight="24"
							id="grd_exam1" keepDefaultColumnWidth="true" readOnly="true" rowNumVisible="true" rowNumWidth="26" rowStatusVisible="true"
							rowStatusWidth="30" style="height:100px;" visibleRowNum="all" visibleRowNumFix="true">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="162"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="출간일" width="83"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" value="" width="162"></w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="published_date" inputType="text" width="83">
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
						<w2:textbox class="com_example_heading mb10" id="" label="선택된 GridView의 행" style=""></w2:textbox>
						<xf:group class="tblbox" id="" style="">
							<xf:group adaptive="layout" adaptiveThreshold="600" class="w2tb tbl no_padding" id="" style="" tagname="table">
								<w2:attributes>
									<w2:summary></w2:summary>
								</w2:attributes>
								<xf:group tagname="colgroup">
									<xf:group style="width:90px;" tagname="col"></xf:group>
									<xf:group style="" tagname="col"></xf:group>
								</xf:group>
								<xf:group style="" tagname="tr">
									<xf:group class="w2tb_th" style="" tagname="th">
										<w2:textbox class="" id="" label="도서명" ref="" style="" userData2=""></w2:textbox>
									</xf:group>
									<xf:group class="w2tb_td" style="" tagname="td">
										<xf:input class="" id="" placeholder="" ref="data:dlt_books.book_name" style="width:100%;"></xf:input>
									</xf:group>
								</xf:group>
								<xf:group tagname="tr">
									<xf:group class="w2tb_th " tagname="th">
										<w2:attributes>
											<w2:scope>row</w2:scope>
										</w2:attributes>
										<w2:textbox class="" id="" label="출간일" ref="" style="" userData2=""></w2:textbox>
									</xf:group>
									<xf:group class="w2tb_td" tagname="td">
										<w2:attributes>
											<w2:colspan>1</w2:colspan>
											<w2:rowspan>1</w2:rowspan>
										</w2:attributes>
										<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" footerDiv="true" id=""
											ref="data:dlt_books.published_date" renderDiv="true" renderType="" rightAlign="false" style="width: 100px;">
										</w2:inputCalendar>
									</xf:group>
								</xf:group>
							</xf:group>
						</xf:group>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_th_style" id="">
						<w2:span class="mr_def txt_blue" id="" label="로그 확인" style=""></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

    	<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230320" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
    	<w2:type>COMPONENT</w2:type>
    	<w2:buildDate />
    	<w2:MSA />
    	<xf:model>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList baseNode="list" id="dlt_list" repeatNode="map" saveRemovedData="true" style="">
    				<w2:columnInfo>
    					<w2:column dataType="text" id="City" name="Label"></w2:column>
    					<w2:column dataType="text" id="Code" name="Code"></w2:column>
    				</w2:columnInfo>
    				<w2:data use="true">
    					<w2:row>
    						<City><![CDATA[Seoul]]></City>
    						<![CDATA[SE]]>
    					</w2:row>
    					<w2:row>
    						<City><![CDATA[Paris]]></City>
    						<![CDATA[PA]]>
    					</w2:row>
    					<w2:row>
    						<City><![CDATA[London]]></City>
    						<![CDATA[LN]]>
    					</w2:row>
    					<w2:row>
    						<City><![CDATA[Beijing]]></City>
    						<![CDATA[BJ]]>
    					</w2:row>
    				</w2:data>
    			</w2:dataList>
    		</w2:dataCollection>
    		<w2:workflowCollection />
    	</xf:model>
    	<w2:layoutInfo />
    	<w2:publicInfo method="" />

    	<xf:group class="sub_contents" id="" style="">
    		<xf:group class="ws_example_grp_desc" id="" style="">
    			<w2:textbox escape="false" id=""
    				label="AutoComplete의 chooseOptionLabel 속성으로 정의한 값을 선택 목록에 표시하기, 숨기기, 변경하는 예제입니다." style="margin-bottom: 10px;">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="example_div_tb_style_wrap mb_def" id="" style="">
    			<xf:group class="example_div_tr_style" id="" style="">
    				<w2:textbox class="example_div_th_style" escape="false" id="" label="AutoComplete" style=""></w2:textbox>
    				<xf:group class="example_div_td_style" id="" style="">
    					<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
    						label='AutoComplete에서 값을 선택하면 우측에 Code 값이 표시됩니다.<br/>DataList 영역에서 Label이나 코드를 수정하게 되면 연동된 DataCollection의 값이 변경되어 AutoComplete의 선택 목록이 갱신되는 것을 확인할 수 있습니다.'
    						style="">
    					</w2:textbox>
    					<xf:group class="mb_def_box nobottom" id="" style="">
    						<xf:input adjustMaxLength="false" id="ibx_chooseOptionLabel" style="width: 150px;margin-right: 5px;"
    							class="w2input" placeholder="Label">
    						</xf:input>
    						<xf:input adjustMaxLength="false" class="w2input" id="ibx_chooseOptionValue"
    							style="width: 150px;margin-right: 10px;" placeholder="Value">
    						</xf:input>
    					</xf:group>
    					<xf:group id="" class="mb_def_box nobottom">
    						<xf:trigger ev:onclick="scwin.btn_set_chooseoption_onclick" disabled="" style="width: 150px;"
    							id="btn_set_chooseoption" type="button" class="btn_exam_exec btn_txt_of" escape="false">
    							<xf:label><![CDATA[chooseOption 설정하기]]></xf:label>
    						</xf:trigger>
    						<xf:trigger disabled="" style="width: 150px;" id="btn_hide_chooseoption" type="button"
    							class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_hide_chooseoption_onclick">
    							<xf:label><![CDATA[chooseOptions 숨기기]]></xf:label>
    						</xf:trigger>
    					</xf:group>
    					<xf:group id="" style="" class="mb_def_box nobottom">
    						<w2:autoComplete submenuSize="auto" search="start" editType="select" useKeywordHighlight="false"
    							style="width: 150px;" id="acb1" useLocale="false" class="" allOption="" chooseOption="true" ref="" autoFocus="true"
    							chooseOptionLabel="- 선택 -">
    							<w2:choices>
    								<w2:itemset nodeset="data:dlt_list">
    									<w2:label ref="City"></w2:label>
    									<w2:value ref="Code"></w2:value>
    								</w2:itemset>
    							</w2:choices>
    						</w2:autoComplete>
    						<w2:span label="" style="color: red;font-weight: bold;margin-left: 15px" id="spn_value"></w2:span>
    					</xf:group>

    				</xf:group>

    			</xf:group>
    			<xf:group class="example_div_tr_style" id="" style="">
    				<xf:group class="example_div_th_style" id="">
    					<w2:span class="mr_def txt_blue" id="" label="로그 확인" style=""></w2:span>
    					<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
    						title="로그 삭제" type="button">
    						<xf:label><![CDATA[검색 취소]]></xf:label>
    					</xf:trigger>
    				</xf:group>
    				<xf:group class="example_div_td_style" id="" style="">
    					<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    	</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230228" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='displayFormatter 속성에 사용자 함수를 지정하는 예제입니다.
displayFormatter 속성으로 함수명을 지정하고 스크립트에서 해당 함수를 별도로 정의해야 합니다.
이 기능은 아래의 속성으로 사용할 수 있습니다.
- dataType : Input의 dataType을 명시
- displayFormatter : 스크립트에서 선언한 함수명 기재'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="속성 'displayFormatter'에 사용자 함수 지정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label='소문자 알파뱃 입력 후 Input에서 focus out 또는 Blur 시점에 사용자 함수에 의해 대문자 알파뱃으로 포맷이 변화되는 것을 확인할 수 있습니다.

ex) 입력값 : abcdefgh -> 출력값 : ABCDEFGH'
							style="" displayFormat="">
						</w2:textbox>
						<w2:textbox class="txt_info_important" escape="false" id="" label="※Input에 포커스를 주면 처음에 입력한 값으로 돌아옵니다." style="">
						</w2:textbox>
						<xf:input class="" id="ibx_exam2" maxByteLength="8" style="min-width:120px;" dataType="text"
							displayFormatter="scwin.toUpperCaseFormatter">
						</xf:input>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date=" 20230719" meta_user="InswaveSystems"></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_books_1" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="GridView의 바디 컬럼 또는 바디 셀 또는 헤더 셀의 스타일을 스크립트로 변경하는 예제입니다.
다음의 GridView 함수로 구현할 수 있습니다.
- setColumnStyle: 바디 컬럼의 스타일을 적용합니다.
- setCellStyle: 바디 셀의 스타일을 적용합니다.
- setHeaderStyle : 헤더 셀의 스타일을 적용합니다."
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id=""
					label="보통 Style을 직접 제어하는 것 보다는 CSS파일에 Class를 정의하여 적용하는 방식으로 사용합니다.
(적용한 Style의 초기화가 용이하지 않습니다.)
다음은 Class를 적용하는 주요 함수 목록입니다.
- setColumnClass
- setCellClass
- setHeaderClass"
					style="" class="ws_example_txt_desc_info">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger id="btn_exam1_1" style="" type="button" class="btn_exam_exec btn_txt_of"
								ev:onclick="scwin.btn_exam1_1_onclick">
								<xf:label><![CDATA[바디 컬럼 '도서명'의 배경색을 '#FFB6C1'으로 변경하기]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" id="btn_exam1_2" style="" type="button"
								ev:onclick="scwin.btn_exam1_2_onclick">
								<xf:label><![CDATA[바디 컬럼 '분류'의 두 번째 셀의 글자색을 '#1E90FF'로 변경하기]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_exam1_3_onclick" id="btn_exam1_3" style=""
								type="button">
								<xf:label><![CDATA[헤더 컬럼 '도서명'의 글자색을 '#DC143C'으로 변경하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group id="" class="mb_def_box nobottom" style="">
							<w2:gridView autoFit="lastColumn" autoFitMinWidth="170" class="gvw" dataList="data:dlt_books_1"
								defaultCellHeight="24" id="grd_exam" initFixedHeightByRowNum="4" readOnly="true" rowNumWidth="26" style="height:60px;"
								tooltipDisplay="true" visibleRowNum="4" rowNumVisible="true" fastScroll="true">
								<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
								<w2:header id="header1" style="">
									<w2:row id="row1" style="">
										<w2:column displayMode="label" id="h_categoryLabel" inputType="text" value="분류" width="70"></w2:column>
										<w2:column displayMode="label" id="h_label" inputType="text" value="도서명" width="100"></w2:column>
									</w2:row>
								</w2:header>
								<w2:gBody id="gBody1" style="">
									<w2:row id="row2" style="">
										<w2:column displayMode="label" id="categoryLabel" inputType="text" width="70"></w2:column>
										<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="100"></w2:column>
									</w2:row>
								</w2:gBody>
							</w2:gridView>
						</xf:group>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230704" meta_user="InswaveSystems"></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_books_1" repeatNode="map">
					<w2:columnInfo>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
						<w2:column id="price" name="정가" dataType="number"></w2:column>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_books_2" repeatNode="map">
					<w2:columnInfo>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
						<w2:column id="price" name="정가" dataType="number"></w2:column>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_dataType" repeatNode="map">
					<w2:columnInfo>
						<w2:column dataType="text" id="dataType_text" name="text 형"></w2:column>
						<w2:column dataType="number" id="dataType_number" name="number 형"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label="스크립트로 DataList의 컬럼의 데이터를 정렬하는 예제입니다." style=""></w2:textbox>
				<w2:textbox escape="false" id=""
					label="이 예제는 DataList의 함수가 세 가지 사용되었으며, 다음과 같습니다.
- 단건 컬럼 정렬 : sort
- 다건 컬럼 정렬 : multisort
- 정렬 취소 : clearSort"
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id="" label="숫자형 정렬을 적용하려면, DataList의 컬럼 속성 'dataType'의 설정 값을 'number' 또는 'bigDecimal'로 지정해야 합니다." style=""></w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" id="" label="버튼을 클릭하여 GridView의 출력 결과를 비교합니다." style=""
					escape="false">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="단건 컬럼 정렬하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_cm" disabled="" escape="false" id="btn_sortInit_1" style="" type="button"
								ev:onclick="scwin.btn_sortInit_1_onclick">
								<xf:label><![CDATA[1.0 DataList의 정렬 해제]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_1_onclick"
								id="btn_exam1_1" style="" type="button">
								<xf:label><![CDATA[1.1 컬럼 '분류'를 오름차순으로 정렬하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_2_onclick"
								id="btn_exam1_2" style="" type="button">
								<xf:label><![CDATA[1.2 컬럼 '도서명'을 내림차순으로 정렬하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:textbox class="ws5_exam_txt_caption" escape="false" id="" label="데이터 확인용 GridView" style=""></w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="220" class="gvw" dataList="data:dlt_books_1"
							defaultCellHeight="24" id="grd_exam_1" initFixedHeightByRowNum="4" readOnly="true" rowNumWidth="26" style="height:60px;"
							tooltipDisplay="true" visibleRowNum="4">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" value="분류" width="70"></w2:column>
									<w2:column displayMode="label" id="column4" inputType="text" value="정가" width="50"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="price" inputType="text" value="" width="50" textAlign="right"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="100"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="다건 컬럼 정렬하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_cm" disabled="" escape="false" id="btn_sortInit_2" style="" type="button"
								ev:onclick="scwin.btn_sortInit_2_onclick">
								<xf:label><![CDATA[2.0 DataList의 정렬 해제]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam2_1_onclick"
								id="btn_exam2_1" style="" type="button">
								<xf:label><![CDATA[2.1 컬럼 '분류'를 오름차순으로, 컬럼 '도서명'을 내림차순으로 정렬하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:textbox class="ws5_exam_txt_caption" escape="false" id="" label="데이터 확인용 GridView" style=""></w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="220" class="gvw" dataList="data:dlt_books_2"
							defaultCellHeight="24" id="" initFixedHeightByRowNum="4" readOnly="true" rowNumWidth="26" style="height:60px;" tooltipDisplay="true"
							visibleRowNum="4">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" value="분류" width="70"></w2:column>
									<w2:column displayMode="label" id="column4" inputType="text" value="정가" width="50"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="price" inputType="text" value="" width="50" textAlign="right"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="100"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="숫자형 컬럼 정렬하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_cm" disabled="" escape="false" ev:onclick="scwin.btn_sortInit_3_onclick"
								id="btn_sortInit_3" style="" type="button">
								<xf:label><![CDATA[3.0 DataList의 정렬 해제]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam3_1_onclick"
								id="btn_exam3_1" style="" type="button">
								<xf:label><![CDATA[3.1 'dataType="text"'를 오름차순으로 정렬하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam3_2_onclick"
								id="btn_exam3_2" style="" type="button">
								<xf:label><![CDATA[3.2 'dataType="number"'를 오름차순으로 정렬하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:textbox class="ws5_exam_txt_caption" escape="false" id="" label="데이터 확인용 GridView" style=""></w2:textbox>
						<w2:gridView class="gvw" dataList="data:dlt_dataType" defaultCellHeight="24" id="" readOnly="true" rowNumWidth="26"
							style="height:60px;" tooltipDisplay="true" visibleRowNum="all" initFixedHeightByRowNum="3">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" value='dataType="text"' width="120"></w2:column>
									<w2:column displayMode="label" id="column4" inputType="text" value='dataType="number"' width="140"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="dataType_text" inputType="text" textAlign="right" width="120"></w2:column>
									<w2:column displayMode="label" id="dataType_number" inputType="text" textAlign="right" width="140"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head meta_screenName="[WESE-187]wFrame 팝업을 지정한 WFrame 영역에 표시하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220729" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group id="" style="padding: 3px; border: 3px solid MidnightBlue;" class="">
				<w2:textbox id="" label="이곳은 컨텐츠 영역입니다. - P00056.xml" style="line-height: 2.6em;"></w2:textbox>
				<w2:wframe style="" id="wfm_depth1" src="/page/P00056S01.xml" frameModal="true"></w2:wframe>
			</xf:group>
		</xf:group>
	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220706" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection>
				<w2:dataList id="dc_gridViewData" baseNode="list" style="" repeatNode="map" valueAttribute="">
					<w2:columnInfo>
						<w2:column id="chk" name="dept" dataType="text" ignoreStatus="true" defaultValue="0"></w2:column>
						<w2:column id="dept" name="dept" dataType="text"></w2:column>
						<w2:column id="name" name="name" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<dept><![CDATA[인사]]></dept>
							<name><![CDATA[손예진]]></name>
						</w2:row>
						<w2:row>
							<dept><![CDATA[홍보]]></dept>
							<name><![CDATA[송강호]]></name>
						</w2:row>
						<w2:row>
							<dept><![CDATA[IT]]></dept>
							<name><![CDATA[전지현]]></name>
						</w2:row>
						<w2:row>
							<dept><![CDATA[인사]]></dept>
							<name><![CDATA[류승룡]]></name>
						</w2:row>
						<w2:row>
							<dept><![CDATA[홍보]]></dept>
							<name><![CDATA[이광수]]></name>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
			<xf:submission id="sub_save01"
				ref='data:json,[{"id":"dc_gridViewData","action":"inserted","key":"insertParam"},{"id":"dc_gridViewData","action":"deleted","key":"deleteParam"},{"id":"dc_gridViewData","action":"updated","key":"updateParam"}]'
				target="" action="/save01.do" method="post" mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler=""
				customHandler="" mode="asynchronous" processMsg="" ev:submit="" ev:submitdone="" ev:submiterror="scwin.sub_save01_submiterror">
			</xf:submission>
			<xf:submission id="sub_save02" ref='data:json,{"id":"dc_gridViewData","action":"modified"}' target="" action="/save01.do"
				method="post" mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous"
				processMsg="" ev:submit="" ev:submitdone="" ev:submiterror="scwin.sub_save02_submiterror">
			</xf:submission>
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="DataList의 상태별 데이터(추가/수정/삭제)를 제어하는 기본 method를 소개하고 시연하는 예제입니다.
버튼에 마우스를 올리면 실행된 기능의 설명이 툴팁으로 표현됩니다.
스크립트는 버튼의 onclick 이벤트 핸들러에서 확인할 수 있습니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." style="">
				</w2:textbox>
			</xf:group>

			<xf:group class="ofh" id="" style="max-width: 700px;">
				<xf:group id="" style="" class="fr mb_def_box nobottom">
					<xf:trigger class="com_example_btn_blue" ev:onclick="scwin.btn_setCRUDData_onclick" id="btn_setCRUDData" style=""
						tooltip="데이터를 추가,수정,삭제합니다." type="button">
						<xf:label><![CDATA[상태별 데이터 셋팅 - setCRUDData]]></xf:label>
					</xf:trigger>
					<xf:trigger class="com_example_btn_blue" ev:onclick="scwin.btn_reset_onclick" id="btn_reset" style=""
						tooltip="초기 데이터로 복원합니다." type="button">
						<xf:label><![CDATA[데이터 복원]]></xf:label>
					</xf:trigger>
					<xf:trigger class="btn_cm" ev:onclick="scwin.btn_reinitializePage_onclick" id="btn_reinitializePage" style=""
						tooltip="화면을 새로고칩니다." type="button">
						<xf:label><![CDATA[새로고침]]></xf:label>
					</xf:trigger>
				</xf:group>
				<xf:group class="fl mb_def_box nobottom" id="" style="">
					<xf:trigger class="btn_cm" ev:onclick="scwin.btn_insertRow_onclick" id="btn_insertRow" style="margin-right:6px;"
						tooltip="0번째 행에 빈 행을 추가합니다." type="button">
						<xf:label><![CDATA[행추가 - insertRow]]></xf:label>
					</xf:trigger>
					<xf:trigger class="btn_cm" ev:onclick="scwin.btn_removeRows_onclick" id="btn_removeRows" style=""
						tooltip="GridView의 체크박스에 체크된 행을 삭제합니다." type="button">
						<xf:label><![CDATA[선택 삭제 - removeRows]]></xf:label>
					</xf:trigger>
				</xf:group>
			</xf:group>
			<xf:group id="" class="gvwbox">
				<w2:gridView sortEvent="ondblclick" ev:oncellclick="scwin.grd_example_oncellclick" rowNumVisible="true" rowStatusWidth="34"
					selectedRowColor="#9ADDE4" rowNumHeaderValue="NO" scrollByColumn="false" sortable="true" rowStatusHeaderValue="상태" focusMode="row"
					rowStatusVisible="true" rowNumWidth="25" dataList="dc_gridViewData" style="height: 140px;margin-bottom:6px;max-width: 700px;"
					autoFit="allColumn" id="grd_example" visibleRowNum="all" class="gvw" defaultCellHeight="26" autoFitMinWidth="500">
					<w2:header style="" id="header1">
						<w2:row style="" id="row1">
							<w2:column width="30" inputType="checkbox" style="" id="column16" value="chk" blockSelect="false"></w2:column>
							<w2:column width="104" inputType="text" style="" id="column7" value="이름"></w2:column>
							<w2:column width="120" inputType="text" style="" id="column3" value="부서"></w2:column>
							<w2:column width="118" inputType="text" style="" id="column11" value="삭제 상태로 변경"></w2:column>
							<w2:column width="131" inputType="text" style="" id="column12" value="데이터 삭제" blockSelect="false"></w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody style="" id="gBody1">
						<w2:row style="" id="row2">
							<w2:column width="31" inputType="checkbox" style="" id="chk" blockSelect="false"></w2:column>
							<w2:column width="104" inputType="text" style="" id="name"></w2:column>
							<w2:column width="120" inputType="text" style="" id="dept"></w2:column>
							<w2:column width="118" inputType="button" style="" id="deleteBtn" class="" value="deleteRow"></w2:column>
							<w2:column width="131" inputType="button" style="" id="removeBtn" value="removeRow" blockSelect="false">
							</w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			</xf:group>
			<xf:group class="com_example_dl_code" id="" style="" tagname="dl">
				<w2:textbox class="" id="" label="Submission의 ref(reference) 속성에 정의하기" style="" tagname="dt"></w2:textbox>
				<xf:group id="" style="" tagname="dd">
					<w2:textbox id=""
						label="상태별 데이터는 일반적으로 서버로 보낼 때 많이 사용됩니다.
그래서 Submission의 reference속성에 각 상태별 데이터만 보낼수 있는 기능을 제공합니다." style="">
					</w2:textbox>
					<w2:textbox class="dp" id=""
						label="&lt;xf:submission id="sub_save01" action="/save01.do"
&nbsp;&nbsp;&nbsp;ref='data:json,[{"id":"dc_gridViewData","action":"modified","key":"modifiedParam"}]'&gt;
&lt;/xf:submission&gt;"
						style="" tagname="samp" escape="false">
					</w2:textbox>
					<xf:group class="mb_def_box nobottom" id="" style="">
						<xf:trigger class="btn_cm" ev:onclick="scwin.btn_sub_save01_onclick" id="btn_sub_save01" style=""
							tooltip="버튼을 클릭하기 전 GridView에 데이터의 상태를 변경하거나 [상태별 데이터 셋팅 - setCRUDData]버튼을 클릭하여 상태를 변경합니다.
GridView에 연결된 dc_gridViewData객체의 데이터를 상태별로 서버로 전송하는 예시로 sub_save01 submission의 Reference 설정을 확인합니다.
버튼을 클릭하면 서버로 전송된 requestBody가 alert으로 표현됩니다."
							type="button">
							<xf:label><![CDATA[상태별 데이터 전송]]></xf:label>
						</xf:trigger>
						<xf:trigger class="btn_cm" ev:onclick="scwin.btn_sub_save02_onclick" id="btn_sub_save02" style=""
							tooltip="버튼을 클릭하기 전 GridView에 데이터의 상태를 변경하거나 [상태별 데이터 셋팅 - setCRUDData]버튼을 클릭하여 상태를 변경합니다.
GridView에 연결된 dc_gridViewData객체의 데이터중 변경된 모든 데이터를 한번에 서버로 전송하는 예시로 sub_save02 submission의 Reference 설정을 확인합니다.
버튼을 클릭하면 서버로 전송된 requestBody가 alert으로 표현됩니다."
							type="button">
							<xf:label><![CDATA[modified 데이터 전송]]></xf:label>
						</xf:trigger>
					</xf:group>
				</xf:group>
				<w2:textbox class="" id="" label="DataList 객체의 Method를 이용하여 data 가져오기" style="" tagname="dt"></w2:textbox>
				<xf:group id="" style="" tagname="dd">
					<w2:textbox id=""
						label="DataList의 Method들 중 get[상태][데이터타입](getAllJSON)의 형식을 가진 Method가 해당됩니다.
대표적으로 JSON을 꺼내오는 주요 method는 다음과 같다.
getInsertedJSON, getUpdatedJSON, getDeletedJSON, getModifiedJSON, getAllJSON"
						style="" escape="false">
					</w2:textbox>
					<w2:textbox class="dp" id="" label="var modiArr = dataList1.getModifiedJSON( ); //추가, 삭제, 업데이트 상태의 데이터를 반환합니다." style=""
						tagname="samp" escape="false">
					</w2:textbox>
					<xf:group class="mb_def_box nobottom" id="" style="">
						<xf:trigger class="btn_cm" ev:onclick="scwin.btn_getInsertedJSON_onclick" id="btn_getInsertedJSON" style=""
							tooltip="dc_gridViewData에서 추가된 데이터를 가져옵니다." type="button">
							<xf:label><![CDATA[getInsertedJSON]]></xf:label>
						</xf:trigger>
						<xf:trigger class="btn_cm" ev:onclick="scwin.btn_getUpdatedJSON_onclick" id="btn_getUpdatedJSON" style=""
							tooltip="dc_gridViewData에서 수정된 데이터를 가져옵니다." type="button">
							<xf:label><![CDATA[getUpdatedJSON]]></xf:label>
						</xf:trigger>
						<xf:trigger class="btn_cm" ev:onclick="scwin.btn_getDeletedJSON_onclick" id="btn_getDeletedJSON" style=""
							tooltip="dc_gridViewData에서 삭제된 데이터를 가져옵니다." type="button">
							<xf:label><![CDATA[getDeletedJSON]]></xf:label>
						</xf:trigger>
						<xf:trigger class="btn_cm" ev:onclick="scwin.btn_getModifiedJSON_onclick" id="btn_getModifiedJSON" style=""
							tooltip="dc_gridViewData에서 추가/수정/삭제된 데이터를 가져옵니다." type="button">
							<xf:label><![CDATA[getModifiedJSON]]></xf:label>
						</xf:trigger>
						<xf:trigger class="btn_cm" ev:onclick="scwin.btn_getAllJSON_onclick" id="btn_getAllJSON" style=""
							tooltip="dc_gridViewData의 데이터를 가져옵니다. 단, removeRow로 데이터가 삭제된 경우는 제외됩니다." type="button">
							<xf:label><![CDATA[getAllJSON]]></xf:label>
						</xf:trigger>
					</xf:group>
				</xf:group>
				<w2:textbox class="" id="" label="DataCollection 객체의 Method를 이용하여 data 가져오기" style="" tagname="dt"></w2:textbox>
				<xf:group class="" id="" style="" tagname="dd">
					<w2:textbox id="" label="여러개의 DataList의 값을 꺼내올 때 사용합니다." style=""></w2:textbox>
					<w2:textbox class="" id=""
						label='var tmpGetOpt = {
 &nbsp;id : "dc_gridViewData"
 &nbsp;, action : "updated"
};
var dataArr = $p.data.get("JSON",[tmpGetOpt]);'
						style="" tagname="samp" escape="false">
					</w2:textbox>
					<xf:group class="mb_def_box nobottom" id="" style="">
						<xf:trigger class="btn_cm" ev:onclick="scwin.btn_actionInserted_onclick" id="btn_actionInserted" style=""
							tooltip="전체 데이터 객체(DataCollection)에서 dc_gridViewData 객체에 추가된 데이터를 가져옵니다." type="button">
							<xf:label><![CDATA[action - inserted]]></xf:label>
						</xf:trigger>
						<xf:trigger class="btn_cm" ev:onclick="scwin.btn_actionUpdated_onclick" id="btn_actionUpdated" style=""
							tooltip="전체 데이터 객체(DataCollection)에서 dc_gridViewData 객체에 수정된 데이터를 가져옵니다." type="button">
							<xf:label><![CDATA[action - updated]]></xf:label>
						</xf:trigger>
						<xf:trigger class="btn_cm" ev:onclick="scwin.btn_actionDeleted_onclick" id="btn_actionDeleted" style=""
							tooltip="전체 데이터 객체(DataCollection)에서 dc_gridViewData 객체에 삭제된 데이터를 가져옵니다." type="button">
							<xf:label><![CDATA[action - deleted]]></xf:label>
						</xf:trigger>
						<xf:trigger class="btn_cm" ev:onclick="scwin.btn_actionModified_onclick" id="btn_actionModified" style=""
							tooltip="전체 데이터 객체(DataCollection)에서 dc_gridViewData 객체에 추가/수정/삭제된 데이터를 가져옵니다." type="button">
							<xf:label><![CDATA[action - modified]]></xf:label>
						</xf:trigger>
						<xf:trigger class="btn_cm" ev:onclick="scwin.btn_actionAll_onclick" id="btn_actionAll" style=""
							tooltip="전체 데이터 객체(DataCollection)에서 dc_gridViewData 객체에 전체 데이터를 가져옵니다. 단, removeRow로 데이터가 삭제된 경우는 제외됩니다." type="button">
							<xf:label><![CDATA[action - all 또는 action 미정의]]></xf:label>
						</xf:trigger>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220907" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_exam" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="select" name="select"></w2:column>
						<w2:column dataType="text" id="checkcombobox" name="checkcombobox"></w2:column>
						<w2:column id="autoComplete" name="autoComplete" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="false">
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_exam_code" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="label" name="label" dataType="text"></w2:column>
						<w2:column id="code" name="code" dataType="text"></w2:column>
						<w2:column id="useYN" name="useYN" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='GridView의 inputType이 목록 선택형(DropDown) 타입인 경우,
목록의 특정 항목을 숨기는 예제입니다.
적용 가능한 inputType은 select, checkcombobox, autoComplete입니다.'
					style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="[기본 설정] 모든 항목 노출" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_exam" defaultCellHeight="24"
							id="" style="height:80px;" visibleRowNum="2" visibleRowNumFix="true">
							<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
							<w2:header style="" id="header1">
								<w2:row style="" id="row1">
									<w2:column width="80" inputType="text" id="column3" value="select" displayMode="label"></w2:column>
									<w2:column width="96" inputType="text" id="column2" value="checkcombobox" displayMode="label">
									</w2:column>
									<w2:column width="96" inputType="text" id="column1" value="autoComplete" displayMode="label"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody style="" id="gBody1">
								<w2:row style="" id="row2">
									<w2:column width="80" inputType="select" id="select" displayMode="label" chooseOption="true" viewType="icon"
										chooseOptionLabel="- 선택 -">
										<w2:choices>
											<w2:itemset nodeset="data:dlt_exam_code">
												<w2:label ref="label"></w2:label>
												<w2:value ref="code"></w2:value>
											</w2:itemset>
										</w2:choices>
									</w2:column>
									<w2:column width="96" inputType="checkcombobox" id="checkcombobox" displayMode="label" chooseOption="true"
										viewType="icon" chooseOptionLabel="- 선택 -">
										<w2:choices>
											<w2:itemset nodeset="data:dlt_exam_code">
												<w2:label ref="label"></w2:label>
												<w2:value ref="code"></w2:value>
											</w2:itemset>
										</w2:choices>
									</w2:column>
									<w2:column width="96" inputType="autoComplete" id="autoComplete" displayMode="label" chooseOption="true" viewType="icon"
										chooseOptionLabel="- 선택 -">
										<w2:choices>
											<w2:itemset nodeset="data:dlt_exam_code">
												<w2:label ref="label"></w2:label>
												<w2:value ref="code"></w2:value>
											</w2:itemset>
										</w2:choices>
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="미노출 항목 지정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_exam" defaultCellHeight="24"
							id="grd_exam2" style="height:80px;" visibleRowNum="2" visibleRowNumFix="true">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column3" inputType="text" value="select" width="80"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="checkcombobox" width="96"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="autoComplete" width="96"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column chooseOption="true" chooseOptionLabel="- 선택 -" displayMode="label" id="select" inputType="select"
										viewType="icon" width="80">
										<w2:choices>
											<w2:itemset nodeset="data:dlt_exam_code">
												<w2:label ref="label"></w2:label>
												<w2:value ref="code"></w2:value>
											</w2:itemset>
										</w2:choices>
									</w2:column>
									<w2:column chooseOption="true" chooseOptionLabel="- 선택 -" displayMode="label" id="checkcombobox"
										inputType="checkcombobox" viewType="icon" width="96">
										<w2:choices>
											<w2:itemset nodeset="data:dlt_exam_code">
												<w2:label ref="label"></w2:label>
												<w2:value ref="code"></w2:value>
											</w2:itemset>
										</w2:choices>
									</w2:column>
									<w2:column chooseOption="true" chooseOptionLabel="- 선택 -" displayMode="label" id="autoComplete" inputType="autoComplete"
										viewType="icon" width="96">
										<w2:choices>
											<w2:itemset nodeset="data:dlt_exam_code">
												<w2:label ref="label"></w2:label>
												<w2:value ref="code"></w2:value>
											</w2:itemset>
										</w2:choices>
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220824" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_exam_code" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="label" name="label" dataType="text"></w2:column>
						<w2:column id="code" name="code" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label="컴포넌트의 항목을 마우스를 이용하여 드래깅하여 선택하는 예제입니다.
목록에서 마우스를 드래깅하여 항목의 선택 여부를 비교합니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 마우스 사용이 가능한 환경에서 정상 동작합니다." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="CheckCombobox - 기본" style=""></w2:textbox>

					<xf:group class="example_div_td_style" id="" style="">
						<xf:checkcombobox id="" displayAllOptionLabel="false" chooseOption="" displayMode="label"
							style="width: 150px;min-height:24px;" submenuSize="auto" allOption="" disabled="false" direction="auto" appearance="minimal" ref="">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_exam_code">
									<xf:label ref="label"></xf:label>
									<xf:value ref="code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:checkcombobox>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='CheckCombobox
항목 선택 시 마우스 드래깅 허용' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:checkcombobox useDrag="true" appearance="minimal" direction="auto" disabled="false" displayAllOptionLabel="false"
							displayMode="label" style="width: 150px;min-height:24px;" submenuSize="auto">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_exam_code">
									<xf:label ref="label"></xf:label>
									<xf:value ref="code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:checkcombobox>
					</xf:group>
				</xf:group>

			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head meta_screenName="[GridView] 셀의 범위(range) 선택하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220916" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_books" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="book_name" name="도서명"></w2:column>
						<w2:column dataType="text" id="price" name="정가"></w2:column>
						<w2:column id="published_date" name="출간일" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<book_name><![CDATA[사람일까 상황일까]]></book_name>
							<price><![CDATA[28000]]></price>
							<published_date><![CDATA[20190826]]></published_date>
						</w2:row>
						<w2:row>
							<book_name><![CDATA[내가 틀릴 수도 있습니다]]></book_name>
							<price><![CDATA[16000]]></price>
							<published_date><![CDATA[20220418]]></published_date>
						</w2:row>
						<w2:row>
							<book_name><![CDATA[공정하다는 착각]]></book_name>
							<price><![CDATA[18000]]></price>
							<published_date><![CDATA[20201201]]></published_date>
						</w2:row>
						<w2:row>
							<book_name><![CDATA[정글만리]]></book_name>
							<price><![CDATA[16500]]></price>
							<published_date><![CDATA[20130701]]></published_date>
						</w2:row>
						<w2:row>
							<book_name><![CDATA[불편한 편의점]]></book_name>
							<price><![CDATA[14000]]></price>
							<published_date><![CDATA[20210420]]></published_date>
						</w2:row>

						<w2:row>
							<book_name><![CDATA[인간 실격]]></book_name>
							<price><![CDATA[9000]]></price>
							<published_date><![CDATA[20040515]]></published_date>
						</w2:row>
						<w2:row>
							<book_name><![CDATA[어린왕자]]></book_name>
							<price><![CDATA[2000]]></price>
							<published_date><![CDATA[19810801]]></published_date>
						</w2:row>
						<w2:row>
							<book_name><![CDATA[JavaScript Patterns]]></book_name>
							<price><![CDATA[22000]]></price>
							<published_date><![CDATA[20111103]]></published_date>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

/**
 * 버튼 [1번째 행 1번째 컬럼 ~ 2번째 행 2번째 컬럼] 클릭시
 */
scwin.btn_ex1_onclick = function (e) {
    //1번째 행 1번째 컬럼 ~ 2번째 행 2번째 컬럼 선택하기
    grd_exam1.setFocusedMultiCell(0, 0, 1, 1);
    grd_exam2.setFocusedMultiCell(0, 0, 1, 1);
    grd_exam3.setFocusedMultiCell(0, 0, 1, 1);
    grd_exam4.setFocusedMultiCell(0, 0, 1, 1);

    //포커스 버튼으로 이동.
    btn_ex1.focus();
};

/**
 * 버튼 [행:1, 열:1 ~ 행:2, 열:2 + ignoreFocusMode 적용] 클릭시
 */
scwin.btn_ex3_onclick = function (e) {
    //1번째 행 1번째 컬럼 ~ 2번째 행 2번째 컬럼 선택하기 - 설정된 FocusMode 무시
    grd_exam1.setFocusedMultiCell(0, 0, 1, 1, { ignoreFocusMode: true });
    grd_exam2.setFocusedMultiCell(0, 0, 1, 1, { ignoreFocusMode: true });
    grd_exam3.setFocusedMultiCell(0, 0, 1, 1, { ignoreFocusMode: true });
    grd_exam4.setFocusedMultiCell(0, 0, 1, 1, { ignoreFocusMode: true });

    //포커스 버튼으로 이동.
    btn_ex3.focus();
};

/**
 * 버튼 [2번째 행 2번째 컬럼 ~ 4번째 행 3번째 컬럼] 클릭시
 */
scwin.btn_ex2_onclick = function (e) {
    //2번째 행 2번째 컬럼 ~ 4번째 행 3번째 컬럼
    grd_exam1.setFocusedMultiCell(1, 1, 3, 2);
    grd_exam2.setFocusedMultiCell(1, 1, 3, 2);
    grd_exam3.setFocusedMultiCell(1, 1, 3, 2);
    grd_exam4.setFocusedMultiCell(1, 1, 3, 2);

    //포커스 버튼으로 이동.
    btn_ex2.focus();
};

/**
 * 버튼 [행:2, 열:2 ~ 행:4, 열:3 + ignoreFocusMode 적용] 클릭시
 */
scwin.btn_ex4_onclick = function (e) {
    //2번째 행 2번째 컬럼 ~ 4번째 행 3번째 컬럼 - 설정된 FocusMode 무시
    grd_exam1.setFocusedMultiCell(1, 1, 3, 2, { ignoreFocusMode: true });
    grd_exam2.setFocusedMultiCell(1, 1, 3, 2, { ignoreFocusMode: true });
    grd_exam3.setFocusedMultiCell(1, 1, 3, 2, { ignoreFocusMode: true });
    grd_exam4.setFocusedMultiCell(1, 1, 3, 2, { ignoreFocusMode: true });

    //포커스 버튼으로 이동.
    btn_ex4.focus();
};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label='GridView의 범위 선택을 스크립트로 지정하는 예제입니다.<br/>각 버튼을 클릭하여 각 그리드의 범위 선택을 비교합니다.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="범위 선택 실행" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" localeRef=""
								style="min-width: 30px; height: 26px;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[행:1, 열:1 ~ 행:2, 열:2]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex3_onclick" id="btn_ex3" localeRef=""
								style="min-width: 30px; height: 26px;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[행:1, 열:1 ~ 행:2, 열:2 + ignoreFocusMode 적용]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" localeRef=""
								style="min-width: 30px; height: 26px;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[행:2, 열:2 ~ 행:4, 열:3]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex4_onclick" id="btn_ex4" localeRef=""
								style="min-width: 30px; height: 26px;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[행:2, 열:2 ~ 행:4, 열:3 + ignoreFocusMode 적용]]></xf:label>
							</xf:trigger>
						</xf:group>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="결과 확인용 GridView - [기본설정] focusMode : cell" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="셀 선택 시 포커스(선택) 범위가 셀(Cell) 단위입니다." style=""></w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books" defaultCellHeight="24"
							id="grd_exam1" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" rowNumVisible="true" rowNumWidth="26">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="178"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="정가" width="63"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="출간일" width="83"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" width="178"></w2:column>
									<w2:column dataType="number" displayFormat="#,###" displayMode="label" id="price" inputType="text" textAlign="right"
										width="63">
									</w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="published_date" inputType="text" width="83">
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="결과 확인용 GridView - focusMode : row" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="셀 선택 시 포커스(선택) 범위가 행(Row) 단위입니다." style=""></w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books" defaultCellHeight="24"
							id="grd_exam2" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" focusMode="row">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="178"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="정가" width="63"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="출간일" width="83"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" width="178"></w2:column>
									<w2:column dataType="number" displayFormat="#,###" displayMode="label" id="price" inputType="text" textAlign="right"
										width="63">
									</w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="published_date" inputType="text" width="83">
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="결과 확인용 GridView - focusMode : both" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="셀 선택 시 포커스(선택) 범위가 셀(Cell)+행(Row) 단위입니다." style=""></w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books" defaultCellHeight="24"
							id="grd_exam3" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" focusMode="both">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="178"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="정가" width="63"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="출간일" width="83"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" width="178"></w2:column>
									<w2:column dataType="number" displayFormat="#,###" displayMode="label" id="price" inputType="text" textAlign="right"
										width="63">
									</w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="published_date" inputType="text" width="83">
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="결과 확인용 GridView - focusMode : none" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="셀 선택 시 포커스(선택)가 되지 않습니다." style="">
						</w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books" defaultCellHeight="24"
							focusMode="none" id="grd_exam4" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="178"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="정가" width="63"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="출간일" width="83"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" width="178"></w2:column>
									<w2:column dataType="number" displayFormat="#,###" displayMode="label" id="price" inputType="text" textAlign="right"
										width="63">
									</w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="published_date" inputType="text" width="83">
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>
	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head meta_screenName="[CheckCombobox] 목록 표시 - 열 개수 지정">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220824" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_exam_code" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="label" name="label" dataType="text"></w2:column>
						<w2:column id="code" name="code" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {
    //DataList dlt_exam_code에 데이터 할당
    dlt_exam_code.setJSON([
        { "label": "Apple", "code": "01" },
        { "label": "Pear", "code": "02" },
        { "label": "Grapes", "code": "03" },
        { "label": "Melon", "code": "04" },
        { "label": "Peach", "code": "05" }
    ]);
};

]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label="컴포넌트 목록의 열의 수를 지정하는 예제입니다." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="CheckCombobox - 기본" style=""></w2:textbox>

					<xf:group class="example_div_td_style" id="" style="">
						<xf:checkcombobox id="" displayAllOptionLabel="false" chooseOption="" displayMode="label"
							style="width: 150px;min-height:24px;" submenuSize="auto" allOption="" disabled="false" direction="auto" appearance="minimal" ref="">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_exam_code">
									<xf:label ref="label"></xf:label>
									<xf:value ref="code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:checkcombobox>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='CheckCombobox<br/>목록의 열을 2로 지정' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:checkcombobox allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
							displayAllOptionLabel="false" displayMode="label" id="" ref="" style="width: 150px;min-height:24px;" submenuSize="auto"
							visibleColNum="2">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_exam_code">
									<xf:label ref="label"></xf:label>
									<xf:value ref="code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:checkcombobox>
					</xf:group>
				</xf:group>

			</xf:group>
		</xf:group>
	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220706" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList id="dlt_Member" baseNode="list" saveRemovedData="true" repeatNode="map"
					ev:ondataload="scwin.dlt_Member_ondataload" ev:oninsertrow="" ev:onremoverow="">
					<w2:columnInfo>
						<w2:column id="EMP_CD" name="코드" dataType="text"></w2:column>
						<w2:column id="EMP_NM" name="성명" dataType="text"></w2:column>
						<w2:column id="GENDER_CD" name="성별" dataType="text" defaultValue=""></w2:column>
						<w2:column id="JOIN_DATE" name="입사일" dataType="text"></w2:column>
						<w2:column id="POSITION_CD" name="직위" dataType="text"></w2:column>
						<w2:column id="DUTY_CD" name="직책" dataType="text"></w2:column>
						<w2:column id="ROLE_CD" name="역할" dataType="text"></w2:column>
						<w2:column id="ASSIGNED_TASK" name="담당업무" dataType="text"></w2:column>
						<w2:column id="EMAIL" name="이메일" dataType="text"></w2:column>
						<w2:column id="ZIP_CD" name="우편번호" dataType="text"></w2:column>
						<w2:column id="ADDRESS1" name="주소1" dataType="text"></w2:column>
						<w2:column id="ADDRESS2" name="주소2" dataType="text"></w2:column>
						<w2:column id="IMAGE_PATH" name="이미지경로" dataType="text" defaultValue="/ws5/img/blank.png"></w2:column>
						<w2:column id="CREATED_DATE" name="생성일자" dataType="text"></w2:column>
						<w2:column id="UPDATED_DATE" name="수정일자" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataMap baseNode="map" id="dma_Search">
					<w2:keyInfo>
						<w2:key id="TOTAL_YN" name="총건수 조회여부" dataType="text"></w2:key>
						<w2:key id="startNum" name="시작 순번" dataType="text"></w2:key>
						<w2:key id="endNum" name="끝 순번" dataType="text"></w2:key>
						<w2:key id="count" name="화면 행수" dataType="text"></w2:key>
						<w2:key id="searchParam" name="검색 파라메터" dataType="text"></w2:key>
						<w2:key id="searchType" name="검색 타입" dataType="text"></w2:key>

					</w2:keyInfo>
				</w2:dataMap>
				<w2:dataList id="dlt_CmCode01">
					<w2:columnInfo>
						<w2:column id="GRP_CD" name="GRP_CD" dataType="text"></w2:column>
						<w2:column id="CODE_CD" name="CODE_CD" dataType="text"></w2:column>
						<w2:column id="CODE_NM" name="CODE_NM" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<GRP_CD><![CDATA[01]]></GRP_CD>
							<CODE_CD><![CDATA[01]]></CODE_CD>
							<CODE_NM><![CDATA[임원]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[01]]></GRP_CD>
							<CODE_CD><![CDATA[02]]></CODE_CD>
							<CODE_NM><![CDATA[팀장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[01]]></GRP_CD>
							<CODE_CD><![CDATA[03]]></CODE_CD>
							<CODE_NM><![CDATA[팀원]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[01]]></GRP_CD>
							<CODE_CD><![CDATA[04]]></CODE_CD>
							<CODE_NM><![CDATA[협력]]></CODE_NM>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dlt_CmCode02">
					<w2:columnInfo>
						<w2:column id="GRP_CD" name="GRP_CD" dataType="text"></w2:column>
						<w2:column id="CODE_CD" name="CODE_CD" dataType="text"></w2:column>
						<w2:column id="CODE_NM" name="CODE_NM" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[02]]></CODE_CD>
							<CODE_NM><![CDATA[이사]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[03]]></CODE_CD>
							<CODE_NM><![CDATA[팀장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[08]]></CODE_CD>
							<CODE_NM><![CDATA[부장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[04]]></CODE_CD>
							<CODE_NM><![CDATA[차장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[05]]></CODE_CD>
							<CODE_NM><![CDATA[과장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[06]]></CODE_CD>
							<CODE_NM><![CDATA[대리]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[07]]></CODE_CD>
							<CODE_NM><![CDATA[사원]]></CODE_NM>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dlt_CmCode19">
					<w2:columnInfo>
						<w2:column id="GRP_CD" name="GRP_CD" dataType="text"></w2:column>
						<w2:column id="CODE_CD" name="CODE_CD" dataType="text"></w2:column>
						<w2:column id="CODE_NM" name="CODE_NM" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[01]]></CODE_CD>
							<CODE_NM><![CDATA[PM]]></CODE_NM>

						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[02]]></CODE_CD>
							<CODE_NM><![CDATA[PL]]></CODE_NM>

						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[03]]></CODE_CD>
							<CODE_NM><![CDATA[분석/설계]]></CODE_NM>

						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[04]]></CODE_CD>
							<CODE_NM><![CDATA[개발]]></CODE_NM>

						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[05]]></CODE_CD>
							<CODE_NM><![CDATA[퍼블리셔]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[06]]></CODE_CD>
							<CODE_NM><![CDATA[컨설팅]]></CODE_NM>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dlt_CmCode101">
					<w2:columnInfo>
						<w2:column id="GRP_CD" name="GRP_CD" dataType="text"></w2:column>
						<w2:column id="CODE_CD" name="CODE_CD" dataType="text"></w2:column>
						<w2:column id="CODE_NM" name="CODE_NM" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<GRP_CD><![CDATA[101]]></GRP_CD>
							<CODE_CD><![CDATA[M]]></CODE_CD>
							<CODE_NM><![CDATA[남]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[101]]></GRP_CD>
							<CODE_CD><![CDATA[F]]></CODE_CD>
							<CODE_NM><![CDATA[여]]></CODE_NM>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
			<xf:submission id="sbm_select" ref='data:json,dma_Search' target='' action="/data/sampleData/dlt_Member_append_100_0.json"
				method="post" mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous"
				processMsg="" ev:submit="" ev:submitdone="scwin.sbm_select_submitdone" ev:submiterror="" abortTrigger="">
			</xf:submission>
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="그리드뷰의 scrollEnd 기능 사용 예시입니다.
그리드뷰의 세로 스크롤이 (마지막 행 건수 - 10건)의 높이에 위치하면 100건씩 데이터가 추가됩니다.
최대 600건의 데이터가 로드됩니다."
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="ofh mb_def" id="" style="">
				<xf:trigger class="btn_cm" id="btn_Search" style="width:70px;" type="button" ev:onclick="scwin.btn_Search_onclick">
					<xf:label><![CDATA[조회]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group class="titbox" id="" style="">
				<w2:textbox class="com_example_heading fl" id="" label="사용자 목록" style="" tagname="h3"></w2:textbox>
				<xf:group class="fr ws5_exam_txt_bold" id="" style="">
					<w2:span class="mr_def" dataType="text" displayFormat="" id="" label="총" style=""></w2:span>
					<w2:span id="spn_curCount" ref="" dataType="number" style="" class="" label="0" displayFormat="#,##0"></w2:span>
					<w2:span class="" dataType="text" displayFormat="" id="" label=" / " style=""></w2:span>
					<w2:span id="spn_totCount" ref="" dataType="number" style="" class="" label="0" displayFormat="#,##0"></w2:span>
					<w2:span class="" dataType="text" displayFormat="" id="" label="건" style=""></w2:span>
				</xf:group>
			</xf:group>

			<xf:group id="" class="gvwbox">
				<w2:gridView tooltipShowAlways="" rowNumVisible="true" rowStatusWidth="40" rowNumHeaderValue="번호" loadCount="10"
					autoFitFilterList="true" focusMode="row" rowNumWidth="30" fixedColumn="1" autoFit="allColumn" id="grd_Member" class="gvw mb_def"
					ignoreToggleOnDisabled="false" ev:onscrollend="scwin.grd_Member_onscrollend" summaryAuto="false" useShiftKey="true" readOnly="true"
					rowStatusHeaderValue="상태" rowStatusVisible="false" tooltipDisplay="true" initFixedHeightByRowNum="10" fixedColumnWithHidden="true"
					visibleRowNumFix="true" dataList="dlt_Member" ignoreCellClick="false" style="height: 280px;" visibleRowNum="10" useFilterList="true"
					useCtrlKey="false" autoFitMinWidth="800" defaultCellHeight="26">
					<w2:header style="" id="header1">
						<w2:row style="" id="row1">
							<w2:column width="70" style="" inputType="text" id="column27" sortable="true" value="성명" class="" blockSelect="false"
								displayMode="label">
							</w2:column>
							<w2:column width="40" style="" inputType="text" id="column25" sortable="true" value="성별" class="" blockSelect="false"
								displayMode="label" useFilter="">
							</w2:column>
							<w2:column width="91" style="" inputType="text" id="column23" sortable="true" value="입사일" class="" blockSelect="false"
								displayMode="label">
							</w2:column>
							<w2:column width="70" style="" inputType="text" id="column21" sortable="true" value="직책" class="" blockSelect="false"
								displayMode="label" useFilter="">
							</w2:column>
							<w2:column width="70" style="" inputType="text" id="column19" sortable="true" value="직위" class="" blockSelect="false"
								displayMode="label" useFilter="">
							</w2:column>
							<w2:column width="70" style="" inputType="text" id="column17" sortable="true" value="역할" class="" blockSelect="false"
								displayMode="label" useFilter="">
							</w2:column>
							<w2:column width="82" style="" inputType="text" id="column15" sortable="true" value="담당업무" blockSelect="false"
								displayMode="label">
							</w2:column>
							<w2:column width="195" style="" inputType="text" id="column13" value="이메일" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="104" style="" inputType="text" id="column28" value="수정일" blockSelect="false" displayMode="label">
							</w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody style="" id="gBody1">
						<w2:row style="" id="row2">
							<w2:column width="70" style="" inputType="text" id="EMP_NM" blockSelect="false" displayMode="label" value="">
							</w2:column>
							<w2:column ref="" chooseOption="" width="40" style="" inputType="select" id="GENDER_CD" allOption="" blockSelect="false"
								displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode101">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column width="91" style="" inputType="calendar" id="JOIN_DATE" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column ref="" chooseOption="" width="70" style="" inputType="select" id="DUTY_CD" allOption="" blockSelect="false"
								displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode02">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column ref="" chooseOption="" width="70" style="" inputType="select" id="POSITION_CD" allOption="" blockSelect="false"
								displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode01">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column ref="" chooseOption="" width="70" style="" inputType="select" id="ROLE_CD" allOption="" blockSelect="false"
								displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode19">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column width="82" style="" inputType="text" id="ASSIGNED_TASK" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="195" style="" inputType="text" id="EMAIL" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="104" style="" inputType="text" id="UPDATED_DATE" blockSelect="false" displayMode="label">
							</w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220522" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label="Accordion, Generator 컴포넌트를 활용하여 구성한 화면 입니다.
UI에 적용한 CSS는 이 파일에 작성되어있습니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" style="max-width: 450px;" class="example_P00040">
				<xf:group class="acd01Box" id="" style="">
					<w2:accordion class="acd01" collapseAll="" collapsible="true" id="ui_accordion" selectedPanel="panels4"
						style="overflow: inherit;">
						<w2:panels class="" id="panels1" style="">
							<w2:panelTitle class="" id="panelTitle1" label="주문정보" style=""></w2:panelTitle>
							<w2:panelContent class="" id="panelContent1" style="">
								<w2:accordion class="acd02" collapseAll="" collapsible="true" id="" selectedPanel="" style="overflow: inherit;">
									<w2:panels class="" id="panels5" style="">
										<w2:panelTitle class="" id="panelTitle5" label="주문자정보" style=""></w2:panelTitle>
										<w2:panelContent class="" id="panelContent5" style="padding: 0px 10px;">
											<xf:group class="" id="" style="padding: 10px 0px;overflow:hidden;">
												<w2:textbox id="" label="주문자명" style="width:25%;float:left;line-height: 3em;"></w2:textbox>
												<xf:group class="" id="" style="float: right;width:75%;">
													<xf:input adjustMaxLength="false" id="" initValue="이유은" style="width: 100%;height: 3em;box-sizing:border-box;">
													</xf:input>
												</xf:group>
											</xf:group>
											<xf:group class="" id="" style="padding: 10px 0px;overflow:hidden;">
												<w2:textbox id="" label="연락처" style="width:25%;float:left;line-height: 3em;"></w2:textbox>
												<xf:group class="" id="" style="float: right;width:75%;">
													<xf:select1 allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
														disabledClass="w2selectbox_disabled" displayMode="label" id="" optionOrder="false" ref=""
														style="width: 32%;height: 3em;box-sizing:border-box;margin-right: 2%;" submenuSize="auto">
														<xf:choices>
															<xf:item>
																<xf:label><![CDATA[010]]></xf:label>
																<xf:value><![CDATA[010]]></xf:value>
															</xf:item>
															<xf:item>
																<xf:label><![CDATA[011]]></xf:label>
																<xf:value><![CDATA[011]]></xf:value>
															</xf:item>
															<xf:item>
																<xf:label><![CDATA[016]]></xf:label>
																<xf:value><![CDATA[016]]></xf:value>
															</xf:item>
															<xf:item>
																<xf:label><![CDATA[017]]></xf:label>
																<xf:value><![CDATA[017]]></xf:value>
															</xf:item>
															<xf:item>
																<xf:label><![CDATA[018]]></xf:label>
																<xf:value><![CDATA[018]]></xf:value>
															</xf:item>
															<xf:item>
																<xf:label><![CDATA[019]]></xf:label>
																<xf:value><![CDATA[019]]></xf:value>
															</xf:item>
														</xf:choices>
													</xf:select1>
													<xf:input adjustMaxLength="false" id="" initValue="8240"
														style="width: 32%;height: 3em;box-sizing:border-box;margin-right: 2%;">
													</xf:input>
													<xf:input adjustMaxLength="false" id="" initValue="8282" style="width: 32%;height: 3em;box-sizing:border-box;">
													</xf:input>
												</xf:group>
											</xf:group>
											<xf:group class="" id="" style="padding: 10px 0px;overflow:hidden;">
												<w2:textbox id="" label="이메일" style="width:25%;float:left;line-height: 3em;"></w2:textbox>
												<xf:group class="" id="" style="float: right;width:75%;">
													<xf:input adjustMaxLength="false" id="" style="width: 100%;height: 3em;box-sizing:border-box;">
													</xf:input>
												</xf:group>
											</xf:group>
										</w2:panelContent>
									</w2:panels>
									<w2:panels class="" id="panels6" style="">
										<w2:panelTitle class="" id="panelTitle6" label="품절시 환불방법" style=""></w2:panelTitle>
										<w2:panelContent class="" id="panelContent6" style="padding: 0px 10px;">
											<xf:group class="" id="" style="padding: 10px 0px;">
												<xf:select1 appearance="full" cols="" id="" ref="" rows="" selectedIndex="0" style="">
													<xf:choices>
														<xf:item>
															<xf:label><![CDATA[주문 시 결제수단으로 환불받기]]></xf:label>
															<xf:value><![CDATA[01]]></xf:value>
														</xf:item>
														<xf:item>
															<xf:label><![CDATA[예치금으로 자동 환불받기]]></xf:label>
															<xf:value><![CDATA[02]]></xf:value>
														</xf:item>
													</xf:choices>
												</xf:select1>
											</xf:group>
											<xf:group class="" id="" style="padding: 10px 0px;">
												<xf:select appearance="full" cols="" id="" ref="" rows="" selectedindex="-1" style="">
													<xf:choices>
														<xf:item>
															<xf:label><![CDATA[환불방법 저장하기]]></xf:label>
															<xf:value><![CDATA[01]]></xf:value>
														</xf:item>
													</xf:choices>
												</xf:select>
											</xf:group>
											<xf:group class="" id="" style="padding: 10px 0px;" tagname="">
												<xf:group id="" style="padding-left: 20px;" tagname="ul">
													<w2:textbox id="" label="예치금은 현금성포인트로, 상품 구매 시 언제든 사용이 가능하며 원하시는 경우 현금으로전환이 가능한 편리한 결제수단입니다."
														style="margin-bottom: 6px;" tagname="li">
													</w2:textbox>
													<w2:textbox id=""
														label="품절로 인한 한불금액의 합이 5마원 미만일 경우, 예치금으로 자동환불되며, 5만원 이상이거나 비회원 주문일 경우 원결제수단으로 환불처리 됩니다.(품절 발생 익일 오후 5시부터 환불처리)"
														style="margin-bottom: 6px;" tagname="li">
													</w2:textbox>
													<w2:textbox id="" label="예치금환불이 아닌 주문하신 결제수단으로 환불받기를 원하실 경우, '주문 시 결제수단으로 환불받기'를 선택해 주세요." style="" tagname="li">
													</w2:textbox>
												</xf:group>
											</xf:group>
										</w2:panelContent>
									</w2:panels>
									<w2:panels class="" id="panels7" style="">
										<w2:panelTitle class="" id="panelTitle7" label="주문확인서 받는 방법" style=""></w2:panelTitle>
										<w2:panelContent class="" id="panelContent7" style="padding: 0px 10px;">
											<xf:group class="" id="" style="padding: 10px 0px;">
												<xf:select1 appearance="full" cols="" id="" ref="" rows="" selectedIndex="0" style="">
													<xf:choices>
														<xf:item>
															<xf:label><![CDATA['모바일' 주문확인서만 받기]]></xf:label>
															<xf:value><![CDATA[01]]></xf:value>
														</xf:item>
														<xf:item>
															<xf:label><![CDATA['모바일+종이' 주문확인서 모두 받기]]></xf:label>
															<xf:value><![CDATA[02]]></xf:value>
														</xf:item>
													</xf:choices>
												</xf:select1>
											</xf:group>
											<xf:group class="" id="" style="padding: 10px 0px;">
												<w2:textbox id="" escape="false"
													label="종이절약은 환경보호와 자원절약 실천의 한 방법입니다."
													style="margin-bottom: 10px;">
												</w2:textbox>
												<xf:trigger class="btn_cm" ev:onclick="scwin.ui_btnSend_onclick" id="" style="width: 60px;text-align: center;"
													type="button">
													<xf:label><![CDATA[안내]]></xf:label>
												</xf:trigger>
											</xf:group>
										</w2:panelContent>
									</w2:panels>
								</w2:accordion>
							</w2:panelContent>
						</w2:panels>
						<w2:panels class="" id="panels2" style="">
							<w2:panelTitle class="" id="panelTitle2" label="배송정보" style=""></w2:panelTitle>
							<w2:panelContent class="" id="panelContent2" style="">
								<w2:accordion class="acd02" collapseAll="" collapsible="true" id="" selectedPanel="" style="">
									<w2:panels class="" id="panels8" style="">
										<w2:panelTitle class="" id="panelTitle8" label="배송지정보" style=""></w2:panelTitle>
										<w2:panelContent class="" id="panelContent8" style="padding: 0px 10px;">
											<xf:group class="" id="" style="padding: 10px 0px;overflow:hidden;">
												<w2:textbox id="" label="배송지" style="width:25%;float:left;line-height: 3em;"></w2:textbox>
												<xf:group class="" id="" style="float: right;width:75%;">
													<xf:select1 allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
														disabledClass="w2selectbox_disabled" displayMode="label" id="" optionOrder="false" ref=""
														style="width: 100%;height: 3em;box-sizing:border-box;" submenuSize="auto">
														<xf:choices>
															<xf:item>
																<xf:label><![CDATA[[기본배송지]우리집]]></xf:label>
																<xf:value><![CDATA[01]]></xf:value>
															</xf:item>
															<xf:item>
																<xf:label><![CDATA[서울시 구로구 대륭포스트타워]]></xf:label>
																<xf:value><![CDATA[02]]></xf:value>
															</xf:item>
														</xf:choices>
													</xf:select1>
												</xf:group>
											</xf:group>
											<xf:group class="" id="" style="padding: 10px 0px;overflow:hidden;">
												<w2:textbox id="" label="받는분" style="width:25%;float:left;line-height: 3em;"></w2:textbox>
												<xf:group class="" id="" style="float: right;width:75%;">
													<xf:input adjustMaxLength="false" id="" initValue="이유은" style="width: 100%;height: 3em;box-sizing:border-box;">
													</xf:input>
												</xf:group>
											</xf:group>
											<xf:group class="" id="" style="padding: 10px 0px;overflow:hidden;">
												<w2:textbox id="" label="연락처" style="width:25%;float:left;line-height: 3em;"></w2:textbox>
												<xf:group class="" id="" style="float: right;width:75%;">
													<xf:select1 allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
														disabledClass="w2selectbox_disabled" displayMode="label" id="" optionOrder="false" ref=""
														style="width: 32%;height: 3em;box-sizing:border-box;margin-right: 2%;" submenuSize="auto">
														<xf:choices>
															<xf:item>
																<xf:label><![CDATA[010]]></xf:label>
																<xf:value><![CDATA[010]]></xf:value>
															</xf:item>
															<xf:item>
																<xf:label><![CDATA[011]]></xf:label>
																<xf:value><![CDATA[011]]></xf:value>
															</xf:item>
															<xf:item>
																<xf:label><![CDATA[016]]></xf:label>
																<xf:value><![CDATA[016]]></xf:value>
															</xf:item>
															<xf:item>
																<xf:label><![CDATA[017]]></xf:label>
																<xf:value><![CDATA[017]]></xf:value>
															</xf:item>
															<xf:item>
																<xf:label><![CDATA[018]]></xf:label>
																<xf:value><![CDATA[018]]></xf:value>
															</xf:item>
															<xf:item>
																<xf:label><![CDATA[019]]></xf:label>
																<xf:value><![CDATA[019]]></xf:value>
															</xf:item>
														</xf:choices>
													</xf:select1>
													<xf:input adjustMaxLength="false" id="" initValue="8240"
														style="width: 32%;height: 3em;box-sizing:border-box;margin-right: 2%;">
													</xf:input>
													<xf:input adjustMaxLength="false" id="" initValue="8282" style="width: 32%;height: 3em;box-sizing:border-box;">
													</xf:input>
												</xf:group>
											</xf:group>
											<xf:group class="" id="" style="padding: 10px 0px;overflow:hidden;">
												<xf:select1 appearance="full" cols="" id="" ref="" rows="1" selectedIndex="0" style="">
													<xf:choices>
														<xf:item>
															<xf:label><![CDATA[안심번호 사용한함]]></xf:label>
															<xf:value><![CDATA[01]]></xf:value>
														</xf:item>
														<xf:item>
															<xf:label><![CDATA[안심번호 사용]]></xf:label>
															<xf:value><![CDATA[02]]></xf:value>
														</xf:item>
													</xf:choices>
												</xf:select1>
												<xf:trigger class="btn_cm" ev:onclick="scwin.ui_btnSend_onclick" id="" style="width: 60px;float : right;"
													type="button">
													<xf:label><![CDATA[안내]]></xf:label>
												</xf:trigger>
											</xf:group>
											<xf:group class="" id="" style="padding: 10px 0px;overflow:hidden;">
												<w2:textbox id="" label="주소" style="width:25%;float:left;line-height: 3em;"></w2:textbox>
												<xf:group class="" id="" style="float: right;width:75%;">
													<xf:input adjustMaxLength="false" id="" initValue="08378"
														style="width: 64%;height: 3em;box-sizing:border-box;margin-right: 2%;margin-bottom: 10px;">
													</xf:input>
													<xf:trigger class="btn_cm" ev:onclick="scwin.ui_btnSend_onclick" id=""
														style="width: 32%;height: 3em;margin-bottom: 10px;" type="button">
														<xf:label><![CDATA[우편번호]]></xf:label>
													</xf:trigger>
													<xf:input adjustMaxLength="false" id="" initValue="서울특별시 구로구 디지털로 306"
														style="width: 100%;height: 3em;box-sizing:border-box;margin-bottom: 10px;">
													</xf:input>
													<xf:input adjustMaxLength="false" id="" initValue="대륭포스트타워 2차"
														style="width: 100%;height: 3em;box-sizing:border-box;margin-bottom: 10px;">
													</xf:input>
												</xf:group>
												<w2:textbox id="" label="기본 배송지는 MY PAGE > 배송지관리 메뉴에서 변경 가능합니다." style="clear: both;"></w2:textbox>
											</xf:group>
										</w2:panelContent>
									</w2:panels>
									<w2:panels class="" id="panels9" style="">
										<w2:panelTitle class="" id="panelTitle9" label="택배배송 메시지" style=""></w2:panelTitle>
										<w2:panelContent class="" id="panelContent9" style="padding: 0px 10px;">
											<xf:group class="" id="" style="padding: 10px 0px;overflow:hidden;">
												<w2:textbox id="" label="배송 메시지" style="width:25%;float:left;line-height: 3em;"></w2:textbox>
												<xf:group class="" id="" style="float: right;width:75%;">
													<xf:select1 allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
														disabledClass="w2selectbox_disabled" displayMode="label" emptyValue="" id="" optionOrder="false" ref=""
														style="width: 100%;height: 3em;box-sizing:border-box;" submenuSize="auto">
														<xf:choices>
															<xf:item>
																<xf:label><![CDATA[빠른 배송 바랍니다]]></xf:label>
																<xf:value><![CDATA[01]]></xf:value>
															</xf:item>
															<xf:item>
																<xf:label><![CDATA[도착 전 연락 주세요]]></xf:label>
																<xf:value><![CDATA[02]]></xf:value>
															</xf:item>
														</xf:choices>
													</xf:select1>
												</xf:group>
											</xf:group>
											<xf:group class="" id="" style="padding: 10px 0px;overflow:hidden;">
												<w2:textbox id="" label="선물 메시지" style="width:25%;float:left;line-height: 3em;"></w2:textbox>
												<xf:group class="" id="" style="float: right;width:75%;">
													<xf:textarea id="" placeholder="받으실 분에게 전달할 메세지를 입력해주세요." style="width: 100%;height: 100px;box-sizing:border-box;">
													</xf:textarea>
												</xf:group>
											</xf:group>
										</w2:panelContent>
									</w2:panels>
								</w2:accordion>
							</w2:panelContent>
						</w2:panels>
						<w2:panels class="" id="panels3" style="">
							<w2:panelTitle class="" id="panelTitle3" label="상품정보" style=""></w2:panelTitle>
							<w2:panelContent class="" id="panelContent3" style="padding: 0px 10px;">
								<w2:generator class="genProduct" id="ui_genProduct" style="">
									<xf:group class="" id="" style="padding: 10px 0px;overflow:hidden;">
										<xf:image id="ui_prdImg" src="" style="width:20%;float:left;"></xf:image>
										<xf:group class="" id="" style="float: right;width:75%;">
											<xf:group id="" style="">
												<w2:textbox id="ui_prdNm" label="" style="margin-bottom: 6px;color:#999;font-size:14px;font-weight: bold;">
												</w2:textbox>
												<xf:group id="" style="margin-bottom: 6px;">
													<w2:span class="txtAmount" dataType="number" displayFormat="#,###" id="" label="48600000" style="">
													</w2:span>
													<w2:span id="" label="1개" style="padding: 0px 10px;border-left: 1px solid #ddd;color:#999;">
													</w2:span>
												</xf:group>
												<xf:group id="" style="overflow: hidden;">
													<w2:textbox class="txtOpt" id="" label="옵션" style="float : left;margin-right: 10px;"></w2:textbox>
													<w2:textbox id="" label="없음" style="padding:6px 0px;float: left;"></w2:textbox>
												</xf:group>
											</xf:group>
										</xf:group>
									</xf:group>
								</w2:generator>
							</w2:panelContent>
						</w2:panels>
						<w2:panels class="" id="panels4" style="">
							<w2:panelTitle class="" id="panelTitle4" label="최종결제금액" style=""></w2:panelTitle>
							<w2:panelContent class="" id="panelContent4" style="padding: 10px;">
								<xf:group class="" id="" style="overflow: hidden;padding: 10px;">
									<w2:textbox id="" label="총 주문 금액" style="font-size:14px;float: left;margin-right: 10px;"></w2:textbox>
									<w2:textbox dataType="number" displayFormat="#,##0원" id="" label="145800000" style="font-size:14px;float: left;">
									</w2:textbox>
									<w2:textbox id="" label="(배송비 2,500원 포함)" style="font-size:14px;float: right;"></w2:textbox>
								</xf:group>
								<xf:group class="" id="" style="overflow: hidden;padding: 10px;position: relative;text-align: center;">
									<w2:textbox id="" label="총 할인금액
0원"
										style="float : left;width: 50%;box-sizing:border-box;text-align: center;border:2px dashed #00bba9;border-right-width: 1px;padding: 6px 0px;"
										escape="false">
									</w2:textbox>
									<w2:textbox id="" label="포인트 사용금액
0원"
										style="float : left;width: 50%;box-sizing:border-box;text-align: center;border:2px dashed #00bba9;padding: 6px 0px;border-left-width: 1px;"
										escape="false">
									</w2:textbox>
									<xf:image id="" src="/img/example/bg_minus.png"
										style="width: 2em;height: 2em;position: absolute;left: calc(50% - 1em);    top: calc(50% - 1em);}">
									</xf:image>
								</xf:group>
								<xf:group class="" id="" style="overflow: hidden;padding: 10px;">
									<w2:textbox id="" label="최종 결제금액" style="float : left;padding-top:10px;font-size: 16px;"></w2:textbox>
									<w2:textbox class="txtTot" dataType="number" displayFormat="#,##0" id="" label="145800000" style="float : right;">
									</w2:textbox>
								</xf:group>
							</w2:panelContent>
						</w2:panels>
					</w2:accordion>
				</xf:group>
				<xf:group class="" id="" style="padding: 10px 0px;">
					<w2:anchor class="btnTotAch" clickEventElement="outerDiv" ev:onclick="scwin.ui_btnSend_onclick" id="ui_btnSend"
						outerDiv="true" style="">
						<xf:label><![CDATA[145,800,000]]></xf:label>
					</w2:anchor>
				</xf:group>
			</xf:group>
		</xf:group>