<?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="DataList와 GridView의 CUD API 속도 비교">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220706" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList id="dlt_Member" saveRemovedData="true" ev:ondataload="scwin.dlt_Member_ondataload" ev:oncelldatachange="">
					<w2:columnInfo>
						<w2:column id="EMP_CD" name="사번" dataType="number"></w2:column>
						<w2:column id="EMP_NM" name="성명" dataType="text"></w2:column>
						<w2:column id="GENDER_CD" name="성별" dataType="text"></w2:column>
						<w2:column id="JOIN_DATE" name="입사일" dataType="text"></w2:column>
						<w2:column id="POSITION_CD" name="직위" dataType="text"></w2:column>
						<w2:column id="DUTY_CD" name="직책" dataType="text"></w2:column>
						<w2:column id="ROLE_CD" name="역할" dataType="text"></w2:column>
						<w2:column id="ASSIGNED_TASK" name="업무" dataType="text"></w2:column>
						<w2:column id="EMAIL" name="이메일" dataType="text"></w2:column>
						<w2:column id="ZIP_CD" name="우편번호" dataType="text"></w2:column>
						<w2:column id="ADDRESS1" name="주소1" dataType="text"></w2:column>
						<w2:column id="ADDRESS2" name="주소2" dataType="text"></w2:column>
						<w2:column id="IMAGE_PATH" name="이미지 경로" dataType="text"></w2:column>
						<w2:column id="CREATED_DATE" name="입력일" dataType="text"></w2:column>
						<w2:column id="UPDATED_DATE" name="수정일" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList id="dlt_CmCode01">
					<w2:columnInfo>
						<w2:column id="GRP_CD" name="GRP_CD" dataType="text"></w2:column>
						<w2:column id="CODE_CD" name="CODE_CD" dataType="text"></w2:column>
						<w2:column id="CODE_NM" name="CODE_NM" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<GRP_CD><![CDATA[01]]></GRP_CD>
							<CODE_CD><![CDATA[01]]></CODE_CD>
							<CODE_NM><![CDATA[임원]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[01]]></GRP_CD>
							<CODE_CD><![CDATA[02]]></CODE_CD>
							<CODE_NM><![CDATA[팀장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[01]]></GRP_CD>
							<CODE_CD><![CDATA[03]]></CODE_CD>
							<CODE_NM><![CDATA[팀원]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[01]]></GRP_CD>
							<CODE_CD><![CDATA[04]]></CODE_CD>
							<CODE_NM><![CDATA[협력]]></CODE_NM>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dlt_CmCode02">
					<w2:columnInfo>
						<w2:column id="GRP_CD" name="GRP_CD" dataType="text"></w2:column>
						<w2:column id="CODE_CD" name="CODE_CD" dataType="text"></w2:column>
						<w2:column id="CODE_NM" name="CODE_NM" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[02]]></CODE_CD>
							<CODE_NM><![CDATA[이사]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[03]]></CODE_CD>
							<CODE_NM><![CDATA[팀장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[08]]></CODE_CD>
							<CODE_NM><![CDATA[부장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[04]]></CODE_CD>
							<CODE_NM><![CDATA[차장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[05]]></CODE_CD>
							<CODE_NM><![CDATA[과장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[06]]></CODE_CD>
							<CODE_NM><![CDATA[대리]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[07]]></CODE_CD>
							<CODE_NM><![CDATA[사원]]></CODE_NM>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dlt_CmCode19">
					<w2:columnInfo>
						<w2:column id="GRP_CD" name="GRP_CD" dataType="text"></w2:column>
						<w2:column id="CODE_CD" name="CODE_CD" dataType="text"></w2:column>
						<w2:column id="CODE_NM" name="CODE_NM" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[01]]></CODE_CD>
							<CODE_NM><![CDATA[PM]]></CODE_NM>

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

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

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

						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[05]]></CODE_CD>
							<CODE_NM><![CDATA[퍼블리셔]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[06]]></CODE_CD>
							<CODE_NM><![CDATA[컨설팅]]></CODE_NM>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dlt_CmCode101">
					<w2:columnInfo>
						<w2:column id="GRP_CD" name="GRP_CD" dataType="text"></w2:column>
						<w2:column id="CODE_CD" name="CODE_CD" dataType="text"></w2:column>
						<w2:column id="CODE_NM" name="CODE_NM" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<GRP_CD><![CDATA[101]]></GRP_CD>
							<CODE_CD><![CDATA[M]]></CODE_CD>
							<CODE_NM><![CDATA[남]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[101]]></GRP_CD>
							<CODE_CD><![CDATA[F]]></CODE_CD>
							<CODE_NM><![CDATA[여]]></CODE_NM>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dlt_execLog" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="desc" name="실행한 API" dataType="text"></w2:column>
						<w2:column id="timeTaken" name="소요 시간" dataType="text"></w2:column>
						<w2:column id="startTime" name="시작 시각" dataType="text"></w2:column>
						<w2:column id="type" name="타입 고유값" dataType="text"></w2:column>
						<w2:column id="typeNm" name="타입명" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
			<xf:submission id="sbm_getUserData" ref="" target='data:array,{"id":"dlt_Member","key":"dlt_Member"}'
				action="/data/sampleData/largeData/dlt_Member_11X2000_array.json" method="post" mediatype="application/json" encoding="UTF-8"
				instance="" replace="" errorHandler="" customHandler="" mode="asynchronous" processMsg="" ev:submitdone="" ev:submit=""
				ev:submiterror="" abortTrigger="">
			</xf:submission>
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {
	$p.executeSubmission("sbm_getUserData");
};

/**
 * dlt_Member ondataload 이벤트 핸들러
 */
scwin.dlt_Member_ondataload = function () {
	//사번순으로 오름차순 정렬
	this.sort("EMP_CD", 0);
};

/**
 * 로그 출력용 함수
 */
scwin.fn_getLogDataObj = function (e) {
	var arrTmpDate = ($p.getCurrentServerDate("yyyyMMdd-HHmmss")).split("-");

	return {
		"strCurDate": arrTmpDate[0],
		"strStartTime": arrTmpDate[1],
		"startDate": new Date(),
		"endDate": null
	};
};

/**
 * 반복할 행의 수 입력 값 검증
 */
scwin.fn_getTotCount = function () {
	var totCount = ui_rowCount.getValue();

	if (!totCount) {
		alert("반복할 행의 수를 입력하세요");
		ui_rowCount.focus();
		return 0;
	}

	return totCount;
};

//insertRow 버튼 클릭 시
scwin.btn_insertRow_onclick = function (e) {
	var idx,
		logDefData = scwin.fn_getLogDataObj(),
		totCount = scwin.fn_getTotCount();

	if (!totCount) { return; }
	for (let i = 1; i <= totCount; i++) {
		idx = dlt_Member.insertRow();
		dlt_Member.setCellData(idx, "EMP_NM", "inserRow" + i);
		dlt_Member.setCellData(idx, "GENDER_CD", "M");
		dlt_Member.setCellData(idx, "ROLE_CD", "03");
		dlt_Member.setCellData(idx, "JOIN_DATE", logDefData.strCurDate);
	}
	logDefData.endDate = new Date();
	scwin.fn_printLog(1, logDefData, totCount);
};

//insertJSON 버튼 클릭 시
scwin.btn_insertJSON_onclick = function (e) {
	var idx, arrData = [],
		logDefData = scwin.fn_getLogDataObj(),
		totCount = scwin.fn_getTotCount();

	if (!totCount) { return; }

	for (let i = 1; i <= totCount; i++) {
		arrData.push({ "EMP_NM": "insertJSON" + i, "GENDER_CD": "F", "ROLE_CD": "03", "JOIN_DATE": logDefData.strCurDate });
	}
	idx = dlt_Member.getRowCount();
	dlt_Member.insertJSON(idx, arrData);
	ui_grid.setFocusedCell(idx, 0, false);

	logDefData.endDate = new Date();
	scwin.fn_printLog(2, logDefData, totCount);
};

//insertRow(BroadCast) 버튼 클릭 시
scwin.btn_insertRowBroadCast_onclick = function (e) {
	var idx,
		logDefData = scwin.fn_getLogDataObj(),
		totCount = scwin.fn_getTotCount();

	if (!totCount) { return; }
	dlt_Member.setBroadcast(false);
	for (let i = 1; i <= totCount; i++) {
		idx = dlt_Member.insertRow();
		dlt_Member.setCellData(idx, "EMP_NM", "inserRow" + i);
		dlt_Member.setCellData(idx, "GENDER_CD", "M");
		dlt_Member.setCellData(idx, "ROLE_CD", "03");
		dlt_Member.setCellData(idx, "JOIN_DATE", logDefData.strCurDate);
	}
	dlt_Member.setBroadcast(true);  // data적용이 끝난후 화면에 갱신한다.
	logDefData.endDate = new Date();
	scwin.fn_printLog(1, logDefData, totCount);
};

//removeRow 버튼 클릭 시
scwin.btn_removeRow_onclick = function (e) {
	var i, idxArr = [], idxArrLen,
		logDefData = scwin.fn_getLogDataObj(),
		totCount = scwin.fn_getTotCount();

	if (!totCount) { return; }

	//삭제할 index가 담긴 array 생성
	for (i = 0; i < totCount; i++) {
		idxArr[i] = i;
	}

	for (i = totCount; i >= 0; i--) {
		dlt_Member.removeRow(idxArr[i]);
	}

	logDefData.endDate = new Date();
	scwin.fn_printLog(3, logDefData, totCount);
};

//removeRows 버튼 클릭 시
scwin.btn_removeRows_onclick = function (e) {
	var i, idxArr = [],
		logDefData = scwin.fn_getLogDataObj(),
		totCount = scwin.fn_getTotCount();

	if (!totCount) { return; }

	//삭제할 index가 담긴 array 생성
	for (i = 0; i < totCount; i++) {
		idxArr[i] = i;
	}

	dlt_Member.removeRows(idxArr);

	logDefData.endDate = new Date();
	scwin.fn_printLog(4, logDefData, totCount);
};

//setCellData 버튼 클릭 시
scwin.btn_setCellData_onclick = function (e) {
	var idx = dlt_Member.getRowCount() - 1,
		logDefData = scwin.fn_getLogDataObj(),
		totCount = scwin.fn_getTotCount();

	if (!totCount) { return; }

	for (let i = 0; i < totCount; i++) {
		dlt_Member.setCellData(i, "EMP_CD", 80000000 + i + 1);
		dlt_Member.setCellData(i, "EMP_NM", "setCellData");
		dlt_Member.setCellData(i, "GENDER_CD", "M");
		dlt_Member.setCellData(i, "JOIN_DATE", logDefData.strCurDate);
		dlt_Member.setCellData(i, "POSITION_CD", "02");
		dlt_Member.setCellData(i, "DUTY_CD", "02");
		dlt_Member.setCellData(i, "ROLE_CD", "02");
		dlt_Member.setCellData(i, "EMAIL", "setCellData@inswave.com");
		dlt_Member.setCellData(i, "ASSIGNED_TASK", "배정 필요");
		dlt_Member.setCellData(i, "CREATED_DATE", logDefData.strCurDate);
		dlt_Member.setCellData(i, "UPDATED_DATE", logDefData.strCurDate);
	}

	logDefData.endDate = new Date();
	scwin.fn_printLog(5, logDefData, totCount);
};

//setRowJSON 버튼 클릭 시
scwin.btn_setRowJSON_onclick = function (e) {
	var logDefData = scwin.fn_getLogDataObj(),
		totCount = scwin.fn_getTotCount();

	if (!totCount) { return; }

	for (let i = 0; i < totCount; i++) {
		tmpData = {
			"EMP_CD": 700000000 + i + 1,
			"EMP_NM": "setRowJSON",
			"GENDER_CD": "F",
			"JOIN_DATE": logDefData.strCurDate,
			"POSITION_CD": "04",
			"DUTY_CD": "04",
			"ROLE_CD": "04",
			"EMAIL": "setRowJSON@inswave.com",
			"ASSIGNED_TASK": "배정 필요",
			"CREATED_DATE": logDefData.strCurDate,
			"UPDATED_DATE": logDefData.strCurDate
		};

		dlt_Member.setRowJSON(0, tmpData, true);
	}

	logDefData.endDate = new Date();
	scwin.fn_printLog(6, logDefData, totCount);

};

/**
 * [getCellData] 버튼 클릭 시
 */
scwin.btn_getCellData_onclick = function (e) {
	var logDefData = scwin.fn_getLogDataObj(),
		tmpStr = "",
		totCount = scwin.fn_getTotCount();

	if (!totCount) { return; }

	for (let i = 0; i < totCount; i++) {
		tmpStr += dlt_Member.getCellData(i, "EMP_NM");
		tmpStr += dlt_Member.getCellData(i, "EMP_CD");
		tmpStr += dlt_Member.getCellData(i, "EMAIL");
		tmpStr += dlt_Member.getCellData(i, "GENDER_CD");
		tmpStr += dlt_Member.getCellData(i, "JOIN_DATE");
		tmpStr += dlt_Member.getCellData(i, "UPDATE_DATE");
	}
	//console.log(tmpStr);
	logDefData.endDate = new Date();
	scwin.fn_printLog(7, logDefData, totCount);
};

/**
 * [getRowJSON] 버튼 클릭 시
 */
scwin.btn_getRowJSON_onclick = function (e) {
	var logDefData = scwin.fn_getLogDataObj(),
		tmpData, tmpStr = "",
		totCount = scwin.fn_getTotCount();

	if (!totCount) { return; }

	for (let i = 0; i < totCount; i++) {
		tmpData = dlt_Member.getRowJSON(i);

		tmpStr += tmpData.EMP_NM;
		tmpStr += tmpData.EMP_CD;
		tmpStr += tmpData.EMAIL;
		tmpStr += tmpData.GENDER_CD;
		tmpStr += tmpData.JOIN_DATE;
		tmpStr += tmpData.UPDATE_DATE;
	}
	//console.log(tmpStr);
	logDefData.endDate = new Date();
	scwin.fn_printLog(8, logDefData, totCount);
};

/**
 * API별 실행 로그 출력
 */
scwin.fn_printLog = function (execType, defLogObj, rowCount) {
	var rowJSON = {
		"desc": "",
		"timeTaken": defLogObj.endDate - defLogObj.startDate,
		"startTime": defLogObj.strStartTime,
		"type": execType
	},
		lastIdx = dlt_execLog.getRowCount();

	switch (execType) {
		case 1:
			rowJSON.desc = "insertRow " + rowCount + "행";
			rowJSON.typeNm = "insertRow";
			break;
		case 2:
			rowJSON.desc = "insertJSON " + rowCount + "행";
			rowJSON.typeNm = "insertJSON";
			break;
		case 3:
			rowJSON.desc = "removeRow " + rowCount + "행";
			rowJSON.typeNm = "removeRow";
			break;
		case 4:
			rowJSON.desc = "removeRows " + rowCount + "행";
			rowJSON.typeNm = "removeRows";
			break;
		case 5:
			rowJSON.desc = "setCellData " + rowCount + "행";
			rowJSON.typeNm = "setCellData";
			break;
		case 6:
			rowJSON.desc = "setRowJSON " + rowCount + "행";
			rowJSON.typeNm = "setRowJSON";
			break;
		case 7:
			rowJSON.desc = "getCellData " + rowCount + "행";
			rowJSON.typeNm = "getCellData";
			break;
		case 8:
			rowJSON.desc = "getRowJSON " + rowCount + "행";
			rowJSON.typeNm = "getRowJSON";
			break;
		default: return;
	}

	dlt_execLog.insertJSON(lastIdx, [rowJSON]);
	grd_log.setFocusedCell(lastIdx, 0);
};
]]></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="DataList에서 제공하는 insert, remove에 관련된 method의 속도를 측정할 수 있습니다.<br/>각 버튼을 클릭하여 로직이 수행되는 시간을 하단의 그리드뷰에서 확인할 수 있습니다." style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." style="">
				</w2:textbox>
			</xf:group>
			<w2:textbox class="mb_def" id="" label="DataList의 API별 속도 측정 예시" style="" tagname="h3"></w2:textbox>
			<xf:group class="mb_def_box" id="" style="">
				<w2:span class="mr_def" id="" label="반복할 행의 수 :" style=""></w2:span>
				<xf:input adjustMaxLength="false" dataType="number" ev:onviewchange="" id="ui_rowCount" initValue="100"
					style="width: 60px;display: inline;" type="number">
				</xf:input>
			</xf:group>
			<xf:group class="mb_def_box nobottom" id="" style="">
				<xf:trigger class="btn_cm" ev:onclick="scwin.btn_insertRow_onclick" id="btn_insertRow" style="width:130px;" type="button">
					<xf:label><![CDATA[insertRow]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_cm" ev:onclick="scwin.btn_insertJSON_onclick" id="btn_insertJSON" style="width:130px;" type="button">
					<xf:label><![CDATA[insertJSON]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_cm" ev:onclick="scwin.btn_insertRowBroadCast_onclick" id="btn_insertRowBroadCast" style="width:160px;"
					type="button">
					<xf:label><![CDATA[insertRow(BroadCast)]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_cm" ev:onclick="scwin.btn_removeRow_onclick" id="btn_removeRow" style="width:130px;" type="button">
					<xf:label><![CDATA[removeRow]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group id="" style="" class="mb_def_box nobottom">
				<xf:trigger class="btn_cm" ev:onclick="scwin.btn_removeRows_onclick" id="btn_removeRows" style="width:130px;" type="button">
					<xf:label><![CDATA[removeRows]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_cm" ev:onclick="scwin.btn_setCellData_onclick" id="btn_setCellData" style="width:130px;" type="button">
					<xf:label><![CDATA[setCellData]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_cm" ev:onclick="scwin.btn_setRowJSON_onclick" id="btn_setRowJSON" style="width:130px;" type="button">
					<xf:label><![CDATA[setRowJSON]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_cm" ev:onclick="scwin.btn_getCellData_onclick" id="btn_getCellData" style="width:130px;" type="button">
					<xf:label><![CDATA[getCellData]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_cm" ev:onclick="scwin.btn_getRowJSON_onclick" id="btn_getRowJSON" style="width:130px;" type="button">
					<xf:label><![CDATA[getRowJSON]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group id="" class="gvwbox">
				<w2:gridView scrollByColumnAdaptive="false" rowNumVisible="true" summaryAuto="false" useShiftKey="true" readOnly="true"
					scrollByColumn="false" summaryOnlyAuto="false" defaultCellHeight="26" applyAllColumnStyle="false" senseReader="false"
					dataList="data:dlt_Member" ev:onviewchange="" ignoreCellClick="false" style="height: 280px;margin-top: 10px;" autoFit="allColumn"
					id="ui_grid" visibleRowNum="10" class="gvw" ignoreToggleOnDisabled="false" autoFitMinWidth="750">
					<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="70" inputType="text" style="" id="column29" value="사번" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="70" inputType="text" style="" id="column27" value="성명" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="105" inputType="text" style="" id="column25" value="성별" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="114" inputType="text" style="" id="column23" value="입사일" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="70" inputType="text" style="" id="column21" value="직위" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="70" inputType="text" style="" id="column19" value="직책" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="70" inputType="text" style="" id="column17" value="역할" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="175" inputType="text" style="" id="column13" value="이메일" blockSelect="false" displayMode="label">
							</w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody style="" id="gBody1">
						<w2:row style="" id="row2">
							<w2:column width="70" inputType="text" style="" id="EMP_CD" value="" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="70" inputType="text" style="" id="EMP_NM" value="" blockSelect="false" displayMode="label"></w2:column>
							<w2:column chooseOptionLabel="미선택" ref="" chooseOption="true" width="105" inputType="select" style="" allOption=""
								id="GENDER_CD" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode101">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column dataType="date" width="114" displayFormat="yyyy.MM.dd" inputType="text" style="" id="JOIN_DATE" value=""
								blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column chooseOptionLabel="미선택" ref="" chooseOption="true" width="70" inputType="select" style="" allOption=""
								id="POSITION_CD" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode02">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column chooseOptionLabel="미선택" ref="" chooseOption="true" width="70" inputType="select" style="" allOption=""
								id="DUTY_CD" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode19">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column chooseOptionLabel="미선택" ref="" chooseOption="true" width="70" inputType="select" style="" allOption=""
								id="ROLE_CD" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode01">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column width="175" inputType="text" style="" id="EMAIL" value="" blockSelect="false" displayMode="label"></w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			</xf:group>
			<w2:textbox class="mb_def" id="" label="API별 실행 로그" style="" tagname="h3"></w2:textbox>
			<xf:group id="" class="gvwbox">
				<w2:gridView scrollByColumnAdaptive="false" rowNumVisible="true" selectedRowColor="orange" summaryAuto="false"
					useShiftKey="true" readOnly="true" scrollByColumn="false" sortable="true" summaryOnlyAuto="false" focusMode="row" rowMouseOver="false"
					fixedColumnWithHidden="true" dataList="data:dlt_execLog" ignoreCellClick="false" style="height: 150px;" autoFit="allColumn"
					id="grd_log" useFilterList="false" visibleRowNum="5" class="gvw" ignoreToggleOnDisabled="false" autoFitMinWidth="570"
					defaultCellHeight="26">
					<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="116" inputType="text" style="" id="column13" value="실행 타입" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="227" inputType="text" style="" id="column10" value="호출 API " blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="109" inputType="text" style="" id="column12" value="실행 시각" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="109" inputType="text" style="" id="column3" value="소요 시간(ms)" blockSelect="false" displayMode="label">
							</w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody style="" id="gBody1">
						<w2:row style="" id="row2">
							<w2:column textAlign="left" width="116" inputType="text" style="" id="typeNm" value="" blockSelect="false"
								displayMode="label">
							</w2:column>
							<w2:column textAlign="left" width="227" inputType="text" style="height:20px" id="desc" blockSelect="false"
								displayMode="label">
							</w2:column>
							<w2:column dataType="time" width="109" displayFormat="HH:mm:ss" inputType="text" style="height:20px" id="startTime"
								blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column textAlign="right" dataType="number" width="109" displayFormat="#,##0 ms" inputType="text" style="height:20px"
								id="timeTaken" blockSelect="false" displayMode="label">
							</w2:column>
						</w2:row>
					</w2:gBody>
					<w2:subTotal targetColumnID="typeNm" style="" id="subTotal1">
						<w2:row style="" id="row3">
							<w2:column rowSpan="" expression="targetColValue() + ' (총 ' +count('row_total') + '건)'" textAlign="right" colSpan="3"
								width="452" inputType="expression" style="height:29px;" id="column18" value="" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column expression="avg('timeTaken')" hidden="false" textAlign="right" dataType="number" width="109"
								displayFormat="#,###.#[round] ms" inputType="expression" style="height:27px" id="column19" value="" blockSelect="false"
								displayMode="label">
							</w2:column>
						</w2:row>
					</w2:subTotal>
				</w2:gridView>
			</xf:group>
		</xf:group>
	</body>
</html>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220706" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_calendar" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="from" name="시작일" dataType="text"></w2:column>
						<w2:column id="to" name="종료일" dataType="text"></w2:column>
						<w2:column id="title" name="일정명" dataType="text"></w2:column>
						<w2:column id="validYN" name="유효여부" dataType="text"></w2:column>
						<w2:column id="errorMessage" name="오류 메시지" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="false"></w2:data>
				</w2:dataList>
				<w2:linkedDataList bind="dlt_calendar" id="ldt_view_schedualCalendar">
					<w2:condition type="filter"><![CDATA[validYN=='Y']]></w2:condition>
					<w2:condition type="sort"><![CDATA[]]>
					</w2:condition>
				</w2:linkedDataList>
			</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와 ScheduleCalendar 컴포넌트를 활용하여 구성한 화면 입니다.<br/>버튼[일정추가]를 클릭하면 GridView에 일정을 입력합니다.<br/>입력한 일정이 유효하면 ScheduleCalendar에 일정이 출력됩니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="ofh mb_def" id="" style="">
				<xf:trigger class="btn_cm" disabled="" ev:onclick="scwin.btn_add_onclick" id="btn_add" style="" type="button">
					<xf:label><![CDATA[일정 추가]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group id="" class="gvwbox">
				<w2:gridView tooltipFormatter="scwin.grd_schedule_tooltipFormatter" ev:oncellclick="scwin.grd_schedule_oncellclick"
					editModeEvent="onclick" scrollByColumnAdaptive="false" rowNumVisible="true" keepDefaultColumnWidth="true" rowNumHeaderValue="NO"
					scrollByColumn="false" defaultCellHeight="26" tooltipShowAlwaysColumns="validYN" tooltipDisplay="true" rowNumWidth="40"
					dataList="data:dlt_calendar" keyMoveEditMode="true" style="height: 80px;max-width: 900px;" autoFit="allColumn"
					ev:onafteredit="scwin.grd_schedule_onafteredit" id="grd_schedule" tooltipDisplayColumn="validYN" visibleRowNum="3" class="gvw"
					autoFitMinWidth="540">
					<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 removeBorderStyle="false" width="150" inputType="text" style="" id="column3" value="일정명" blockSelect="false"
								displayMode="label">
							</w2:column>
							<w2:column removeBorderStyle="false" width="112" inputType="text" style="" id="column1" value="시작일" blockSelect="false"
								displayMode="label" fixColumnWidth="true">
							</w2:column>
							<w2:column removeBorderStyle="false" width="112" inputType="text" style="" id="column5" value="종료일" blockSelect="false"
								displayMode="label" fixColumnWidth="true">
							</w2:column>
							<w2:column width="96" inputType="text" style="" id="column6" value="등록여부" displayMode="label" fixColumnWidth="true">
							</w2:column>
							<w2:column width="60" inputType="text" style="" id="column8" value="삭제" displayMode="label"></w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody style="" id="gBody1">
						<w2:row style="" id="row2">
							<w2:column textAlign="left" removeBorderStyle="false" width="150" inputType="text" id="title" blockSelect="false"
								displayMode="label">
							</w2:column>
							<w2:column textAlign="left" removeBorderStyle="false" viewType="icon" width="112" inputType="calendar" id="from"
								blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column textAlign="left" removeBorderStyle="false" viewType="icon" width="112" inputType="calendar" id="to"
								blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column displayFormatter="scwin.grd_schedule_validYN_displayFormatter" width="96" inputType="text" readOnly="true"
								id="validYN" escape="false" displayMode="label" fixColumnWidth="true">
							</w2:column>
							<w2:column width="60" inputType="button" style="" id="btn_del" class="" value="삭제" displayMode="label"
								fixColumnWidth="true">
							</w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			</xf:group>
			<xf:group id="" style="" class="mb_def">
				<w2:scheduleCalendar endColumn="to" defaultDate="" editable="false" selectable="false" headerRightBtn="true"
					locale="" ioFormat="yyyyMMdd" themeColumn="" titleColumn="title" startColumn="from" dataList="data:ldt_view_schedualCalendar"
					style="min-height: 500px;max-width: 900px;" id="shc_ex01" lang="ko" headerLeftBtn="true" idColumn="" headerTitle="true"
					includeScheduleEnd="true">
				</w2:scheduleCalendar>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head meta_screenName="[GridView] 브라우저에 표현하는 방식 설정하기">
		<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="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

    //DataList 할당
    dlt_books.setJSON([
        { "book_name": "1. 정글만리", "price": "16500", "published_date": "20130701" },
        { "book_name": "1. 내가 틀릴 수도 있습니다", "price": "16000", "published_date": "20220418" },
        { "book_name": "1. 사람일까 상황일까", "price": "28000", "published_date": "20190826" },
        { "book_name": "2. 정글만리", "price": "16500", "published_date": "20130701" },
        { "book_name": "2. 내가 틀릴 수도 있습니다", "price": "16000", "published_date": "20220418" },
        { "book_name": "2. 사람일까 상황일까", "price": "28000", "published_date": "20190826" },
        { "book_name": "3. 정글만리", "price": "16500", "published_date": "20130701" },
        { "book_name": "3. 내가 틀릴 수도 있습니다", "price": "16000", "published_date": "20220418" },
        { "book_name": "3. 사람일까 상황일까", "price": "28000", "published_date": "20190826" },
        { "book_name": "4. 정글만리", "price": "16500", "published_date": "20130701" },
        { "book_name": "4. 내가 틀릴 수도 있습니다", "price": "16000", "published_date": "20220418" },
        { "book_name": "4. 사람일까 상황일까", "price": "28000", "published_date": "20190826" },
        { "book_name": "5. 정글만리", "price": "16500", "published_date": "20130701" },
        { "book_name": "5. 내가 틀릴 수도 있습니다", "price": "16000", "published_date": "20220418" },
        { "book_name": "5. 사람일까 상황일까", "price": "28000", "published_date": "20190826" },
        { "book_name": "6. 정글만리", "price": "16500", "published_date": "20130701" },
        { "book_name": "6. 내가 틀릴 수도 있습니다", "price": "16000", "published_date": "20220418" },
        { "book_name": "6. 사람일까 상황일까", "price": "28000", "published_date": "20190826" },
        { "book_name": "7. 정글만리", "price": "16500", "published_date": "20130701" },
        { "book_name": "7. 내가 틀릴 수도 있습니다", "price": "16000", "published_date": "20220418" },
        { "book_name": "7. 사람일까 상황일까", "price": "28000", "published_date": "20190826" },
        { "book_name": "8. 정글만리", "price": "16500", "published_date": "20130701" },
        { "book_name": "8. 내가 틀릴 수도 있습니다", "price": "16000", "published_date": "20220418" },
        { "book_name": "8. 사람일까 상황일까", "price": "28000", "published_date": "20190826" },
        { "book_name": "9. 정글만리", "price": "16500", "published_date": "20130701" },
        { "book_name": "9. 내가 틀릴 수도 있습니다", "price": "16000", "published_date": "20220418" },
        { "book_name": "9. 사람일까 상황일까", "price": "28000", "published_date": "20190826" },
        { "book_name": "10. 정글만리", "price": "16500", "published_date": "20130701" },
        { "book_name": "10. 내가 틀릴 수도 있습니다", "price": "16000", "published_date": "20220418" },
        { "book_name": "10. 사람일까 상황일까", "price": "28000", "published_date": "20190826" }
    ]);
};

]]></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를 브라우저에 표현(Rendering)하는 방식의 설정 예제입니다.' 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="[기본 설정] WebSquare 방식(화면에 노출되는 영역만 table로 출력)" 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:120px;" 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="Native 방식 (데이터를 table로 모두 출력)" 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" style="height:120px;" drawType="native" 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>
		</xf:group>
	</body>
</html>


<?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
visibleColMax="10" visibleRowNum="5"' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:checkcombobox appearance="minimal" direction="auto" disabled="false" displayMode="label" id=""
							style="width: 150px;min-height:24px;" submenuSize="auto" visibleColMax="10" visibleRowNum="5">
							<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
visibleColMax="10" visibleRowNum="8"' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:checkcombobox appearance="minimal" direction="auto" disabled="false" displayMode="label" id=""
							style="width: 150px;min-height:24px;" submenuSize="auto" visibleColMax="10" visibleRowNum="8">
							<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"?>

		<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="author" name="지은이"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<book_name><![CDATA[기분이 태도가 되지 않게]]></book_name>
							<author><![CDATA[레몬심리]]></author>

						</w2:row>
						<w2:row>
							<book_name><![CDATA[어떻게 인생을 살 것인가]]></book_name>
							<author><![CDATA[쑤린]]></author>

						</w2:row>
						<w2:row>
							<book_name><![CDATA[좋은 사람에게만 좋은 사람이면 돼]]></book_name>
							<author><![CDATA[김재식]]></author>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_exam1" 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 dataType="text" id="published_date" name="출간일"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row></w2:row>
						<w2:row></w2:row>
						<w2:row></w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_exam2" 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 dataType="text" id="published_date" name="출간일"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row></w2:row>
						<w2:row></w2:row>
						<w2:row></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='GridView의 Cell 데이터 중 일부 문자열만 복사(Ctrl+C)를 하는 예제입니다.
문자열 선택은 마우스 드래그(Drag)를 통해 사용합니다.
기본 설정은 데이터가 Cell단위로 복사되며, 설정을 통해 문자 단위로 복사할 수 있습니다.'
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 마우스 사용이 가능한 환경에서 정상 동작합니다." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="[기본설정] 데이터 복사(Ctrl+C)를 Cell 단위로 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="allColumn" class="gvw" dataList="data:dlt_books" id="" style="height: 100px;" visibleRowNum="3"
							visibleRowNumFix="true" autoFitMinWidth="240" defaultCellHeight="24" rowMouseOver="false" readOnly="true"
							selectedCellColor="transparent">
							<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="305" inputType="text" style="" id="column3" value="도서명" displayMode="label"></w2:column>
									<w2:column width="77" inputType="text" style="" id="column2" value="지은이" displayMode="label"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody style="" id="gBody1">
								<w2:row style="" id="row2">
									<w2:column width="305" inputType="text" style="" id="book_name" value="" displayMode="label" textAlign="left">
									</w2:column>
									<w2:column width="77" inputType="text" style="" id="author" value="" displayMode="label" class="" textAlign="left">
									</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="데이터 복사(Ctrl+C)를 문자 단위로 설정" 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="" rowMouseOver="false" style="height: 100px;" visibleRowNum="3" visibleRowNumFix="true" readOnly="true" copyType="native"
							selectedCellColor="transparent">
							<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" style="" value="도서명" width="305"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" style="" value="지은이" width="77"></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" style="" textAlign="left" value="" width="305">
									</w2:column>
									<w2:column class="" displayMode="label" id="author" inputType="text" style="" textAlign="left" value="" width="77">
									</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="테스트 결과 확인을 위한 Textarea" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea id="txa_exam1" style="width: 100%;height: 60px;" placeholder="이곳에 데이터를 붙여넣으세요."></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220803" 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="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="Accordion - 기본(첫번째 패널만 열림)" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="acdbox" id="">
							<w2:accordion class="acd" id="" style="">
								<w2:panels class="" id="panels1" style="">
									<w2:panelTitle class="" id="panelTitle1" label="패널 1" style=""></w2:panelTitle>
									<w2:panelContent class="" id="panelContent1" style="">
										<w2:textbox id="" label="패널1 컨텐츠 영역입니다." style="" tagname="span"></w2:textbox>
									</w2:panelContent>
								</w2:panels>
								<w2:panels class="" id="panels2" style="">
									<w2:panelTitle id="panelTitle2" label="패널2" style=""></w2:panelTitle>
									<w2:panelContent id="panelContent2" style="">
										<w2:textbox id="" label="패널2 컨텐츠 영역입니다." style="" tagname="span"></w2:textbox>
									</w2:panelContent>
								</w2:panels>
							</w2:accordion>
						</xf:group>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='Accordion - 모든 패널 닫힘
collapseAll="true"'
						style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:accordion class="acd" id="" style="" collapseAll="true">
							<w2:panels class="" id="panels1" style="">
								<w2:panelTitle class="" id="panelTitle1" label="패널 1" style=""></w2:panelTitle>
								<w2:panelContent class="" id="panelContent1" style="">
									<w2:textbox id="" label="패널1 컨텐츠 영역입니다." style="" tagname="span"></w2:textbox>
								</w2:panelContent>
							</w2:panels>
							<w2:panels class="" id="panels2" style="">
								<w2:panelTitle id="panelTitle2" label="패널2" style=""></w2:panelTitle>
								<w2:panelContent id="panelContent2" style="">
									<w2:textbox id="" label="패널2 컨텐츠 영역입니다." style="" tagname="span"></w2:textbox>
								</w2:panelContent>
							</w2:panels>
						</w2:accordion>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='Accordion - 모든 패널 열림
unCollapseAll="true"'
						style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:accordion class="acd" id="" style="" unCollapseAll="true">
							<w2:panels class="" id="panels1" style="">
								<w2:panelTitle class="" id="panelTitle1" label="패널 1" style=""></w2:panelTitle>
								<w2:panelContent class="" id="panelContent1" style="">
									<w2:textbox id="" label="패널1 컨텐츠 영역입니다." style="" tagname="span"></w2:textbox>
								</w2:panelContent>
							</w2:panels>
							<w2:panels class="" id="panels2" style="">
								<w2:panelTitle id="panelTitle2" label="패널2" style=""></w2:panelTitle>
								<w2:panelContent id="panelContent2" style="">
									<w2:textbox id="" label="패널2 컨텐츠 영역입니다." style="" tagname="span"></w2:textbox>
								</w2:panelContent>
							</w2:panels>
						</w2:accordion>
					</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="[Calendar] 표시할 주(Week)의 수 정의하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220817" 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 () {
    //예제의 설정 비교를 위해 10월로 이동.
    cal_exam1.gotoMonth("10");
    cal_exam2.gotoMonth("10");
};

]]></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="예제를 비교하기 위해 초기 월이 10월로 지정되었습니다." 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="calendar - 기본 (보여지는 주를 6으로 설정)" style=""></w2:textbox>

					<xf:group class="example_div_td_style" id="" style="">
						<w2:calendar id="cal_exam1" style="min-width: 200px;min-height: 200px;"></w2:calendar>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='calendar - 보여지는 주를 4로 설정' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:calendar id="cal_exam2" style="min-width: 200px;min-height: 200px;" displayDayType="text" visibleWeekNum="4"></w2:calendar>
					</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="20220916" 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="P00108S01.xml" style="color: dodgerblue;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="20230306" 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 type="text/javascript" lazy="false"><![CDATA[

scwin.onpageload = function () {

};

]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
    	<xf:group class="sub_contents" id="" style="">
    		<w2:textbox id="" label="P00223S02.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="20230418" 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='SelectBox컴포넌트의 visibleColumn 속성에 DataList의 id인 "Type", visibleColumnFalseValue 속성에 실재 id의 값인 "Europe"를 설정했습니다. 따라서 Type이 Europe인 데이터를 제외한 항목만을 표시하는 것을 확인할 수 있습니다.'
							style="" displayFormat="">
						</w2:textbox>
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='[속성 적용 전]' style="" displayFormat="">
						</w2:textbox>
						<xf:select1 allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
							disabledClass="w2selectbox_disabled" id="sbx_exam1" ref="" 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 class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='[속성 적용 후]' style="" displayFormat="">
						</w2:textbox>
						<xf:select1 allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
							disabledClass="w2selectbox_disabled" id="sbx_exam2" ref="" style="width: 148px;height: 21px;" submenuSize="auto" visibleColumn="Type"
							visibleColumnFalseValue="Europe">
							<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 allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
							disabledClass="w2selectbox_disabled" id="sbx_exam3" ref="" 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>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230621" 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 dataType="text" id="price" name="정가"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<![CDATA[공정하다는 착각]]>
							<price><![CDATA[18000]]></price>
						</w2:row>
						<w2:row>
							<![CDATA[무엇이 옳은가]]>
							<price><![CDATA[17800]]></price>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="DataList의 전체 데이터를 받는 함수 예시입니다.<br/>반환되는 데이터 유형은 4가지이며, 각 유형에 맞는 함수는 다음과 같습니다.<br/>- JSON 형식 : getAllJSON<br/>- 1차원 Array 형식 + 컬럼 정보 : getAllArray<br/>- 1차원 Array 형식 : getAllData<br/>- XML 형식 : getAllXML"
					style="">
				</w2:textbox>
				<w2:textbox id="" label="버튼을 클릭하면 '로그 확인' 영역과 브라우저 개발자도구의 콘솔에 로그가 출력됩니다." style="" class="ws_example_txt_desc_info"></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 no_padding" 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[전체 데이터 받기 - JSON 형식]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" id="btn_exam1_5" style="" type="button" ev:onclick="scwin.btn_exam1_5_onclick">
								<xf:label><![CDATA[전체 데이터 받기 - JSON 형식 - rowStatus 제외]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_2_onclick"
								id="btn_exam1_2" style="" type="button">
								<xf:label><![CDATA[전체 데이터 받기 - 1차원 Array 형식 + 컬럼 정보]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_3_onclick"
								id="btn_exam1_3" style="" type="button">
								<xf:label><![CDATA[전체 데이터 받기 - 1차원 Array 형식]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_4_onclick"
								id="btn_exam1_4" style="" type="button">
								<xf:label><![CDATA[전체 데이터 받기 - XML 형식]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="아래의 GridView는 DataList의 데이터 구조를 확인하기 위해 구성되었습니다."
							style="">
						</w2:textbox>
						<w2:gridView autoFit="lastColumn" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24" id="" rowNumWidth="26"
							style="height:60px;" visibleRowNum="all">
							<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="column4" inputType="text" value="price" width="70"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="label" 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"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" width="100"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group id="" class="example_div_th_style">
						<w2:span label="로그 확인" style="" id="" class="mr_def txt_blue"></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230316" 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/>- cols : 선택 항목을 표시할 열의 수<br/>- rows : 선택 항목을 표시할 행의 수'
					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컴포넌트 속성 cols에 표시할 열의 수 만큼 값을 설정합니다.' style=""
							displayFormat="">
						</w2:textbox>
						<w2:textbox class="txt_info_important" escape="false" id="" label='※ 아래의 경우는 cols = "3" 을 설정해두었습니다.'
							style="margin-bottom: 10px;">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
						</xf:group>
						<xf:select1 id="rad_exam1" selectedIndex="-1" appearance="full" cols="3" style="width: 200px;height:125px;">
							<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컴포넌트 속성 rows에 표시할 행의 수 만큼 값을 설정합니다.' style=""
							displayFormat="">
						</w2:textbox>
						<w2:textbox class="txt_info_important" escape="false" id="" label='※ 아래의 경우는 rows = "3" 을 설정해두었습니다.'
							style="margin-bottom: 10px;">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
						</xf:group>
						<xf:select1 id="rad_exam2" selectedIndex="-1" appearance="full" rows="3" style="width: 200px;height:125px;">
							<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="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" repeatNode="map" id="dlt_exam1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="type_name" name="type_name" dataType="text"></w2:column>
						<w2:column id="type" name="type" dataType="text"></w2:column>
						<w2:column id="type_value" name="name3" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<type_name><![CDATA[checkbox]]></type_name>
							<type><![CDATA[checkbox]]></type>
							<type_value><![CDATA[Y]]></type_value>
						</w2:row>
						<w2:row>
							<type_name><![CDATA[input]]></type_name>
							<type><![CDATA[input]]></type>
							<type_value><![CDATA[사람일까 상황일까]]></type_value>
						</w2:row>
						<w2:row>
							<type_name><![CDATA[calendar]]></type_name>
							<type><![CDATA[calendar]]></type>
							<type_value><![CDATA[20020415]]></type_value>
						</w2:row>
						<w2:row>
							<type_name><![CDATA[checkbox]]></type_name>
							<type><![CDATA[checkbox]]></type>
							<type_value><![CDATA[N]]></type_value>
						</w2:row>
						<w2:row>
							<type_name><![CDATA[select]]></type_name>
							<type><![CDATA[select]]></type>
							<type_value><![CDATA[02]]></type_value>
						</w2:row>
						<w2:row>
							<type_name><![CDATA[input]]></type_name>
							<type><![CDATA[input]]></type>
							<type_value><![CDATA[공정하다는 착각]]></type_value>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_code" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="code" name="name1" dataType="text"></w2:column>
						<w2:column id="label" name="name2" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<![CDATA[01]]>
							<![CDATA[선택]]>
						</w2:row>
						<w2:row>
							<![CDATA[02]]>
							<![CDATA[미선택]]>
						</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='GridView의 컬럼의 inputType을 조건에 따라 설정하는 예제입니다.<br/>컬럼 [유형]의 값을 조건으로 컬럼 [inputType="custom"]의 inputType이 설정되었습니다.' style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="" style="">
				<w2:gridView autoFit="allColumn" class="gvw" dataList="data:dlt_exam1" defaultCellHeight="24" id="grd_exam1"
					rowNumVisible="true" rowNumWidth="26" style="height:100px;width: 250px;" visibleRowNum="all">
					<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
					<w2:header style="" id="header1">
						<w2:row style="" id="row1">
							<w2:column width="80" inputType="text" id="column3" value="유형" displayMode="label"></w2:column>
							<w2:column width="140" inputType="text" id="column1" value='inputType="custom"' displayMode="label"></w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody style="" id="gBody1">
						<w2:row style="" id="row2">
							<w2:column width="80" inputType="text" id="type_name" displayMode="label" readOnly="true"></w2:column>
							<w2:column width="140" inputType="custom" id="type_value" displayMode="label" value=""
								typeGetter="scwin.grd_exam1_type_value_typeGetter" textAlign="left"></w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="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_1" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></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="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='GridView의 Drag&Drop 기능의 옵션 중 하나인 "dataDragDropOther" 속성 예제입니다.
속성 "dataDragDropOther"은 GridView 내부에서의 행 이동을 금지하는 기능을 제공합니다.
'
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 마우스 사용이 가능한 환경에서 정상 동작합니다." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="DragDrop 설정 + GridVIew 내 행 이동 금지" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="Drag&Drop으로 GridView내 행의 이동이 불가합니다.
행을 Drag하여 다른 GridView에 Drop하면 행이 이동됩니다.
" style="">
						</w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataDragDrop="true" dataList="data:dlt_books_1"
							defaultCellHeight="24" id="" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="5" visibleRowNumFix="true"
							dataDragDropOther="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="column2" inputType="text" value="분류" width="100"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" sortable="true" value="도서명" width="178"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" value="" width="100"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></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" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="이곳에 행을 Drop 하세요." style="">
						</w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataDragDrop="true" dataList="data:dlt_books_2"
							defaultCellHeight="24" id="" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true"
							noResultMessageVisibleAlways="true" noResultMessage="이곳에 행을 Drop 하세요.">
							<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="column2" inputType="text" value="분류" width="100"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" sortable="true" value="도서명" width="178"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" value="" width="100"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head>
		<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 () {

};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="pop_contents" id="" style="padding: 10px;">
			<w2:textbox id="" label="팝업1-1 - P00157P02.xml" style="color: IndianRed;font-size: 1.5em;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="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_1" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></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="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='GridView의 Drag&Drop 기능의 옵션 중 하나인 "dataDragDropStatus" 속성 예제입니다.
속성 "dataDragDropStatus"은 Drag&Drop을 통해 GridView 내부에서 행이 이동된 경우 rowStatus(행 상태)를 변경하지 않는 기능을 제공합니다.
타 GridView의 행이 Drop된 경우는 "dataDragDropStatus" 설정과 무관하게 "C"상태로 변경됩니다.'
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 마우스 사용이 가능한 환경에서 정상 동작합니다." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="DragDrop 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="GridView 내에서 Drag&Drop으로 이동된 행의 rowStatus(상태)가 C(신규)로 변경됩니다." style="">
						</w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataDragDrop="true" dataList="data:dlt_books_1"
							defaultCellHeight="24" id="" rowNumVisible="true" rowNumWidth="26" rowStatusVisible="true" style="height:100px;" visibleRowNum="5"
							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="column2" inputType="text" value="분류" width="100"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" sortable="true" value="도서명" width="178"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" value="" width="100"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></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="DragDrop 설정 + 행 상태(rowStatus) 유지" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="GridView 내에서 Drag&Drop으로 이동된 행의 rowStatus(상태)를 변경하지 않습니다.
" style="">
						</w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataDragDrop="true" dataList="data:dlt_books_2"
							defaultCellHeight="24" id="" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="5" visibleRowNumFix="true"
							rowStatusVisible="true" dataDragDropStatus="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="column2" inputType="text" value="분류" width="100"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" sortable="true" value="도서명" width="178"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" value="" width="100"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></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="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" repeatNode="map" id="dlt_exam1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="type" name="type" dataType="text"></w2:column>
						<w2:column id="type_value" name="type_value" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>

							<type><![CDATA[checkbox]]></type>
							<type_value><![CDATA[Y]]></type_value>
						</w2:row>
						<w2:row>

							<type><![CDATA[select]]></type>
							<type_value><![CDATA[02]]></type_value>
						</w2:row>
						<w2:row>

							<type><![CDATA[calendar]]></type>
							<type_value><![CDATA[20020415]]></type_value>
						</w2:row>

						<w2:row>

							<type><![CDATA[input]]></type>
							<type_value><![CDATA[공정하다는 착각]]></type_value>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_code" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="code" name="name1" dataType="text"></w2:column>
						<w2:column id="label" name="name2" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<![CDATA[01]]>
							<![CDATA[선택]]>
						</w2:row>
						<w2:row>
							<![CDATA[02]]>
							<![CDATA[미선택]]>
						</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='원하는 시점에 GridView 셀의 inputType을 변경하는 예제입니다.' 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="컬럼 [동적 inputType]의 inputType 변경하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" localeRef=""
								style="min-width: 30px; height: 26px; display: block;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[1번째 행의 inputType을 "checkbox"로 변경하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" localeRef=""
								style="min-width: 30px; height: 26px;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[2번째 행의 inputType을 "select"로 변경하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex3_onclick" id="btn_ex3" localeRef=""
								style="min-width: 30px; height: 26px;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[3번째 행의 inputType을 "calenar"로 변경하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:gridView autoFit="allColumn" class="gvw" dataList="data:dlt_exam1" defaultCellHeight="24" id="grd_exam1"
							rowNumVisible="true" rowNumWidth="26" setCellInputTypeCustom="true" style="height:100px;width: 210px;" visibleRowNum="all">
							<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 width="70" inputType="text" style="" id="column2" value="유형" displayMode="label"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="동적 inputType" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column width="70" inputType="text" style="" id="type" value="" displayMode="label"></w2:column>
									<w2:column displayMode="label" id="type_value" inputType="custom" textAlign="left" value="" width="100">
									</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="20230315" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
    	<w2:type>COMPONENT</w2:type>
    	<w2:buildDate />
    	<w2:MSA />
    	<xf:model>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList baseNode="list" id="dlt_list" repeatNode="map" saveRemovedData="true" style="">
    				<w2:columnInfo>
    					<w2:column dataType="text" id="City" name="Label"></w2:column>
    					<w2:column dataType="text" id="Code" name="Code"></w2:column>
    				</w2:columnInfo>
    				<w2:data use="true">
    					<w2:row>
    						<City><![CDATA[Seoul]]></City>
    						<![CDATA[SE]]>
    					</w2:row>
    					<w2:row>
    						<City><![CDATA[Paris]]></City>
    						<![CDATA[PA]]>
    					</w2:row>
    					<w2:row>
    						<City><![CDATA[London]]></City>
    						<![CDATA[LN]]>
    					</w2:row>
    					<w2:row>
    						<City><![CDATA[Beijing]]></City>
    						<![CDATA[BJ]]>
    					</w2:row>
    				</w2:data>
    			</w2:dataList>
    		</w2:dataCollection>
    		<w2:workflowCollection />
    	</xf:model>
    	<w2:layoutInfo />
    	<w2:publicInfo method="" />

    	<xf:group class="sub_contents" id="" style="">
    		<xf:group class="ws_example_grp_desc" id="" style="">
    			<w2:textbox escape="false" id=""
    				label="AutoComplete의 선택 목록을 DataList와 연동하는 예제입니다.<br/>선택 항목에 표시할 Label로 사용할 coulmn과 선택 했을 때 값으로 사용할 column을 가진 DataList를 설정하면 선택 목록에 표시됩니다." style="margin-bottom: 10px;">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="example_div_tb_style_wrap mb_def" id="" style="">
    			<xf:group class="example_div_tr_style" id="" style="">
    				<w2:textbox class="example_div_th_style" escape="false" id="" label="AutoComplete" style=""></w2:textbox>
    				<xf:group class="example_div_td_style" id="" style="">
    					<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
    						label='AutoComplete에서 값을 선택하면 우측에 Code 값이 표시됩니다.<br/>DataList 영역에서 Label이나 코드를 수정하게 되면 연동된 DataCollection의 값이 변경되어 AutoComplete의 선택 목록이 갱신되는 것을 확인할 수 있습니다.'
    						style="">
    					</w2:textbox>
    					<xf:group id="" style="margin-bottom: 15px;">
    						<w2:autoComplete submenuSize="auto" search="start" editType="select" useKeywordHighlight="false"
    							style="width: 150px;" id="acb1" useLocale="false" class="" allOption="" chooseOption="true" ref="" autoFocus="true" chooseOptionLabel="- 선택 -" ev:onchange="scwin.acb1_onchange">
    							<w2:choices>
    								<w2:itemset nodeset="data:dlt_list">
    									<w2:label ref="City"></w2:label>
    									<w2:value ref="Code"></w2:value>
    								</w2:itemset>
    							</w2:choices>
    						</w2:autoComplete>
    						<w2:span label="" style="color: red;font-weight: bold;margin-left: 15px" id="spn_value"></w2:span>
    					</xf:group>
    				</xf:group>

    			</xf:group>
    			<xf:group class="example_div_tr_style" id="" style="">
    				<w2:textbox class="example_div_th_style" escape="false" id="" label="DataList" style=""></w2:textbox>
    				<xf:group class="example_div_td_style" id="" style="">
    					<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
    						label='AutoComplete에 연동되어 있는 DataCollection을 보여주는 GridView입니다.<br/>Cell을 더블클릭해서 수정하면 AutoComplete의 값도 변경됩니다.'
    						style="">
    					</w2:textbox>
    					<xf:group class="gvwbox" id="" style="">
    						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_list"
    							defaultCellHeight="24" id="grd_exam1" readOnly="false" rowNumVisible="true" rowNumWidth="26" style="height:100px;"
    							visibleRowNum="3" visibleRowNumFix="true" editModeEvent="onclick">
    							<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="70" inputType="text" style="" id="column2" value="Label" displayMode="label"></w2:column>
    									<w2:column width="70" inputType="text" style="" id="column1" value="Value" displayMode="label"></w2:column>
    								</w2:row>
    							</w2:header>
    							<w2:gBody style="" id="gBody1">
    								<w2:row style="" id="row2">
    									<w2:column width="70" inputType="text" style="" id="City" value="" displayMode="label" editModeEvent="ondblclick"></w2:column>
    									<w2:column width="70" inputType="text" style="" id="Code" value="" displayMode="label"></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"?>
<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="20230613" 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 () {

};

/**
 * 버튼 [$p.local.getItem] 클릭 시
 */
scwin.btn_exam1_onclick = function (e) {
    // LocalStorage의 키 "EXAMPLE_P00270"의 값을 반환받습니다.
    let strItem = $p.local.getItem("EXAMPLE_P00270");

    // 로그 출력
    let strLog = '# LocalStorage의 키 "EXAMPLE_P00270"의 값은 ' + '"' + strItem + '" 입니다.';
    $c.frame.printExampleLog(strLog, txa_log, false);
    console.log(strLog);
    console.log(strItem);
};

/**
 * textarea의 로그 삭제
 */
scwin.btn_clearLog_onclick = function (e) {
    txa_log.setValue("");
};

]]></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="아래의 버튼을 클릭하여 LocalStorage의 키 "EXAMPLE_P00270"에 할당된 값을 확인합니다.<br/>버튼을 클릭하면 '로그 확인' 영역과 브라우저 개발자도구의 콘솔에 로그가 출력됩니다." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_td_style no_padding" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" ev:onclick="scwin.btn_exam1_onclick"
								id="btn_exam1" style="" type="button">
								<xf:label><![CDATA[$p.local.getItem]]></xf:label>
							</xf:trigger>
						</xf:group>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_th_style" id="">
						<w2:span class="mr_def txt_blue" id="" label="로그 확인" style=""></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>
	</body>
</html>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230621" 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="func_name" name="함수명"></w2:column>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="DataList에 전체 데이터를 설정하는 함수 예시입니다.<br/>설정할 수 있는 데이터 유형은 4가지이며, 각 유형에 맞는 함수는 다음과 같습니다.<br/>- JSON 형식 : setJSON<br/>- 1차원 Array 형식 + 컬럼 정보 : setArray<br/>- 1차원 Array 형식 : setData<br/>- XML 형식 : setXML"
					style="">
				</w2:textbox>
				<w2:textbox id="" label="버튼을 클릭하고 하단에 구성된 GridView를 통해 DataList에 할당된 데이터를 확인할 수 있습니다." style=""
					class="ws_example_txt_desc_info"></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 no_padding" 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[전체 데이터 설정하기 - JSON 형식]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_2_onclick"
								id="btn_exam1_2" style="" type="button">
								<xf:label><![CDATA[전체 데이터 설정하기 - 1차원 Array 형식 + 컬럼 정보]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_3_onclick"
								id="btn_exam1_3" style="" type="button">
								<xf:label><![CDATA[전체 데이터 설정하기 - 1차원 Array 형식]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_4_onclick"
								id="btn_exam1_4" style="" type="button">
								<xf:label><![CDATA[전체 데이터 설정하기 - XML 형식]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="[ 결과 확인용 GridView ]" style="">
						</w2:textbox>
						<w2:gridView autoFit="lastColumn" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24" id=""
							rowNumWidth="26" style="height:60px;" visibleRowNum="all" noResultMessage="할당된 데이터가 없습니다." noResultMessageVisibleAlways="true"
							visibleRowNumFix="true" initFixedHeightByRowNum="2" readOnly="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="column4" inputType="text" value="func_name" width="80"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="label" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="func_name" inputType="text" width="80" textAlign="left"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" width="100" textAlign="left"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group id="" class="example_div_th_style">
						<w2:span label="로그 확인" style="" id="" class="mr_def txt_blue"></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>
<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="20230306" 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 type="text/javascript" lazy="false"><![CDATA[

scwin.onpageload = function () {

};

]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
    	<xf:group class="sub_contents" id="" style="">
    		<w2:textbox id="" label="P00223S03.xml" style="color: seagreen;font-size: 2em;font-weight: bold;"></w2:textbox>
    	</xf:group>
	</body>
</html>