<?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] 셀 선택 시 선택 범위 지정하기">
		<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 () {

};
]]></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의 셀(Cell) 선택 시 선택 범위를 비교하는 예제입니다.<br/>기본 설정은 셀(Cell) 단위이며, 설정을 통해 행(Row)단위, 셀(Cell)+행(Row) 단위, 아무 동작 안함으로 변경할 수 있습니다.'
					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="[기본설정] 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="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="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="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"?>

		<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_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: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에 출력된 Data가 없는 경우 메시지 출력 예제입니다.
noResultMessage 출력의 기본 동작은 연결된 DataList에 데이터가 없이 최초 로딩된 경우에는 noResultMessage가 출력되지 않는 것입니다.
설정을 통해 GridView에 출력될 데이터가 없는 경우 noResultMessage를 출력할 수있습니다.'
					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_books" defaultCellHeight="24"
							id="" style="height:100px;" visibleRowNum="3" 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에 출력된 Data가 없는 경우 noResultMessage 출력하기"
						style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books" defaultCellHeight="24"
							id="" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="3" visibleRowNumFix="true"
							noResultMessageVisibleAlways="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>


<?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>
			</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="" chooseOption="" displayMode="label" style="width: 150px;min-height:24px;" submenuSize="auto"
							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 allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
							displayMode="label" id="" style="width: 150px;min-height:24px;" submenuSize="auto" separator=", ">
							<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="[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:column id="useYN" name="useYN" 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", "useYN": "Y" },
        { "label": "Pear", "code": "02", "useYN": "N" },
        { "label": "Grapes", "code": "03", "useYN": "Y" },
        { "label": "Watermelon", "code": "04", "useYN": "N" },
        { "label": "Peach", "code": "05", "useYN": "Y" }
    ]);
};

/**
 * CheckCombobox - 비활성화 항목 지정 - 스크립트
 * 버튼 [항목 비활성화] 클릭 시
 */
scwin.btn_ex1_onclick = function (e) {
    //항목 비활성화 컬럼 및 비활성화값 설정
    ccb_exam3.setEnableColumn("useYN", "N");
};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<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="ccb_exam1" 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 allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
							displayAllOptionLabel="false" displayMode="label" id="ccb_exam2" ref="" style="width: 150px;min-height:24px;" submenuSize="auto"
							enableColumn="useYN" enableColumnFalseValue="N">
							<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:group id="" style="" class="mb10">
							<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style="" type="button">
								<xf:label><![CDATA[항목 비활성화]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:checkcombobox allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
							displayAllOptionLabel="false" displayMode="label" id="ccb_exam3" ref="" 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>
	</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: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="공통 Function을 통해 코드성 Data와 컴포넌트의 항목을 연동하는 예시입니다.
화면에서는 화면이 로딩되면 공통 Function을 호출하며 코드와 컴포넌트의 정보를 넘겨주도록 되어있습니다.
(스크립트의 scwin.onpageload function 참조)

공통 Function에서의 주요 기능 다음과 같습니다.( /js/eduCommon.js의 com.setCommonCode 참고)
- DataCollection 동적 생성
- 컴포넌트의 ItemSet 동적 설정
- Submission 동적 생성 및 실행"
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" class="tblbox">
				<xf:group tagname="table" style="width:100%;" id="table1" class="w2tb tbl" adaptive="layout" adaptiveThreshold="800">
					<w2:attributes>
						<w2:summary></w2:summary>
					</w2:attributes>
					<xf:group tagname="colgroup">
						<xf:group tagname="col" style="width:120px;"></xf:group>
						<xf:group tagname="col" style=""></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">성별코드</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<xf:select1 appearance="full" style="position: relative;width: 150px;min-height: 21px;" id="ui_genderCode01" rows="1"
								cols="" selectedIndex="-1">
								<xf:choices></xf:choices>
							</xf:select1>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" class="w2tb_th">성별코드2</xf:group>
						<xf:group tagname="td" class="w2tb_td">
							<xf:select1 submenuSize="auto" appearance="minimal" invalidMessage="" disabledClass="w2selectbox_disabled"
								chooseOption="false" disabled="false" style="width: 148px;min-height: 21px;" allOption="false" id="ui_genderCode02" class="chSize"
								displayMode="label" direction="auto">
							</xf:select1>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">휴대폰&nbsp;앞자리</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<xf:select1 submenuSize="auto" appearance="minimal" disabledClass="w2selectbox_disabled" chooseOption="false"
								disabled="false" style="width: 148px;min-height: 21px;" allOption="false" id="ui_hp01" class="chSize" displayMode="label"
								direction="auto">
							</xf:select1>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">담당&nbsp;업무</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<xf:checkcombobox displayAllOptionLabel="false" submenuSize="auto" appearance="minimal" chooseOption="false"
								disabled="false" style="width: 148px;min-height: 21px;" allOption="false" id="ui_ccb_role" class="chSize" displayMode="label"
								direction="auto">
							</xf:checkcombobox>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" class="w2tb_th">
							담당&nbsp;업무2
							<w2:attributes>
								<w2:scope>row</w2:scope>
							</w2:attributes>
						</xf:group>
						<xf:group tagname="td" class="w2tb_td">
							<w2:attributes></w2:attributes>
							<xf:select appearance="full" style="min-width: 148px;min-height: 21px;" id="ui_cbx_role" selectedindex="-1"></xf:select>
						</xf:group>
					</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="동적으로 컴포넌트 생성하기">
		<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:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

/**
 * [실행1] 클릭 시
 * trigger 생성 및 출력
 */
scwin.btn_ex1_onclick = function (e) {
    var _comp;
    var strID;
    var objDate;

    //중복되지 않는 ID 생성을 위한 스크립트
    objDate = new Date();
    strID = "btn_ex_" + objDate.getDate() + "_" + objDate.getTime();

    //버튼(trigger) 생성
    _comp = $p.dynamicCreate(
        strID,
        "trigger", //생성할 컴포넌트의 pluginName
        {
            style: ""
            , className: "btn_cm mr_def"
        },
        grp_target  //생성(추가)할 위치의 컴포넌트 객체
    );

    //생성된 trigger의 value 할당.
    _comp.setValue("버튼");

};

/**
 * [실행2] 클릭 시
 * input 생성 및 출력
 */
scwin.btn_ex2_onclick = function (e) {
    var _comp;
    var strID;
    var objDate;

    //중복되지 않는 ID 생성을 위한 스크립트
    objDate = new Date();
    strID = "ipt_ex_" + objDate.getDate() + "_" + objDate.getTime();

    //input 생성
    _comp = $p.dynamicCreate(
        strID,
        "input", //생성할 컴포넌트의 pluginName
        {
            style: "min-width:80px; min-height:20px;",
            className: "mr_def",
            placeholder: "입력하세요.",
        },
        grp_target  //생성(추가)할 위치의 컴포넌트 객체
    );
};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="mb_def minH" id="" style="" tagname="ul">
				<xf:group class="com_example_heading_btn" id="" style="" tagname="li">
					<w2:textbox class="com_example_heading" id="" label="버튼 생성하기" style=""></w2:textbox>
					<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style=""
						type="button">
						<xf:label><![CDATA[실행1]]></xf:label>
					</xf:trigger>
				</xf:group>
				<xf:group class="com_example_heading_btn" id="" style="" tagname="li">
					<w2:textbox class="com_example_heading" id="" label="input 생성하기" style=""></w2:textbox>
					<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" style=""
						type="button">
						<xf:label><![CDATA[실행2]]></xf:label>
					</xf:trigger>
				</xf:group>
			</xf:group>
			<xf:group id="" style="" class="minH">
				<w2:textbox id="" label="아래에 컴포넌트가 추가됩니다." style="background-color: #eee;padding:4px 4px;font-size: 11px;" class=""></w2:textbox>
				<xf:group style="padding: 6px 0px; line-height: 30px" id="grp_target" class="minH">
				</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=" 20230712" 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="label" name="도서명"></w2:column>
						<w2:column id="price" name="정가" 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의 셀의 데이터를 반환받는 예제입니다.
이 예제는 GridView의 함수 'getCellDisplayData'와 DataList의 함수 'getCellData'를 사용하였습니다.
각 함수의 기능은 다음과 같습니다.
- [GridView] getCellDisplayData: GridView에 출력된 데이터를 반환합니다.
- [DataList] getCellData: DataList에 할당된 데이터를 반환합니다."
					style="">
				</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="컬럼 '정가'의 2번째 행의 데이터 반환받기" style=""></w2:textbox>
					<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[GridView에 출력된 데이터 반환받기]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec" id="btn_exam1_2" style="" type="button" ev:onclick="scwin.btn_exam1_2_onclick">
								<xf:label><![CDATA[GridView와 연결된 DataList의 데이터 반환받기]]></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">
								<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="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="price" inputType="text" width="70" displayFormat="#,###" dataType="number">
										</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=" 20230705" 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_chartData_1" repeatNode="data" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="type" name="type"></w2:column>
						<w2:column dataType="text" id="value" name="value"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<type><![CDATA[TYPE 1]]></type>
							<value><![CDATA[17600]]></value>
						</w2:row>
						<w2:row>
							<type><![CDATA[TYPE 2]]></type>
							<value><![CDATA[28110]]></value>
						</w2:row>
						<w2:row>
							<type><![CDATA[TYPE 3]]></type>
							<value><![CDATA[29800]]></value>
						</w2:row>
						<w2:row>
							<type><![CDATA[TYPE 4]]></type>
							<value><![CDATA[21500]]></value>
						</w2:row>
						<w2:row>
							<type><![CDATA[TYPE 5]]></type>
							<value><![CDATA[15300]]></value>
						</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="FusionChart의 속성을 스크립트로 적용하는 예제입니다.
이 예제는 FusionChart의 함수 'setChartAttribute'를 사용하는 기본 구문을 안내하고자 작성되어 있습니다.
주로 사용되는 영역별(툴팁, 트렌드라인 등) 속성 적용 방법은 별도의 예제로 제공됩니다."
					style=""></w2:textbox>
				<w2:textbox escape="false" id="" label='FusionChart의 모든 속성 : https://www.fusioncharts.com/dev/chart-attributes/' style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">
				<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 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[차트 속성 변경하고 브라우저에 그리기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group id="" class="mb_def_box nobottom">
							<w2:fusionchart labelNode="type" ref="data:dlt_chartData_1" seriesColumns="[['value']]" chartType="Column2D"
								drawType="javascript" style="height: 300px;min-width:200px;" id="cht_exam1">
							</w2:fusionchart>
						</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="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" repeatNode="map" id="dlt_dataList1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="name" name="name1" dataType="text"></w2:column>
						<w2:column id="Code" name="name2" dataType="text"></w2:column>
						<w2:column id="depth" name="name3" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<name><![CDATA[Asia]]></name>
							<![CDATA[AS]]>
							<depth><![CDATA[1]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Korea]]></name>
							<![CDATA[KO]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Seoul]]></name>
							<![CDATA[SE]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Busan]]></name>
							<![CDATA[BU]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Japan]]></name>
							<![CDATA[JP]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Tokyo]]></name>
							<![CDATA[TO]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Osaka]]></name>
							<![CDATA[OS]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[China]]></name>
							<![CDATA[CH]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Beijing]]></name>
							<![CDATA[BJ]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Shanghai]]></name>
							<![CDATA[SG]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Europe]]></name>
							<![CDATA[EU]]>
							<depth><![CDATA[1]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[United Kingdom]]></name>
							<![CDATA[UK]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Manchester]]></name>
							<![CDATA[MC]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Liverpool]]></name>
							<![CDATA[LP]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[France]]></name>
							<![CDATA[FR]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Paris]]></name>
							<![CDATA[PR]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Marseille]]></name>
							<![CDATA[MS]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[German]]></name>
							<![CDATA[GE]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Berlin]]></name>
							<![CDATA[BL]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Hamburg]]></name>
							<![CDATA[HB]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[America]]></name>
							<![CDATA[AM]]>
							<depth><![CDATA[1]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Canada]]></name>
							<![CDATA[CA]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Toronto]]></name>
							<![CDATA[TT]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Montreal]]></name>
							<![CDATA[MT]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Mexico]]></name>
							<![CDATA[Me]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Mexico City]]></name>
							<![CDATA[MC]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Tijuana]]></name>
							<![CDATA[TJ]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[United states america]]></name>
							<![CDATA[USA]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[New York]]></name>
							<![CDATA[NY]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Los Angeles]]></name>
							<![CDATA[LA]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Africa]]></name>
							<![CDATA[AF]]>
							<depth><![CDATA[1]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Nigeria]]></name>
							<![CDATA[NI]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Lagos]]></name>
							<![CDATA[LG]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Kano]]></name>
							<![CDATA[KN]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Ethiopia]]></name>
							<![CDATA[ET]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Addis Ababa]]></name>
							<![CDATA[AA]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Dire Dawa]]></name>
							<![CDATA[DD]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Egypt]]></name>
							<![CDATA[EG]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Cairo]]></name>
							<![CDATA[CI]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Alexandria]]></name>
							<![CDATA[AX]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Oceania]]></name>
							<![CDATA[OC]]>
							<depth><![CDATA[1]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Australia]]></name>
							<![CDATA[AU]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Sydney]]></name>
							<![CDATA[SY]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Melbourne]]></name>
							<![CDATA[MB]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[New Zealand]]></name>
							<![CDATA[NZ]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Auckland]]></name>
							<![CDATA[AK]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Christchurch]]></name>
							<![CDATA[CT]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Fiji]]></name>
							<![CDATA[FI]]>
							<depth><![CDATA[2]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Nasinu]]></name>
							<![CDATA[NN]]>
							<depth><![CDATA[3]]></depth>
						</w2:row>
						<w2:row>
							<name><![CDATA[Suva]]></name>
							<![CDATA[SV]]>
							<depth><![CDATA[3]]></depth>
						</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='SelectBox컴포넌트를 계층 구조의 데이터를 선택 항목으로 표시하는 방법에 관한 예제입니다.<br/><br/>이 기능은 아래의 속성으로 사용할 수 있습니다.<br/>- depthColumn : 목록을 계층 구조로 보여줄 때 사용하는 속성.<br/>- depthColumnHeight : depthColumn 기능 사용 시 목록의 높이 값.<br/>- depthColumnWidth : depthColumn 기능 사용 시 목록의 너비 값.'
					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:textbox class="ws5_example_txt_normal" escape="false" id="" label='SelectBox컴포넌트 클릭하여 데이터들이 계층구조로 표시되어있는 것을 확인한다.'
							style="" displayFormat="">
						</w2:textbox>
						<xf:select1 id="sbx_exam1" chooseOption="" style="width: 148px;height: 21px;" submenuSize="auto" allOption=""
							disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="" depthColumn="depth">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="name"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="계층 구조의 너비 높이 지정하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='SelectBox컴포넌트 클릭하여 계층 구조의 높이 너비가 바뀐 것을 확인합니다.'
							style="" displayFormat="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;"></xf:group>
						<xf:select1 allOption="" appearance="minimal" chooseOption="" depthColumn="depth" direction="auto" disabled="false"
							disabledClass="w2selectbox_disabled" id="sbx_exam2" ref="" style="width: 148px;height: 21px;" submenuSize="auto"
							depthColumnWidth="200" depthColumnHeight="150">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="name"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</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="20230314" 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_dataList1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="City" name="name1" dataType="text"></w2:column>
						<w2:column id="Code" name="name2" dataType="text"></w2:column>
						<w2:column id="Type" name="name3" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<City><![CDATA[Seoul]]></City>
							<![CDATA[SE]]>
							<Type><![CDATA[Asia]]></Type>
						</w2:row>
						<w2:row>
							<City><![CDATA[Paris]]></City>
							<![CDATA[PA]]>
							<Type><![CDATA[Europe]]></Type>
						</w2:row>
						<w2:row>
							<City><![CDATA[London]]></City>
							<![CDATA[LN]]>
							<Type><![CDATA[Europe]]></Type>
						</w2:row>
						<w2:row>
							<City><![CDATA[Beijing]]></City>
							<![CDATA[BJ]]>
							<Type><![CDATA[Asia]]></Type>
						</w2:row>
						<w2:row>
							<City><![CDATA[Tokyo]]></City>
							<![CDATA[TK]]>
							<Type><![CDATA[Asia]]></Type>
						</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='Radio컴포넌트에서 DataList와 연결하여 선택 항목을 표시할 경우,<br/>연결된 DataList의 특정 컬럼 값을 기준으로 일부 선택 항목을 숨기는 예제입니다.<br/><br/>이 기능은 아래의 속성과 함수로 사용할 수 있습니다.<br/>- visibleColumn : (속성)선택 항목 목록에서 특정 항목을 감추는 기능<br/>- visibleColumnFalseValue : (속성)visibleColumn 사용 시 목록에서 특정 항목을 감추기 위한 조건에 해당하는 값<br/>- setVisibleColumn : (함수)visibleColumn 속성을 동적으로 설정'
					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:textbox class="ws5_example_txt_normal" escape="false" id=""
							label='Radio컴포넌트의 visibleColumn 속성에 DataList의 id인 "Type", visibleColumnFalseValue 속성에 실재 id의 값인 "Asia"를 설정했습니다. 따라서 Type이 Asia인 데이터를 제외한 항목만을 표시하는 것을 확인할 수 있습니다.'
							style="" displayFormat="">
						</w2:textbox>
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='[속성 적용 전]' style="" displayFormat="">
						</w2:textbox>
						<xf:select1 id="rad_exam1" selectedIndex="-1" appearance="full"
							style="width: 200px;height:125px;border: 1px solid #ced4da;" cols="" rows="" ref="">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='[속성 적용 후]' style="" displayFormat="">
						</w2:textbox>
						<xf:select1 id="rad_exam2" selectedIndex="-1" appearance="full"
							style="width: 200px;height:125px;border: 2px #ced4da;border: 1px solid #ced4da;" cols="" rows="" ref="" visibleColumn="Type"
							visibleColumnFalseValue="Asia">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="특정 항목 감추기 - 함수" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="아래 버튼을 클릭 시 setVisibleColumn 함수로 인해 Type이 Europe인 항목을 제외하고 표시하는 것을 확인할 수 있습니다." style="" displayFormat="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<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[특정 항목 감추기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:select1 id="rad_exam3" selectedIndex="-1" appearance="full" style="width: 200px;height:125px;" cols="" rows="" ref="">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</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>
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220930" 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="">
			<w2:textbox id="" label="P00113S02.xml" style="color: firebrick;font-size: 2em;font-weight: bold;"></w2:textbox>
		</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>
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221021" 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="">
			<w2:textbox id="" label="P00146S03.xml" style="color: seagreen;font-size: 2em;font-weight: bold;"></w2:textbox>
		</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="[GridView] 병합된 헤더 컬럼에 정렬 기능을 사용할 바디 컬럼 지정하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220930" 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="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:dataList>
				<w2:dataList baseNode="list" id="dlt_books_2" 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:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {
    scwin.setInitData();
};

scwin.setInitData = function () {
    var arrData = [
        { "book_name": "불편한 편의점", "price": "14000", "published_date": "20210420" },
        { "book_name": "어린왕자", "price": "2000", "published_date": "19810801" },
        { "book_name": "사람일까 상황일까", "price": "28000", "published_date": "20190826" },
        { "book_name": "내가 틀릴 수도 있습니다", "price": "16000", "published_date": "20220418" },
        { "book_name": "인간 실격", "price": "9000", "published_date": "20040515" },
        { "book_name": "공정하다는 착각", "price": "18000", "published_date": "20201201" },
        { "book_name": "JavaScript Patterns", "price": "22000", "published_date": "20111103" }
    ];

    dlt_books_1.setJSON(arrData);
    dlt_books_2.setJSON(arrData);
};]]></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의 헤더 컬럼이 병합되었을 때 정렬 기능을 적용할 바디 컬럼을 지정하는 예제입니다.' 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: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_1" defaultCellHeight="24"
							id="grd_exam1" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" rowNumVisible="true" rowNumWidth="26"
							showSortableImage="true" sortable="true" sortEvent="onclick">
							<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="324" colSpan="3">
									</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="170"></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="91">
									</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: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_2" defaultCellHeight="24"
							id="grd_exam2" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" sortable="true"
							showSortableImage="true" sortEvent="onclick">
							<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 colSpan="3" displayMode="label" id="column3" inputType="text" value="도서 정보" width="324" orderByColumn="price">
									</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="170"></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="91">
									</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"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221007" 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="Input의 속성 applyFormat의 설정값 비교 예제입니다.
Input의 속성을 아래와 같이 설정하면 사용자가 입력한 숫자형 데이터가 3자리 마다 ,가 포함됩니다.
- dataType : number 또는 bigDecimal
- displayFormat : #,###
"
					style="margin-bottom: 10px;">
				</w2:textbox>
				<w2:textbox escape="false" id="" label="속성 applyFormat에 지정한 값에 따라 포맷 적용의 시점이 달라집니다.
" 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="기본 설정 - applyFormat : display" style=""></w2:textbox>

					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="Input에서 입력 커서가 벗어나면 포맷이 적용됩니다." style="">
						</w2:textbox>
						<xf:input class="" id="" placeholder="숫자만 입력하세요" style="min-width:120px;" dataType="number" displayFormat="#,###"></xf:input>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='applyFormat : all' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="Input에 입력 즉시 포맷이 적용됩니다." style="">
						</w2:textbox>
						<xf:input class="" dataType="number" displayFormat="#,###" id="" placeholder="숫자만 입력하세요" style="min-width:120px;"
							applyFormat="all">
						</xf:input>
					</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="20221004" 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='WindowContainer의 속성 중 "controlIconPosition" 설정의 예제입니다.
속성 "nameLayerRearrange"는 윈도우 제어 아이콘의 위치를 지정하는 기능을 제공합니다.
영역별 윈도우 제어 아이콘의 위치를 비교합니다.'
					style=""></w2:textbox>
			</xf:group>
			<xf:group id="" style="" class=""></xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='기본 설정 - controlIconPosition="left"' 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:windowContainer controlIconPosition="left" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
							horizontalArrangeNum="2" id="wdc_exam1" nameLayerRearrange="false" sequentialArrangeColNum="2" sequentialArrangeRowNum="2"
							spaInitCount="0" stopMinimizeOnNameLayer="false" stopToggleOnLast="false" style="position: relative;height:300px;"
							toolbarPosition="bottom" tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="false"
							useCustomMsg="false" useFixButton="true" useNameContainer="false" useStatusMsg="false" verticalArrangeNum="2"
							windowAutoResize="false" windowMaxNum="5" windowMaximizeAll="false" windowTooltipDisplay="true">
							<w2:windowToolbar>
								<w2:controlIconLayer>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
								</w2:controlIconLayer>
								<w2:nameLayer></w2:nameLayer>
								<w2:selectedNameLayer></w2:selectedNameLayer>
							</w2:windowToolbar>
						</w2:windowContainer>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='controlIconPosition="right"' 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:windowContainer controlIconPosition="right" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
							horizontalArrangeNum="2" id="wdc_exam2" nameLayerRearrange="false" sequentialArrangeColNum="2" sequentialArrangeRowNum="2"
							spaInitCount="0" stopMinimizeOnNameLayer="false" stopToggleOnLast="false" style="position: relative;height:300px;"
							toolbarPosition="bottom" tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="false"
							useCustomMsg="false" useFixButton="true" useNameContainer="true" useStatusMsg="false" verticalArrangeNum="2" windowAutoResize="false"
							windowMaxNum="5" windowMaximizeAll="false" windowTooltipDisplay="true">
							<w2:windowToolbar>
								<w2:controlIconLayer>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
								</w2:controlIconLayer>
								<w2:nameLayer></w2:nameLayer>
								<w2:selectedNameLayer></w2:selectedNameLayer>
							</w2:windowToolbar>
						</w2:windowContainer>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='controlIconPosition="allright"' 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:windowContainer controlIconPosition="allright" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
							horizontalArrangeNum="2" id="wdc_exam3" nameLayerRearrange="false" sequentialArrangeColNum="2" sequentialArrangeRowNum="2"
							spaInitCount="0" stopMinimizeOnNameLayer="false" stopToggleOnLast="false" style="position: relative;height:300px;"
							toolbarPosition="bottom" tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="false"
							useCustomMsg="false" useFixButton="true" useNameContainer="true" useStatusMsg="false" verticalArrangeNum="2" windowAutoResize="false"
							windowMaxNum="5" windowMaximizeAll="false" windowTooltipDisplay="true">
							<w2:windowToolbar>
								<w2:controlIconLayer>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
								</w2:controlIconLayer>
								<w2:nameLayer></w2:nameLayer>
								<w2:selectedNameLayer></w2:selectedNameLayer>
							</w2:windowToolbar>
						</w2:windowContainer>
					</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="[InputCalendar] 유효하지 않은 값이 입력된 경우 메시지를 팝업하고 직전 값으로 되돌리기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221004" 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 () {
    scwin.setInitPage();
};

/**
 * 화면 초기화
 */
scwin.setInitPage = function () {
    var strDate;

    //서버에서 오늘 날짜 반환 받기.
    strDate = $p.getCurrentServerDate("yyyyMMdd");

    //inputCalendar에 오늘 날짜 할당.
    ica_exam_1.setValue(strDate);
    ica_exam_2.setValue(strDate);
};

/**
 * inputCalendar [ica_exam_1]의 속성 invalidMessageFunc에 정의
 * 유효하지 않은 날짜가 입력된 경우 엔진에서 호출합니다.
 */
scwin.inputCalendar_invalidMessageFunc = function () {
    var strTarget;
    var jsnPopParam;
    var jsnPopDataObjectsnPopParam;
    var jsnPopOptions;

    //컴포넌트 ID
    //this.callerId

    //대상 InputCalendar의 ID로 컴포넌트 객체 반환 받기
    strTarget = $p.getComponentById(this.callerId);

    //팝업에 전달할 데이터
    jsnPopParam = {
        "inputData": strTarget.getValue()  //입력값 전달
    };

    //팝업에 전달한 데이터 객체 정보
    jsnPopDataObjectsnPopParam = {
        "type": "json", // 데이터 타입. "json" 권장
        "name": "p_param",  // 데이터를 가져오기 위한 key 값. popup에서 $p.getParameter("p_param")로 반환 받을 수 있습니다.
        "data": jsnPopParam // 실제 전달할 데이터
    };

    //팝업 객체 정보
    jsnPopOptions = {
        "id": "popup_P00130P01",
        "type": "wframePopup",
        "modal": true,
        "frameModal": true,
        "width": "270px",
        "height": "160px",
        "popupName": "유효성 체크 메시지",
        "left": strTarget.getPosition("left"), //inputCalendar의 left 값
        "top": strTarget.getPosition("top"), //inputCalendar의 top 값
        "dataObject": jsnPopDataObjectsnPopParam //팝업에 전달할 데이터 객체 정보
    };

    //팝업 열기
    $p.openPopup("/page/P00130P01.xml", jsnPopOptions);

    //직전 값으로 복원.
    strTarget.setValueCancel();
};]]></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="margin-bottom: 10px;">
				</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:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="입력값이 유효한 날짜가 아니면 개발자가 정의 한 팝업에 메시지를 출력하고 직전 값으로 되돌립니다." style=""></w2:textbox>
						<w2:inputCalendar calendarValueType="yearMonthDate" dateValidSet="true" dateValidSetCustom="true"
							focusOnDateSelect="false" id="ica_exam_1" invalidMessageFunc="scwin.inputCalendar_invalidMessageFunc" renderDiv="true"
							rightAlign="false" style="min-width: 110px;min-height: 24px;" validateOnInput="true" validateOnInputMobile="true">
						</w2:inputCalendar>
					</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:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_2" renderDiv="true"
							rightAlign="false" style="min-width: 110px;min-height: 24px;">
						</w2:inputCalendar>
					</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="[WindowContainer] 윈도우별의 기본 크기 설정하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220930" 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 () {
    scwin.initPage();
};

/**
 * 화면 초기화
 */
scwin.initPage = function () {

};

/**
 * 버튼 [window 생성 - 기본 크기 미지정] 클릭 시
 */
scwin.btn_ex1_onclick = function (e) {
    wdc_exam1.createWindow({
        "title": "기본 크기 미지정",
        "frameMode": "wframe",
        "src": "/page/P00124S01.xml",
        "windowId": "w_P00124S01"
    });
};

/**
 * 버튼 [window 생성- 기본 크기 지정] 클릭 시
 */
scwin.btn_ex2_onclick = function (e) {
    wdc_exam1.createWindow({
        "title": "기본 크기 지정",
        "frameMode": "wframe",
        "src": "/page/P00124S02.xml",
        "windowId": "w_P00124S02",
        "defaultWidth": "230px",    //기본 너비 지정
        "defaultHeight": "140px"    //기본 높이 지정
    });
};

]]></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='Window의 기본 창의 크기를 지정하는 예제입니다.<br/>Window 생성 API인 "createWindow"에서 옵션 "defaultWidth", "defaultHeight"를 추가하여 Window별 기본 창의 크기를 지정할 수 있습니다.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" style="" class=""></xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="">
				<xf:group class="titbox" id="" style="">
					<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style=""
						type="button">
						<xf:label><![CDATA[window 생성 - 기본 크기 미지정]]></xf:label>
					</xf:trigger>
					<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" style=""
						type="button">
						<xf:label><![CDATA[window 생성- 기본 크기 지정]]></xf:label>
					</xf:trigger>
				</xf:group>
				<w2:windowContainer controlIconPosition="left" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
					horizontalArrangeNum="2" id="wdc_exam1" nameLayerRearrange="false" sequentialArrangeColNum="2" sequentialArrangeRowNum="2"
					spaInitCount="0" stopMinimizeOnNameLayer="false" stopToggleOnLast="false" style="position: relative;height: 340px;"
					toolbarPosition="bottom" tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="false"
					useCustomMsg="false" useFixButton="false" useNameContainer="false" useStatusMsg="false" verticalArrangeNum="2" windowAutoResize="false"
					windowMaxNum="5" windowMaximizeAll="false" windowTooltipDisplay="true">
					<w2:windowToolbar>
						<w2:controlIconLayer>
							<w2:controlIcon></w2:controlIcon>
							<w2:controlIcon></w2:controlIcon>
							<w2:controlIcon></w2:controlIcon>
							<w2:controlIcon></w2:controlIcon>
							<w2:controlIcon></w2:controlIcon>
						</w2:controlIconLayer>
						<w2:nameLayer></w2:nameLayer>
						<w2:selectedNameLayer></w2:selectedNameLayer>
					</w2:windowToolbar>
				</w2:windowContainer>
			</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>
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221104" 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 () {
    tac_exam1.disableTab(1)
};

/**
 * 버튼 [비활성화 하기] 클릭 시
 */
scwin.btn_ex1_onclick = function (e) {
    //TabControl [tac_exam1] 비활성화 설정
    tac_exam1.setDisabled(true);
};

/**
 * 버튼 [활성화 하기] 클릭 시
 */
scwin.btn_ex1_1_onclick = function (e) {
    //TabControl [tac_exam1] 활성화 설정
    tac_exam1.setDisabled(false);
};

/**
 * 버튼 [화면 초기화] 클릭 시
 */
scwin.btn_ex1_3_onclick = function (e) {
    $p.reinitialize();
};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="padding: 6px;">
			<w2:textbox id="" label="P00158S02.xml" style="color: darkviolet;font-size: 1.4em;font-weight: bold;"></w2:textbox>
			<w2:textbox class="ws5_example_txt_normal mb10" escape="false" id=""
				label="TabControl의 속성 keepDisabledTab이 true로 지정되어있습니다.<br/>두 번째 탭이 비활성화된 상태입니다." style="">
			</w2:textbox>
			<xf:group class="mb_def_box" id="" style="margin-bottom: 0px !important;">
				<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style="" type="button">
					<xf:label><![CDATA[비활성화 하기]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex1_1_onclick" id="btn_ex1_1" style="" type="button">
					<xf:label><![CDATA[활성화 하기]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex1_3_onclick" id="btn_ex1_3" style="" type="button">
					<xf:label><![CDATA[화면 초기화]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group class="tbcbox" id="" style="">
				<w2:tabControl alwaysDraw="false" class="" confirmFalseAction="new" confirmTrueAction="exist" id="tac_exam1"
					style="position: relative;height: 100px;" tabScroll="" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true"
					keepDisabledTab="true">
					<w2:tabs disabled="false" style="width:60px;height:30px;" id="tabs1" label="TAB1"></w2:tabs>
					<w2:tabs disabled="false" style="width:110px;height:30px;" id="tabs2" label="TAB2 - 비활성화"></w2:tabs>
					<w2:content alwaysDraw="false" style="" id="content1">
						<w2:textbox id="" label="SUB TAB 1 Content 영역" style="font-size: 1.2em;padding: 10px;"></w2:textbox>
					</w2:content>
					<w2:content alwaysDraw="false" style="height:70px" id="content2">
						<xf:group id="" style="padding:6px;">
							<xf:input adjustMaxLength="false" style="width: 100px;height: 24px;margin-right: 10px;" id=""></xf:input>
							<xf:trigger useDefaultLabel="true" localeRef="" style="min-width: 30px; height: 26px;" id="" type="" class="btn_com">
								<xf:label><![CDATA[임시 버튼]]></xf:label>
							</xf:trigger>
						</xf:group>
					</w2:content>
				</w2:tabControl>
			</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="[GridView] inputType이 autoComplate인 경우 목록 확장 아이콘 클릭 시 목록 확장하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220930" 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="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {
    //GridView의 선택형 inputType의 목록과 연결된 DataList "dlt_exam_code"에 데이터 할당.
    dlt_exam_code.setJSON([
        { "label": "Apple", "code": "01", "useYN": "Y" },
        { "label": "Pear", "code": "02", "useYN": "N" },
        { "label": "Grapes", "code": "03", "useYN": "Y" },
        { "label": "Melon", "code": "04", "useYN": "N" },
        { "label": "Peach", "code": "05", "useYN": "Y" }
    ]);

    //GridView와 연결된 DataList에 데이터 할당.
    dlt_exam.setJSON([
        { "select": "03", "checkcombobox": "03", "autoComplete": "03" },
        { "select": "05", "checkcombobox": "05", "autoComplete": "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='GridView의 inputType이 "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:textbox class="ws5_example_txt_normal" escape="false" id="" label="컬럼 [autoComplete]의 목록 확장 아이콘을 클릭하면 편집 모드로 변경됩니다."
							style="">
						</w2:textbox>
						<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="96" inputType="text" id="column1" value="autoComplete" displayMode="label"></w2:column>
									<w2:column width="80" inputType="text" id="column3" value="select" displayMode="label"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody style="" id="gBody1">
								<w2:row style="" id="row2">
									<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: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: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:textbox class="ws5_example_txt_normal" escape="false" id="" label="컬럼 [autoComplete]의 목록 확장 아이콘을 클릭하면 목록이 확장됩니다."
							style="">
						</w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_exam" defaultCellHeight="24"
							id="" 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="column1" inputType="text" value="autoComplete" width="96"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="select" width="80"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="autoComplete" inputType="autoComplete" viewType="icon" width="96" directOpen="true"
										viewTypeIconImage="true">
										<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 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: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>
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220930" 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 () {

};

/**
 * 버튼 [팝업 열기] 클릭시
 */
scwin.btn_ex1_onclick = function (e) {
    var jsnOptions = {
        id: "popup_P00123P02",
        type: "wframePopup",
        modal: "modal",
        frameModal: "",
        width: "200px",
        height: "160px",
        popupName: "popup1-1",
        left: "60px",
        top: "60px"
    };

    //팝업 열기
    $p.openPopup("/page/P00123P02.xml", jsnOptions);
};]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="pop_contents" id="" style="padding: 10px;">
			<w2:textbox id="" label="팝업1 - P00123P01.xml" style="color: DarkCyan;font-size: 1.5em;font-weight: bold;"></w2:textbox>
			<xf:group id="" style="">
				<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" localeRef=""
					style="min-width: 30px; height: 26px;" type="" useDefaultLabel="true">
					<xf:label><![CDATA[팝업 열기]]></xf:label>
				</xf:trigger>
			</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>
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221021" 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="">
			<w2:textbox id="" label="P00146S02.xml" style="color: firebrick;font-size: 2em;font-weight: bold;"></w2:textbox>
		</xf:group>
	</body>
</html>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230313" 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_dataList1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="City" name="name1" dataType="text"></w2:column>
						<w2:column id="Code" name="name2" dataType="text"></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:row>
							<City><![CDATA[Tokyo]]></City>
							<![CDATA[TK]]>
						</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='사용자가 Radio컴포넌트에서 선택한 데이터를 검증하는 것에 관한 예제입니다.<br/><br/>이 기능은 아래의 속성과 함수로 사용할 수 있습니다.<br/>- mandatory : (속성)mandatory="true"인 경우, validate(); 함수는 검증을 수행하여 결과를 true/false로 반환<br/>- displaymessage : (속성)검증 실패 시 Engine 내부에 정의된 메시지 표시<br/>- invalidMessage : (속성)검증 결과가 실패일 경우, 속성에 지정한 값을 메시지 표시<br/>- invalidMessageFunc : (속성)검증 결과가 실패일 경우, 사용자 지정 함수 반환<br/>- validate : (함수)컴포넌트의 유효성 관련 속성값을 통해 유효성 검사를 실행'
					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:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="Radio컴포넌트 체크 후 아래의 버튼을 클릭 시 true값을 반환합니다. 반환값은 메시지 창에 표시됩니다." style="" displayFormat="">
						</w2:textbox>
						<w2:textbox class="txt_info_important" escape="false" id="" label="※ Radio컴포넌트를 체크하지 않고 버튼을 누를 시 false값을 메시지 창에 표시합니다."
							style="margin-bottom: 10px;">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<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[체크 여부 판단하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:select1 id="rad_exam1" selectedIndex="-1" appearance="full" style="width: 200px;height:125px;" cols="" rows="" ref=""
							mandatory="true">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="지정된 메시지 표시하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="Radio컴포넌트를 체크하지 않고 아래의 버튼을 클릭 시 지정된 메시지 '필수 입력 항목입니다'가 표시됩니다." style="" displayFormat="">
						</w2:textbox>
						<w2:textbox class="txt_info_important" escape="false" id="" label="※ Radio컴포넌트를 체크 후 버튼을 누를 시 반환 메시지가 없습니다."
							style="margin-bottom: 10px;">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<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[지정된 메시지 표시하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
						</xf:group>
						<xf:select1 id="rad_exam2" selectedIndex="-1" appearance="full" style="width: 200px;height:125px;" cols="" rows="" ref=""
							mandatory="true" displaymessage="true">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="사용자 설정 메시지 표시하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="Radio컴포넌트를 체크하지 않고 아래의 버튼을 클릭 시 사용자가 설정한 메시지가 표시됩니다." style="" displayFormat="">
						</w2:textbox>
						<w2:textbox class="txt_info_important" escape="false" id="" label="※ Radio컴포넌트를 체크 후 버튼을 누를 시 반환 메시지가 없습니다."
							style="margin-bottom: 10px;">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<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[사용자 설정 메시지 표시하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
						</xf:group>
						<xf:select1 id="rad_exam3" selectedIndex="-1" appearance="full" style="width: 200px;height:125px;" cols="" rows="" ref=""
							mandatory="true" displaymessage="true" invalidMessage="사용자 설정 메시지">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="사용자 지정 함수로 설정한 메시지 표시하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="Radio컴포넌트를 체크하지 않고 아래의 버튼을 클릭 시 사용자 지정 함수로 설정한 메시지가 표시됩니다." style="" displayFormat="">
						</w2:textbox>
						<w2:textbox class="txt_info_important" escape="false" id="" label="※ Radio컴포넌트를 체크 후 버튼을 누를 시 반환 메시지가 없습니다."
							style="margin-bottom: 10px;">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<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[사용자 지정 함수로 설정한 메시지 표시하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
						</xf:group>
						<xf:select1 id="rad_exam4" selectedIndex="-1" appearance="full" style="width: 200px;height:125px;" cols="" rows="" ref=""
							mandatory="true" displaymessage="true" invalidMessageFunc="scwin.fn_msg">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</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="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" repeatNode="map" id="dlt_dataList1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="City" name="name1" dataType="text"></w2:column>
						<w2:column id="Code" name="name2" dataType="text"></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:row>
							<City><![CDATA[Tokyo]]></City>
							<![CDATA[TK]]>
						</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='WebSquare 스튜디오에서 DataList 작성법과 SelectBox컴포넌트에 DataList를 연결하여 선택 항목을 설정하는 예제입니다.<br/><br/>이 기능은 아래의 속성과 함수로 사용할 수 있습니다.<br/>- appearance : (속성)선택항목 표현방식<br/>- setNodeSet : (함수)SelectBox컴포넌트에 DataList 바인딩<br/>- addItem : (함수)선택 항목을 추가. index를 지정하지 않으면 하위로 추가됨.'
					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="SelectBox컴포넌트에 DataList 연결하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='SelectBox컴포넌트에 만들어 둔 DataList가 연결된 것을 확인한다.'
							style="" displayFormat="">
						</w2:textbox>
						<w2:textbox class="txt_info_important" escape="false" id=""
							label="※ WebSquare툴 내부 조작으로 DataList생성 및 SelectBox컴포넌트와 DataList의 연결하는 법은 가이드를 같이 참고해주시기를 바랍니다." style="margin-bottom: 10px;">
						</w2:textbox>
						<xf:select1 id="sbx_exam1" chooseOption="" style="width: 148px;height: 21px;" submenuSize="auto" allOption=""
							disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="setNodeSet 함수를 이용한 DataList와 SelectBox컴포넌트 연결하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='아래의 버튼을 눌러 준비해둔 DataList를 SelectBox컴포넌트에 연결합니다.'
							style="" displayFormat="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<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[DataList를 SelectBox컴포넌트에 연결하기]]>
								</xf:label>
							</xf:trigger>
						</xf:group>
						<xf:select1 id="sbx_exam2" chooseOption="false" style="width: 148px;height: 21px;" submenuSize="auto" allOption="false"
							disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled">
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="하드코딩으로 연결하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='소스에 정보를 추가하여 연결할 수 있습니다.' style=""
							displayFormat="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;"></xf:group>
						<xf:select1 allOption="false" appearance="minimal" chooseOption="false" direction="auto" disabled="false"
							disabledClass="w2selectbox_disabled" id="sbx_exam3" style="width: 148px;height: 21px;" submenuSize="auto">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="addItem 함수를 이용한 목록 추가하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="아래의 버튼을 클릭 시 SelectBox컴포넌트 표시항목에 'NewYork'이 추가됩니다."
							style="" displayFormat="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<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[목록 추가하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:select1 allOption="false" appearance="minimal" chooseOption="false" direction="auto" disabled="false"
							disabledClass="w2selectbox_disabled" id="sbx_exam4" style="width: 148px;height: 21px;" submenuSize="auto">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
				</xf:group>
			</xf:group>
		</xf:group>