<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head meta_screenName="자손 컴포넌트 반환받기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220428" 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_ex1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="col1" name="col1" dataType="text"></w2:column>
						<w2:column id="col2" name="col2" dataType="text"></w2:column>
						<w2:column id="col3" name="col3" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<col1><![CDATA[ROW1 : COL1]]></col1>
							<col2><![CDATA[ROW1 : COL2]]></col2>
							<col3><![CDATA[ROW1 : COL3]]></col3>
						</w2:row>
						<w2:row>
							<col1><![CDATA[ROW2 : COL1]]></col1>
							<col2><![CDATA[ROW2 : COL2]]></col2>
							<col3><![CDATA[ROW2 : COL3]]></col3>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

/**
 * [실행1] 클릭 시
 * WebSquare.util.getChildren(대상 컴포넌트 객체)
 * ex) WebSquare.util.getChildren(grp_form);
 */
scwin.btn_ex1_onclick = function (e) {
    $c.frame.printExampleLog("** scwin.btn_ex1_onclick 실행 **", txa_log, false);

    //grp_form 컴포넌트의 자식 컴포넌트 반환를 받아 정보 출력
    scwin.grp_form_getChildren();
};

/**
 * grp_form 컴포넌트의 자식 컴포넌트 반환를 받아 정보 출력
 */
scwin.grp_form_getChildren = function () {
    var arrComponents;

    //자식 컴포넌트가 담긴 배열이 반환됩니다.
    arrComponents = WebSquare.util.getChildren(grp_form);

    //개발자 console에 반환값 출력
    console.log(arrComponents);

    //실행 함수 로그 출력
    $c.frame.printExampleLog('WebSquare.util.getChildren(grp_form);', txa_log, false);

    //컴포넌트 정보 출력
    scwin.printInfo(arrComponents);
};

/**
 * [실행2] 클릭 시
 * WebSquare.util.getChildren(대상 컴포넌트 객체, 옵션)
 * ex) WebSquare.util.getChildren(grp_form, {recursive:true});
 */
scwin.btn_ex2_onclick = function (e) {
    //textarea에 log 출력
    $c.frame.printExampleLog("** scwin.btn_ex2_onclick 실행 **", txa_log, false);

    //grp_form 컴포넌트의 자손 컴포넌트 반환를 받아 정보 출력
    scwin.grp_form_getChildren_recursive();
};

/**
 * grp_form 컴포넌트의 자손 컴포넌트 반환를 받아 정보 출력
 */
scwin.grp_form_getChildren_recursive = function () {
    var arrComponents;

    //자손 컴포넌트 전체가 담긴 배열이 반환됩니다.
    arrComponents = WebSquare.util.getChildren(grp_form, { recursive: true });

    //개발자 console에 반환값 출력
    console.log(arrComponents);

    //실행 함수 로그 출력
    $c.frame.printExampleLog('WebSquare.util.getChildren(grp_form, {recursive:true});', txa_log, false);

    //컴포넌트 정보 출력
    scwin.printInfo(arrComponents);
};

/**
 * [실행3] 클릭 시
 * WebSquare.util.getChildren(대상 컴포넌트 객체, {recursive:true, excludePlugin:"group span"})
 * ex) WebSquare.util.getChildren(grp_form, {recursive:true, excludePlugin:"group span"});
 */
scwin.btn_ex3_onclick = function (e) {
    //textarea에 log 출력
    $c.frame.printExampleLog("** scwin.btn_ex3_onclick 실행 **", txa_log, false);

    //grp_form 컴포넌트의 자식 컴포넌트 반환를 받아 정보 출력
    scwin.grp_form_getChildren_recursive_exclude();
};

/**
 * grp_form 컴포넌트의 자식 컴포넌트 반환를 받아 정보 출력
 */
scwin.grp_form_getChildren_recursive_exclude = function () {
    var arrComponents;

    //group, span 컴포넌트를 제외한 자손 컴포넌트가 담긴 배열이 반환됩니다.
    arrComponents = WebSquare.util.getChildren(grp_form, { recursive: true, excludePlugin: "group span" });

    //개발자 console에 반환값 출력
    console.log(arrComponents);

    //실행 함수 로그 출력
    $c.frame.printExampleLog('WebSquare.util.getChildren(grp_form, {recursive:true, excludePlugin:"group span"});', txa_log, false);

    //컴포넌트 정보 출력
    scwin.printInfo(arrComponents);
};

/**
 * 컴포넌트 정보 출력 함수
 * @param {object} argCmp 웹스퀘어 컴포넌트
 */
scwin.printInfo = function (argArrCmp) {
    var strLog = "";
    var i;
    var numLength;
    var strDelimiter = "----------------------------------------\n";
    numLength = argArrCmp.length;

    strLog = strDelimiter + "전체 컴포넌트 수 : " + numLength + "\n" + strDelimiter;

    for (i = 0; i < numLength; i++) {
        let argCmp = argArrCmp[i];

        strLog += (i + "번째 컴포넌트 정보\n");

        //컴포넌트에 getOriginalID method가 있는 경우 진행
        if (argCmp.getOriginalID) {
            //컴포넌트 ID 추출. (사용자가 지정한 ID)
            strLog += "ID : " + argCmp.getOriginalID() + "\n";
        }

        //컴포넌트에 getPluginName method가 있는 경우 진행
        if (argCmp.getPluginName) {
            //컴포넌트명(plugin name) 추출
            strLog += "PluginName : " + argCmp.getPluginName() + "\n";
        }

        //구분자 추가
        if (strLog) {
            strLog += strDelimiter;
        }
    }

    //textarea에 문자열 출력
    $c.frame.printExampleLog(strLog, txa_log, false);

};

/**
 * textarea의 로그 삭제
 */
scwin.btn_clearLog_onclick = function (e) {
    //textarea value를 빈문자열로 할당.
    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="Group 컴포넌트의 자식/자손 컴포넌트에 접근하는 예제입니다." style=""></w2:textbox>
			</xf:group>
			<xf:group id="" style="" class="titbox">
				<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1"
					style="" type="button">
					<xf:label><![CDATA[자식 컴포넌트만 반환 받기]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2"
					style="" type="button">
					<xf:label><![CDATA[전체 자손 컴포넌트 반환 받기]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" ev:onclick="scwin.btn_ex3_onclick" id="btn_ex3"
					style="" type="button">
					<xf:label><![CDATA[Group, Span 컴포넌트를 제외한 자손 컴포넌트 반환 받기]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group id="" class="tblbox">
				<xf:group adaptive="layout" tagname="table" style="width:100%;" id="grp_form" class="w2tb tbl" adaptiveThreshold="800">
					<w2:attributes>
						<w2:summary></w2:summary>
						<w2:spellcheck>false</w2:spellcheck>
					</w2:attributes>
					<xf:group tagname="caption"></xf:group>
					<xf:group tagname="colgroup">
						<xf:group tagname="col" style="width:100px;"></xf:group>
						<xf:group tagname="col" style=""></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							InputBox
							<w2:attributes>
								<w2:scope>row</w2:scope>
							</w2:attributes>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<xf:input style="max-width:140px; width: 100%;" id="ibx_input" placeholder="" class="" initValue="WebSquare"></xf:input>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							CheckBox
							<w2:attributes>
								<w2:scope>row</w2:scope>
							</w2:attributes>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<xf:select ref="" appearance="full" disabled="" style="min-width:140px;" id="cbx_checkbox" renderType="checkboxgroup"
								rows="" selectedindex="1" cols="">
								<xf:choices>
									<xf:item>
										<xf:label><![CDATA[Type1]]></xf:label>
										<xf:value><![CDATA[1]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Type2]]></xf:label>
										<xf:value><![CDATA[2]]></xf:value>
									</xf:item>
								</xf:choices>
							</xf:select>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" class="w2tb_th">
							TextBox
							<w2:attributes>
								<w2:scope>row</w2:scope>
							</w2:attributes>
						</xf:group>
						<xf:group tagname="td" class="w2tb_td">
							<w2:attributes></w2:attributes>
							<w2:textbox style="" id="tbx_textbox" label="Textbox 컴포넌트입니다."></w2:textbox>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" class="w2tb_th">
							GridView
							<w2:attributes>
								<w2:scope>row</w2:scope>
							</w2:attributes>
						</xf:group>
						<xf:group tagname="td" class="w2tb_td">
							<w2:attributes></w2:attributes>
							<xf:group id="" class="gvwbox" style="width: 100%;">
								<w2:gridView scrollByColumnAdaptive="false" checkAllType="false" dataList="data:dlt_ex1"
									style="max-width: 400px;height: 70px;" scrollByColumn="false" id="" autoFit="allColumn" visibleRowNum="all" defaultCellHeight="26"
									class="gvw" autoFitMinWidth="260">
									<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" id="column3" value="col1" displayMode="label"></w2:column>
											<w2:column width="70" inputType="text" id="column2" value="col2" displayMode="label"></w2:column>
											<w2:column width="70" inputType="text" id="column1" value="col3" displayMode="label"></w2:column>
										</w2:row>
									</w2:header>
									<w2:gBody style="" id="gBody1">
										<w2:row style="" id="row2">
											<w2:column width="70" inputType="text" id="col1" displayMode="label"></w2:column>
											<w2:column width="70" inputType="text" id="col2" displayMode="label"></w2:column>
											<w2:column width="70" inputType="text" id="col3" displayMode="label"></w2:column>
										</w2:row>
									</w2:gBody>
								</w2:gridView>
							</xf:group>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" class="w2tb_th">
							TabControl
							<w2:attributes>
								<w2:scope>row</w2:scope>
							</w2:attributes>
						</xf:group>
						<xf:group tagname="td" class="w2tb_td">
							<w2:attributes></w2:attributes>
							<xf:group id="" class="tbcbox" style="overflow: auto;">
								<w2:tabControl confirmTrueAction="exist" confirmFalseAction="new" useTabKeyOnly="true" useMoveNextTabFocus="false"
									useConfirmMessage="false" alwaysDraw="false" style="max-width: 400px;min-width: 180px;" id="tac_tabControl" class="tbc">
									<w2:tabs disabled="false" style="width:70px;height:30px;" id="tabs1" label="TAB1"></w2:tabs>
									<w2:content alwaysDraw="false" style="padding:10px;" id="content1">
										<xf:input adjustMaxLength="false" style="width: 140px;" id="ibx_tabcontrol_input" initValue="WebSquare TabControl">
										</xf:input>
									</w2:content>
								</w2:tabControl>
							</xf:group>
						</xf:group>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_th_style" id="">
						<w2:span class="mr_def txt_blue" id="" label="로그 확인" style=""></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>
	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head>
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220930" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

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


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head meta_screenName="Map 차트">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220428" 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_mapchart" repeatNode="map" saveRemovedData="true" style="">
					<w2:columnInfo>
						<w2:column dataType="text" id="code" name="code"></w2:column>
						<w2:column dataType="text" id="value" name="value"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
			<xf:submission id="sbm_getChartData" ref="" target="data:json" action="/data/sampleData/mapChartData.json" method="post"
				mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous" processMsg=""
				ev:submit="" ev:submitdone="" ev:submiterror="">
			</xf:submission>
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[scwin.gVar = {
    "colorScale1": ""
};

scwin.onpageload = function () {
    $p.executeSubmission("sbm_getChartData");
    scwin.gVar.colorScale1 = d3.scale.linear().range(["red", "yellow", "green", "turquoise", "blue"]).domain([0, 0.25, 0.5, 0.75, 1]);
};

scwin.cht_ex1_onbeforemapchange = function (info) {
    if (info.newMapCode.length >= 2) {
        return false; // 지도 확장기능 사용하지 않음
    }
};

scwin.cht_ex1_onmapdatachange = function (dataListId) {
    var dataList = WebSquare.util.getComponentById(dataListId);
    switch (dataListId) {
        case "dataList1":
            var data = dataList.getAllJSON();
            for (var i = 0; i < data.length; i++) {
                var municipality = d3.select("#" + this.id + "_map").select(".municipality.c" + data[i].code);
                municipality.style("fill", scwin.gVar.colorScale1(data[i].value));
            }
            break;
    }
};]]></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="MapChart 사용 예시입니다. MapChart는 d3을 이용해 우리나라 전국지도에 입력받은 데이터를 다양한 형태로 시각화하여 표현하는 컴포넌트입니다.<br/>MapChart는 d3를 사용하여 구현한 지도 형태의 컴포넌트로서 인스웨이브는 d3에서 제공한 바이너리, 샘플, 문서를 그대로 제공해드려야 하며 소스, 샘플, 문서에 대한 버그수정, 기능추가 및 번역 작업을 제공해 드리지 않습니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." style="">
				</w2:textbox>
			</xf:group>
			<w2:mapchart dataMapPath="/websquare/_websquare_/externalJS/mapchart" id="cht_ex1"
				style="position: relative;height:500px;max-width: 700px;border: 1px solid #CED4DA;">
			</w2:mapchart>
		</xf:group>
	</body>
</html>


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

/**
 * CheckCombobox - 항목 숨김 지정 - 스크립트
 * 버튼 [항목 숨기기] 클릭 시
 */
scwin.btn_ex1_onclick = function (e) {
    //컴포넌트 ccb_exam3의 숨길 항목의 컬럼과 조건값 설정
    //항목 숨기기 컬럼 및 숨기기 값 설정 - 목록과 연결된 DataList의 "useYN" 컬럼의 값이 "N"인 경우 항목을 숨깁니다.
    ccb_exam3.setVisibleColumn("useYN", "N");
};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="CheckCombobox - 기본" style=""></w2:textbox>

					<xf:group class="example_div_td_style" id="" style="">
						<xf:checkcombobox id="ccb_exam1" displayAllOptionLabel="false" chooseOption="" displayMode="label"
							style="width: 150px;min-height:24px;" submenuSize="auto" allOption="" disabled="false" direction="auto" appearance="minimal" ref="">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_exam_code">
									<xf:label ref="label"></xf:label>
									<xf:value ref="code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:checkcombobox>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='CheckCombobox - 항목 숨김 지정' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:checkcombobox allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
							displayAllOptionLabel="false" displayMode="label" id="ccb_exam2" ref="" style="width: 150px;min-height:24px;" submenuSize="auto"
							visibleColumn="useYN" visibleColumnFalseValue="N">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_exam_code">
									<xf:label ref="label"></xf:label>
									<xf:value ref="code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:checkcombobox>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="CheckCombobox - 항목 숨김 지정 - 스크립트" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group id="" style="" class="mb10">
							<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style="" type="button">
								<xf:label><![CDATA[항목 숨기기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:checkcombobox allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
							displayAllOptionLabel="false" displayMode="label" id="ccb_exam3" ref="" style="width: 150px;min-height:24px;" submenuSize="auto">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_exam_code">
									<xf:label ref="label"></xf:label>
									<xf:value ref="code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:checkcombobox>
					</xf:group>
				</xf:group>

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


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

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

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


<?xml version="1.0" encoding="UTF-8"?>
<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 Image Excel Download 기능">
		<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_ExcelData">
					<w2:columnInfo>
						<w2:column id="type" name="type" dataType="text"></w2:column>
						<w2:column id="Money" name="Money" dataType="text"></w2:column>
						<w2:column id="manufacturer" name="manufacturer" dataType="text"></w2:column>
						<w2:column id="Trading" name="Trading" dataType="text"></w2:column>
						<w2:column id="Market" name="Market" dataType="text"></w2:column>
						<w2:column id="Inputdate" name="Inputdate" dataType="text"></w2:column>
						<w2:column id="picture" name="picture" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<type><![CDATA[체리마루]]></type>
							<Money><![CDATA[3000]]></Money>
							<manufacturer><![CDATA[해태]]></manufacturer>
							<Trading><![CDATA[15]]></Trading>
							<Market><![CDATA[Mart]]></Market>
							<Inputdate><![CDATA[20180314]]></Inputdate>
							<picture><![CDATA[/img/example/icecream/cherry.png]]></picture>
						</w2:row>
						<w2:row>
							<type><![CDATA[쿠&쿠]]></type>
							<Money><![CDATA[5000]]></Money>
							<manufacturer><![CDATA[빙그레]]></manufacturer>
							<Trading><![CDATA[10]]></Trading>
							<Market><![CDATA[Mart]]></Market>
							<Inputdate><![CDATA[20180314]]></Inputdate>
							<picture><![CDATA[/img/example/icecream/cooandcoo.png]]></picture>
						</w2:row>
						<w2:row>
							<type><![CDATA[엑셀런트]]></type>
							<Money><![CDATA[5900]]></Money>
							<manufacturer><![CDATA[빙그레]]></manufacturer>
							<Trading><![CDATA[7]]></Trading>
							<Market><![CDATA[Mart]]></Market>
							<Inputdate><![CDATA[20180315]]></Inputdate>
							<picture><![CDATA[/img/example/icecream/excelent.png]]></picture>
						</w2:row>
						<w2:row>
							<type><![CDATA[구구스타]]></type>
							<Money><![CDATA[3500]]></Money>
							<manufacturer><![CDATA[롯데]]></manufacturer>
							<Trading><![CDATA[5]]></Trading>
							<Market><![CDATA[Mart]]></Market>
							<Inputdate><![CDATA[20180315]]></Inputdate>
							<picture><![CDATA[/img/example/icecream/googoo.png]]></picture>
						</w2:row>
						<w2:row>
							<type><![CDATA[누가바]]></type>
							<Money><![CDATA[3000]]></Money>
							<manufacturer><![CDATA[해태]]></manufacturer>
							<Trading><![CDATA[3]]></Trading>
							<Market><![CDATA[Department]]></Market>
							<Inputdate><![CDATA[20180316]]></Inputdate>
							<picture><![CDATA[/img/example/icecream/nuga.png]]></picture>
						</w2:row>
						<w2:row>
							<type><![CDATA[돼지바]]></type>
							<Money><![CDATA[3000]]></Money>
							<manufacturer><![CDATA[롯데]]></manufacturer>
							<Trading><![CDATA[12]]></Trading>
							<Market><![CDATA[Department]]></Market>
							<Inputdate><![CDATA[20180316]]></Inputdate>
							<picture><![CDATA[/img/example/icecream/pig.png]]></picture>
						</w2:row>
						<w2:row>
							<type><![CDATA[셀렉션]]></type>
							<Money><![CDATA[4000]]></Money>
							<manufacturer><![CDATA[롯데]]></manufacturer>
							<Trading><![CDATA[5]]></Trading>
							<Market><![CDATA[Department]]></Market>
							<Inputdate><![CDATA[20180317]]></Inputdate>
							<picture><![CDATA[/img/example/icecream/selection.png]]></picture>
						</w2:row>
						<w2:row>
							<type><![CDATA[붕어싸만코]]></type>
							<Money><![CDATA[5000]]></Money>
							<manufacturer><![CDATA[빙그레]]></manufacturer>
							<Trading><![CDATA[15]]></Trading>
							<Market><![CDATA[supermarket]]></Market>
							<Inputdate><![CDATA[20180317]]></Inputdate>
							<picture><![CDATA[/img/example/icecream/ssmanko.png]]></picture>
						</w2:row>
						<w2:row>
							<type><![CDATA[투게더]]></type>
							<Money><![CDATA[5000]]></Money>
							<manufacturer><![CDATA[빙그레]]></manufacturer>
							<Trading><![CDATA[3]]></Trading>
							<Market><![CDATA[supermarket]]></Market>
							<Inputdate><![CDATA[20180318]]></Inputdate>
							<picture><![CDATA[/img/example/icecream/together.png]]></picture>
						</w2:row>
						<w2:row>
							<type><![CDATA[호두마루]]></type>
							<Money><![CDATA[3000]]></Money>
							<manufacturer><![CDATA[해태]]></manufacturer>
							<Trading><![CDATA[23]]></Trading>
							<Market><![CDATA[supermarket]]></Market>
							<Inputdate><![CDATA[20180318]]></Inputdate>
							<picture><![CDATA[/img/example/icecream/walnut.png]]></picture>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
			<xf:submission id="sbm" ref="" target="data:json,dlt_ExcelData" action="/ws5/sample/data/excelImg.json" method="post"
				mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous" processMsg=""
				ev:submit="" ev:submitdone="scwin.sbm_submitdone" ev:submiterror="" abortTrigger="">
			</xf:submission>
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

/**
 * [이미지 포함 엑셀 다운로드] 버튼 클릭 시
 */
scwin.btn_excel_onclick = function (e) {
    /*
    websquare_home -> config -> websquare.xml

    <websquare>
        <excel>
            <download>
                <baseDir value="서비스 기준경로(ROOT)" />

                <!--  예)
                    <baseDir value="C:\WRM\WORKSPACE\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps" />
                    <baseDir value="C:\WRM\WORKSPACE\ws5\WebContent"/>   --> 이와같은 실제 wtp서버가 아닌 로컬경로는 넣으면 안된다. 이유는
                -->
            </download>
        </excel>

        .....
    </websquare>

    ※주의사항 :
    1) 대용량에서는 적합하지 않으므로 사용하지 않는다.
    2) 이미지 경로가 was 서버에 존재해야 다운로드 할 수 있다.
       이클립스의 wtp서버가 아닌 로컬파일의 경로(C:\WRM\WORKSPACE\ws5\WebContent)가 아닌 wtp서버의 경로를 넣어야 한다.
       로컬파일의 경로를 넣을 경우, 웹스퀘어 화면에서 이미지 업로드후 다운로드받을 때 새로고침을 하지 않으면 실제로 업로드가 됐다고 인식하지 않아서 이미지를 내려받을 수 없다.
       그러므로 로컬에서 테스트할 때는 wtp서버의 경로를 넣는 것이 바람직하다.

    */

    var options = {};
    options.fileName = "ExcelImgDownload.xlsx";
    options.headerRowHeight = 40;     // [필수] header 높이
    options.rowHeight = "50";         // [필수] body 높이
    options.useImage = "true";        // [필수] inputType="image"인 경우 이미지 다운로드 사용

    grd_Excel.advancedExcelDownload(options);
};]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="mb_def tar" id="" style="">
				<xf:trigger class="btn_cm" ev:onclick="scwin.btn_excel_onclick" id="btn_excel" style="" type="button">
					<xf:label><![CDATA[이미지 포함 엑셀 다운로드]]></xf:label>
				</xf:trigger>
			</xf:group>
			<w2:gridView autoFit="allColumn" class="gvw mb_def" copyOption="display" dataDragSelect="true"
				dataList="data:dlt_ExcelData" defaultCellHeight="30" dragStartFunction="" ev:oncellclick="" ev:oneditend=""
				ev:onfilereadend="scwin.grd_Excel_onfilereadend" fixedColumnWithHidden="true" focusFlow="" focusMode="" id="grd_Excel"
				ignoreCellClick="false" ignoreToggleOnDisabled="false" rowNumHeaderValue="No" rowNumStatusResize="" rowNumVisible="false"
				rowNumWidth="30" rowStatusHeaderValue="" scrollByColumn="false" scrollByColumnAdaptive="false" style="height:100px;" summaryAuto="false"
				tooltipFormatter="" useShiftKey="true" visibleRowNum="15">
				<w2:caption id="caption2" style="" value="this is a grid caption."></w2:caption>
				<w2:header id="header2" style="">
					<w2:row id="row3" style="">
						<w2:column blockSelect="false" displayMode="label" id="column37" inputType="text" style="" value="사진" width="70"></w2:column>
						<w2:column blockSelect="false" displayMode="label" id="column35" inputType="text" style="" value="종류" width="70"></w2:column>
						<w2:column blockSelect="false" displayMode="label" id="column33" inputType="text" style="" value="가격" width="70"></w2:column>
						<w2:column blockSelect="false" displayMode="label" id="column31" inputType="text" style="" value="제조사" width="70"></w2:column>
						<w2:column blockSelect="false" displayMode="label" id="column29" inputType="text" style="" value="거래량" width="70"></w2:column>
						<w2:column blockSelect="false" displayMode="label" id="column27" inputType="text" style="" value="시장" width="70"></w2:column>
						<w2:column blockSelect="false" displayMode="label" id="column25" inputType="text" style="" value="기준일" width="70"></w2:column>
					</w2:row>
				</w2:header>
				<w2:gBody id="gBody2" style="">
					<w2:row id="row4" style="">
						<w2:column blockSelect="false" displayMode="label" id="picture" imageHeight="30" imageWidth="30" inputType="image" style=""
							value="" width="70">
						</w2:column>
						<w2:column blockSelect="false" displayMode="label" id="type" inputType="text" style="" textAlign="left" value="" width="70">
						</w2:column>
						<w2:column blockSelect="false" dataType="number" displayFormat="#,###" displayMode="label" id="Money" inputType="text"
							style="" textAlign="right" value="" width="70">
						</w2:column>
						<w2:column blockSelect="false" dataType="text" displayFormat="" displayMode="label" id="manufacturer" inputType="text"
							style="" textAlign="center" value="" width="70">
						</w2:column>
						<w2:column blockSelect="false" displayMode="label" id="Trading" inputType="text" style="" textAlign="right" value=""
							width="70">
						</w2:column>
						<w2:column blockSelect="false" dataType="text" displayFormat="" displayMode="label" id="Market" inputType="text" style=""
							textAlign="center" value="" width="70">
						</w2:column>
						<w2:column blockSelect="false" dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="Inputdate"
							inputType="text" style="" value="" width="70">
						</w2:column>
					</w2:row>
				</w2:gBody>
			</w2:gridView>
		</xf:group>
	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head meta_screenName="모달(Modal) 팝업과 모달리스(Modeless) 팝업 비교하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220729" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

/**
 * $p.openPopup() - browserPopup 실행
 * 버튼 [browserPopup - modal] 클릭 시
 */
scwin.btn_ex1_1_onclick = function (e) {
    var jsnOptions = {
        id: "popup_exam1_1",
        type: "browserPopup", //필수 고정
        width: "300px",
        height: "180px",
        popupName: "Modal browserPopup",
        modal: "true" //필수 고정
    };

    $p.openPopup("/page/P00057P01.xml", jsnOptions);
};

/**
 * $p.openPopup() - browserPopup 실행
 * 버튼 [browserPopup - modeless] 클릭 시
 */
scwin.btn_ex1_2_onclick = function (e) {
    var jsnOptions = {
        id: "popup_exam1_2",
        type: "browserPopup", //필수 고정
        width: "300px",
        height: "180px",
        popupName: "Modeless browserPopup"
    };

    $p.openPopup("/page/P00057P01.xml", jsnOptions);
};

/**
 * $p.openPopup() - wframePopup 실행
 * 버튼 [wframePopup - modal] 클릭 시
 */
scwin.btn_ex2_1_onclick = function (e) {
    var jsnOptions = {
        id: "popup_exam2_1",
        type: "wframePopup", //필수 고정
        width: "300px",
        height: "180px",
        popupName: "Modal wframePopup",
        modal: "true" //필수 고정
    };

    $p.openPopup("/page/P00057P01.xml", jsnOptions);
};

/**
 * $p.openPopup() - wframePopup 실행
 * 버튼 [wframePopup - modeless] 클릭 시
 */
scwin.btn_ex2_2_onclick = function (e) {
    var jsnOptions = {
        id: "popup_exam2_2",
        type: "wframePopup", //필수 고정
        width: "300px",
        height: "180px",
        popupName: "Modeless wframePopup"
    };

    $p.openPopup("/page/P00057P01.xml", jsnOptions);
};

/**
 * $p.openPopup() - iframePopup 실행
 * 버튼 [iframePopup - modal] 클릭 시
 */
scwin.btn_ex3_1_onclick = function (e) {
    var jsnOptions = {
        id: "popup_exam3_1",
        type: "iframePopup", //필수 고정
        width: "300px",
        height: "180px",
        popupName: "Modal iframePopup",
        modal: "true" //필수 고정
    };

    $p.openPopup("/page/P00057P01.xml", jsnOptions);
};

/**
 * $p.openPopup() - iframePopup 실행
 * 버튼 [iframePopup - modeless] 클릭 시
 */
scwin.btn_ex3_2_onclick = function (e) {
    var jsnOptions = {
        id: "popup_exam3_2",
        type: "iframePopup", //필수 고정
        width: "300px",
        height: "180px",
        popupName: "Modeless iframePopup"
    };

    $p.openPopup("/page/P00057P01.xml", jsnOptions);
};]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="$p.openPopup() - browserPopup" style="" tagname="h3"></w2:textbox>
			</xf:group>
			<xf:group id="" style="" class="titbox">
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" id="btn_ex1_1" style="" type="button"
					ev:onclick="scwin.btn_ex1_1_onclick">
					<xf:label><![CDATA[browserPopup - modal]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" id="btn_ex1_2" style="" type="button"
					ev:onclick="scwin.btn_ex1_2_onclick">
					<xf:label><![CDATA[browserPopup - modeless]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="$p.openPopup() - wframePopup" style="" tagname="h3"></w2:textbox>
			</xf:group>
			<xf:group class="titbox" id="" style="">
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex2_1_onclick" id="btn_ex2_1" style=""
					type="button">
					<xf:label><![CDATA[wframePopup - modal]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex2_2_onclick" id="btn_ex2_2" style=""
					type="button">
					<xf:label><![CDATA[wframePopup - modeless]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="$p.openPopup() - iframePopup" style="" tagname="h3"></w2:textbox>
			</xf:group>
			<xf:group class="titbox" id="" style="">
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex3_1_onclick" id="btn_ex3_1" style=""
					type="button">
					<xf:label><![CDATA[iframePopup - modal]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex3_2_onclick" id="btn_ex3_2" style=""
					type="button">
					<xf:label><![CDATA[iframePopup - modeless]]></xf:label>
				</xf:trigger>
			</xf:group>
		</xf:group>
	</body>
</html>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230629" meta_user="InswaveSystems"></w2:history>
			<w2:history meta_no="02" meta_desc="설명 문구 강조 추가" meta_date="20230703" 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="" getMatchedFromAllData="false">
					<w2:columnInfo>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					<w2:column dataType="text" id="label" name="도서명"></w2:column></w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_books_2" repeatNode="map" style="" valueAttribute="" getMatchedFromAllData="true">
					<w2:columnInfo>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					<w2:column dataType="text" id="label" name="도서명"></w2:column></w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="DataList의 속성 'getMatchedFromAllData'의 설정 비교 예제입니다.
이 속성은 DataList의 데이터 검색 함수가 동작할 때 사용됩니다." style="">
				</w2:textbox>
				<w2:textbox escape="false" id=""
					label='속성의 설정 값은 아래의 2가지입니다.
- true : DataList의 데이터 검색 함수가 동작할 때 필터가 적용되지 않은 원본 데이터를 대상으로 검색합니다.
- false : (기본 설정 값) DataList의 데이터 검색 함수가 동작할 때 필터가 적용된 데이터를 대상으로 검색합니다.'
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id="" label="DataList의 주요 데이터 검색 함수는 'getMatched' 또는 'getUnmatched'로 시작되는 함수입니다." style=""></w2:textbox>
				<xf:group id="" style="" tagname="details">
					<w2:textbox class="" id="" label="주요 함수 목록" style="" tagname="summary"></w2:textbox>
					<w2:textbox class="" escape="false" id=""
						label="- getMatchedArray
- getMatchedData
- getMatchedIndex
- getMatchedJSON
- getMatchedXML
- getMatchedColumnData
- getUnmatchedArray
- getUnmatchedColumnData
- getUnmatchedData
- getUnmatchedIndex
- getUnmatchedJSON
- getUnmatchedXML"
						style="margin-bottom: 6px;">
					</w2:textbox>
				</xf:group>
				<w2:textbox class="ws_example_txt_desc_info" id=""
					label="버튼을 클릭하면 '로그 확인' 영역과 브라우저 개발자도구의 콘솔에 로그가 출력됩니다.
로그를 통해 반환되는 데이터를 확인할 수 있습니다." style="" escape="false">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id=""
					label="이 화면의 DataList는 테스트를 위해 컬럼 필터가 적용되어 있으며, 컬럼 '분류'의 값이 '인문'와 일치하는 조건입니다." style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">				<xf:group id="" style="" class="example_div_tr_style">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="(기본 동작) 필터가 적용된 데이터에서 검색하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_1_onclick"
								id="btn_exam1_1" style="" type="button">
								<xf:label><![CDATA[1.1 컬럼 '분류'의 값이 '소설'과 일치하는 데이터를 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.2 컬럼 '분류'의 값이 '인문'과 일치하는 데이터의 Row Index 받기]]></xf:label>
							</xf:trigger>
						</xf:group>

						<w2:textbox class="ws5_exam_txt_caption" escape="false" id="" label="데이터 확인용 GridView" style=""></w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="220" class="gvw mb10" dataList="data:dlt_books_1"
							defaultCellHeight="24" id="grd_exam_1" initFixedHeightByRowNum="4" keepDefaultColumnWidth="true" readOnly="true" rowNumVisible="true"
							rowNumWidth="26" style="height:60px;" tooltipDisplay="true" visibleRowNum="3">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" value="분류" width="70"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="100"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<w2:span class="mr_def txt_bold" id="" label="로그 확인" style=""></w2:span>
							<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="" style=""
								title="로그 삭제" type="button" userData1="txa_log_1">
								<xf:label><![CDATA[검색 취소]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:textarea class="com_example_txa_log" id="txa_log_1" spellcheck="false" style="width: 100%;height: 90px;"></xf:textarea>
					</xf:group>
				</xf:group>
				<xf:group id="" style="" class="example_div_tr_style">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="원본 데이터에서 검색하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam2_1_onclick"
								id="btn_exam2_1" style="" type="button">
								<xf:label><![CDATA[2.1 컬럼 '분류'의 값이 '소설'과 일치하는 데이터를 JSON 형식으로 받기]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam2_2_onclick"
								id="btn_exam2_2" style="" type="button">
								<xf:label><![CDATA[2.2 컬럼 '분류'의 값이 '인문'과 일치하는 데이터의 Row Index 받기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<w2:textbox class="ws5_exam_txt_caption" escape="false" id="" label="데이터 확인용 GridView" style=""></w2:textbox>
						</xf:group>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="220" class="gvw mb10" dataList="data:dlt_books_2"
							defaultCellHeight="24" id="grd_exam_2" initFixedHeightByRowNum="4" keepDefaultColumnWidth="true" readOnly="true" rowNumVisible="true"
							rowNumWidth="26" style="height:60px;" tooltipDisplay="true" visibleRowNum="3">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" value="분류" width="70"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="100"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<w2:span class="mr_def txt_bold" id="" label="로그 확인" style=""></w2:span>
							<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="" style=""
								title="로그 삭제" type="button" userData1="txa_log_2">
								<xf:label><![CDATA[검색 취소]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:textarea class="com_example_txa_log" id="txa_log_2" spellcheck="false" style="width: 100%;height: 90px;"></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=" 20230718" meta_user="InswaveSystems"></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="탭의 컨텐츠에 구성된 컴포넌트의 함수를 호출하는 예제입니다.
탭의 컨텐츠가 WFrame으로 구성된 경우에는 TabControl의 함수 'getWindow'를 통해 컨텐츠의 객체(컴포넌트 또는 $p 등)에 접근할 수 있습니다."
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id=""
					label="각 탭의 컨텐츠 구성 방법은 다음과 같습니다.
- 탭 'TAB1' : 화면에서 직접 구성.
- 탭 'TAB_WFrame' : WFrame으로 파일 'P00296S01.xml'를 지정."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" id=""
					label="탭 'TAB_WFrame'의 속성 'alwaysDraw'의 값이 'false'로 지정되었습니다. 탭이 선택되지 않은 경우에는 컨텐츠 객체에 접근할 수 없습니다."
					style="" escape="false">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id=""
					label="탭의 컨텐츠가 그려지고 초기 로직을 수행해야 하는 경우에는, 컨텐츠 화면의 함수 'scwin.onpageload'에 구성하거나 TabControl의 이벤트 'ondrawcomplete'를 사용합니다."
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" style="" class=""></xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_exam1_1_onclick" id="btn_exam1_1" style=""
								type="button">
								<xf:label><![CDATA[탭 'TAB1'의 컨텐츠에 구성된 Input의 값 반환받기]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_exam1_2_onclick" id="btn_exam1_2" style=""
								type="button">
								<xf:label><![CDATA[탭 'TAB_WFrame'의 컨텐츠에 구성된 Input의 값 반환받기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="" id="" style="">
							<w2:tabControl alwaysDraw="false" class="" confirmFalseAction="new" confirmTrueAction="exist" id="tac_exam1"
								style="position: relative;height: 120px;" tabScroll="" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true">
								<w2:tabs disabled="false" id="tabs1" label="TAB1" style="width:70px;height:30px;"></w2:tabs>
								<w2:content alwaysDraw="false" id="content1" style="min-height:30px;">
								<xf:group id="" style="padding: 6px;">
									<w2:textbox style="font-size: 1.2em;color: steelblue;font-weight: bold;margin-bottom: 6px;" id=""
										label="TAB1 CONTENT">
									</w2:textbox>
									<xf:input adjustMaxLength="false" id="ibx_tabs1_tabID" style="width: 130x;height: 24px;" initValue="Inner Content"></xf:input>
								</xf:group></w2:content>
							</w2:tabControl>
						</xf:group>
					</xf:group>
				</xf:group>

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


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

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

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='Input컴포넌트에 마스킹하는 방법 및 마스킹 방향 설정에 관한 예제입니다.

이 기능은 아래의 속성으로 사용할 수 있습니다.
- dataType : Input의 dataType을 명시
- displayFormat : Input값에 format을 적용
- maskFormat : 마스킹이 적용되는 방향 설정'
					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='숫자 및 알파벳 입력 시 왼쪽에서 오른쪽으로 마스킹이 적용되는 것을 확인한다.
displayFormat : #-##-###
입력값 : 123abc -> 출력값 : 1-23-abc'
							style="" displayFormat="">
						</w2:textbox>
						<w2:textbox class="txt_info_important" escape="false" id="" label="※ 숫자, 알파벳만 입력되게 allowchar를 사용했습니다."
							style="margin-bottom: 10px;">
						</w2:textbox>
						<xf:input class="" id="ibx_exam1" style="min-width:120px;" displayFormatter="" displayFormat="#-##-###" applyFormat="all"
							maskFormat="default" allowChar="0-9, aA-zZ">
						</xf:input>
					</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='숫자 및 알파벳 입력 시 오른쪽에서 왼쪽으로 마스킹이 적용되는 것을 확인한다.
displayFormat : #-##-###
입력값 : 123abc -> 출력값 : 1-23-abc'
							style="" displayFormat="">
						</w2:textbox>
						<w2:textbox class="txt_info_important" escape="false" id="" label="※ 숫자, 알파벳만 입력되게 allowchar를 사용했습니다."
							style="margin-bottom: 10px;">
						</w2:textbox>
						<xf:input class="" id="ibx_exam2" style="min-width:120px;" displayFormatter="" displayFormat="#-##-###" applyFormat="all"
							maskFormat="reverse" allowChar="0-9, aA-zZ">
						</xf:input>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230321" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_dataList1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="name" name="name1" dataType="text"></w2:column>
						<w2:column id="Code" name="name2" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<name><![CDATA[Seoul]]></name>
							<![CDATA[SE]]>
						</w2:row>
						<w2:row>
							<name><![CDATA[Busan]]></name>
							<![CDATA[BU]]>
						</w2:row>
						<w2:row>
							<name><![CDATA[Tokyo]]></name>
							<![CDATA[TO]]>
						</w2:row>
						<w2:row>
							<name><![CDATA[Osaka]]></name>
							<![CDATA[OS]]>
						</w2:row>
						<w2:row>
							<name><![CDATA[Beijing]]></name>
							<![CDATA[BJ]]>
						</w2:row>
						<w2:row>
							<name><![CDATA[Shanghai]]></name>
							<![CDATA[SG]]>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='SelectBox컴포넌트의 선택 항목을 표시하는 방법에 관한 예제입니다.<br/><br/>이 기능은 아래의 속성으로 사용할 수 있습니다.<br/>- displayMode : 선택 항목의 표현 방법.<br/>- delimeter : 선택 항목 목록에 value와 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="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컴포넌트와 바인딩되어 있는 DataList의 label 값으로 항목을 표시합니다.' style="" displayFormat="">
						</w2:textbox>
						<xf:select1 id="sbx_exam1" chooseOption="" style="width: 148px;height: 21px;" submenuSize="auto" allOption=""
							disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="" displayMode="label">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="name"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="value 형태로 표시하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label='SelectBox컴포넌트와 바인딩되어 있는 DataList의 value 값으로 항목을 표시합니다.' style="" displayFormat="">
						</w2:textbox>
						<xf:select1 id="sbx_exam2" chooseOption="" style="width: 148px;height: 21px;" submenuSize="auto" allOption=""
							disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="" displayMode="value">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="name"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="label 구분자 value 형태로 표시하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label='SelectBox컴포넌트와 바인딩되어 있는 DataList의 label과 value 값을 label (구분자) value 형태로 표시합니다.' style="" displayFormat="">
						</w2:textbox>
						<xf:select1 id="sbx_exam3" chooseOption="" style="width: 148px;height: 21px;" submenuSize="auto" allOption=""
							disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="" displayMode="label delim value"
							delimiter=" - ">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="name"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="value 구분자 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컴포넌트와 바인딩되어 있는 DataList의 label과 value 값을 value (구분자) label 형태로 표시합니다.' style="" displayFormat="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;"></xf:group>
						<xf:select1 allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false"
							disabledClass="w2selectbox_disabled" id="sbx_exam4" ref="" style="width: 148px;height: 21px;" submenuSize="auto" delimiter=" $$$ "
							displayMode="value delim label">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="name"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230615" 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="category1" name="대분류"></w2:column>
						<w2:column dataType="text" id="title" name="도서명"></w2:column>
						<w2:column dataType="text" id="row3_1" name="상반기"></w2:column>
						<w2:column dataType="text" id="row3_2" name="하반기"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<category1><![CDATA[소설]]></category1>
							<row3_1><![CDATA[200]]></row3_1>
							<row3_2><![CDATA[300]]></row3_2>
							<title><![CDATA[칼의 노래]]></title>
						</w2:row>
						<w2:row>
							<category1><![CDATA[소설]]></category1>
							<row3_1><![CDATA[300]]></row3_1>
							<row3_2><![CDATA[200]]></row3_2>
							<title><![CDATA[태백산맥]]></title>
						</w2:row>
						<w2:row>
							<category1><![CDATA[소설]]></category1>
							<row3_1><![CDATA[400]]></row3_1>
							<row3_2><![CDATA[200]]></row3_2>
							<title><![CDATA[달과 6펜스]]></title>
						</w2:row>
						<w2:row>
							<category1><![CDATA[역사/문화]]></category1>
							<row3_1><![CDATA[600]]></row3_1>
							<row3_2><![CDATA[300]]></row3_2>
							<title><![CDATA[조선왕조실록]]></title>
						</w2:row>
						<w2:row>
							<category1><![CDATA[역사/문화]]></category1>
							<row3_1><![CDATA[1200]]></row3_1>
							<row3_2><![CDATA[900]]></row3_2>
							<title><![CDATA[난중일기]]></title>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents">
			<xf:group class="ws_example_grp_desc">
				<w2:textbox class="" escape="false"
					label="GridView의 엑셀 다운로드(함수 'advancedExcelDownload')에서 첫 번째 인자 'options'의 'useSubTotalData' 옵션 설정 예제입니다.
옵션 'useSubTotalData'은 엑셀에 'subTotal'(소계)의 데이터를 브라우저에 표시된 값으로 출력할지 여부를 결정합니다.
'useSubTotalData'를 'true'로 설정하지 않고 'subTotal' 컬럼의 표현식(속성 'expression')에 사용자 정의 함수를 호출하면, 엑셀 생성 시 오류가 발생합니다."
					style="">
				</w2:textbox>
				<w2:textbox class="" escape="false" label="이 예제는 'subTotal' 컬럼의 표현식에 사용자 정의 함수를 호출하고 있습니다." style=""></w2:textbox>
				<w2:textbox escape="false" id="" label="엑셀 다운로드 오류 발생 시 '로그 확인' 영역과 브라우저 개발자도구의 콘솔에 로그가 출력됩니다." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap">
				<xf:group class="mb_def_box nobottom">
					<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: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[엑셀 다운로드 - subTotal의 값을 브라우저에 표시된 값으로 출력하기]]></xf:label>
					</xf:trigger>
				</xf:group>
				<w2:gridView autoFitMinWidth="266" baseNode="" class="gvw" dataList="data:dlt_books" defaultCellHeight="26" focusMode="row"
					id="grd_exam1" readOnly="true" style="height:200px;" visibleRowNum="all" autoFit="allColumn">
					<w2:header id="header5" style="">
						<w2:row id="row35" style="">
							<w2:column blockSelect="false" displayMode="label" hidden="false" id="column572" inputType="text" value="분류" width="68">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="column575" inputType="text" value="도서명" width="90"></w2:column>
							<w2:column id="column468" inputType="text" value="상반기" width="54"></w2:column>
							<w2:column id="column467" inputType="text" value="하반기" width="54"></w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody id="gBody5" style="">
						<w2:row id="row37" style="">
							<w2:column blockSelect="false" colMerge="true" displayMode="label" hidden="false" id="category1" inputType="text"
								width="68">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="title" inputType="text" textAlign="left" width="90"></w2:column>
							<w2:column dataType="number" displayFormat="#,###" id="row3_1" inputType="text" textAlign="right" width="54"></w2:column>
							<w2:column dataType="number" displayFormat="#,###" id="row3_2" inputType="text" textAlign="right" width="54"></w2:column>
						</w2:row>
					</w2:gBody>
					<w2:subTotal id="subTotal1" style="" targetColumnID="category1">
						<w2:row id="row42" style="">
							<w2:column blockSelect="false" displayMode="label" id="column577" inputType="text" style="height:30px;" value="소계"
								width="68">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" expression="targetColValue() + ' - ' +count('row_total') + '건'"
								id="column596" inputType="expression" style="height:30px;" textAlign="left" width="90">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" expression="sum('row3_1')" id="sub_col_1" inputType="expression"
								style="height:30px;" textAlign="right" width="54" dataType="number" displayFormat="#,###">
							</w2:column>
							<w2:column blockSelect="false" dataType="text" displayMode="label"
								expression="scwin.subTotal_userExpression(sum('row3_2'))" id="sub_col_2" inputType="expression" style="height:30px;"
								textAlign="right" width="54">
							</w2:column>
						</w2:row>
					</w2:subTotal>
				</w2:gridView>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_th_style" id="">
						<w2:span class="mr_def txt_blue" id="" label="로그 확인" style=""></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date=" 20230725" meta_user="InswaveSystems"></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_chartData_1" repeatNode="data" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="Type" name="Type"></w2:column>
						<w2:column dataType="text" id="X" name="X"></w2:column>
						<w2:column dataType="text" id="Y" name="Y"></w2:column>
						<w2:column dataType="text" id="Z" name="Z"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<Type><![CDATA[Type 1]]></Type>
							<X><![CDATA[21]]></X>
							<Y><![CDATA[2.4]]></Y>
							<Z><![CDATA[4.4]]></Z>
						</w2:row>
						<w2:row>
							<Type><![CDATA[Type 1]]></Type>
							<X><![CDATA[43]]></X>
							<Y><![CDATA[2.5]]></Y>
							<Z><![CDATA[7.4]]></Z>
						</w2:row>
						<w2:row>
							<Type><![CDATA[Type 1]]></Type>
							<X><![CDATA[43]]></X>
							<Y><![CDATA[3.5]]></Y>
							<Z><![CDATA[9.4]]></Z>
						</w2:row>
						<w2:row>
							<Type><![CDATA[Type 1]]></Type>
							<X><![CDATA[23]]></X>
							<Y><![CDATA[1.5]]></Y>
							<Z><![CDATA[1.4]]></Z>
						</w2:row>
						<w2:row>
							<Type><![CDATA[Type 1]]></Type>
							<X><![CDATA[33]]></X>
							<Y><![CDATA[1.6]]></Y>
							<Z><![CDATA[8.4]]></Z>
						</w2:row>
						<w2:row>
							<Type><![CDATA[Type 2]]></Type>
							<X><![CDATA[41]]></X>
							<Y><![CDATA[1.1]]></Y>
							<Z><![CDATA[3.4]]></Z>
						</w2:row>
						<w2:row>
							<Type><![CDATA[Type 2]]></Type>
							<X><![CDATA[43]]></X>
							<Y><![CDATA[2.5]]></Y>
							<Z><![CDATA[12.4]]></Z>
						</w2:row>
						<w2:row>
							<Type><![CDATA[Type 2]]></Type>
							<X><![CDATA[43]]></X>
							<Y><![CDATA[1.5]]></Y>
							<Z><![CDATA[14.4]]></Z>
						</w2:row>
						<w2:row>
							<Type><![CDATA[Type 2]]></Type>
							<X><![CDATA[50]]></X>
							<Y><![CDATA[3.2]]></Y>
							<Z><![CDATA[6.4]]></Z>
						</w2:row>
						<w2:row>
							<Type><![CDATA[Type 2]]></Type>
							<X><![CDATA[22]]></X>
							<Y><![CDATA[4.3]]></Y>
							<Z><![CDATA[14.4]]></Z>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_chartType_1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="chart_name" name="chart_name" dataType="text"></w2:column>
						<w2:column id="chart_value" name="chart_value" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<chart_name><![CDATA[Scatter Chart]]></chart_name>
							<chart_value><![CDATA[scatter]]></chart_value>
						</w2:row>
						<w2:row>
							<chart_name><![CDATA[Zoom Scatter Chart]]></chart_name>
							<chart_value><![CDATA[zoomscatter]]></chart_value>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_chartType_2" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="chart_name" name="chart_name" dataType="text"></w2:column>
						<w2:column id="chart_value" name="chart_value" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<chart_name><![CDATA[Bubble Chart]]></chart_name>
							<chart_value><![CDATA[bubble]]></chart_value>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="Fusionchart의 'Scatter', 'Bubble' 타입을 확인할 수 있는 예제입니다.
화면에 구성된 항목를 선택하여 차트의 타입을 변경할 수 있습니다.
차트의 타입은 함수 'changeType'를 사용하여 스크립트로 변경할 수 있습니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제의 Fusion Chart 버전은 3.19입니다." style=""></w2:textbox>
				<w2:textbox escape="false" id=""
					label='FusionChart의 타입 목록 : https://www.fusioncharts.com/dev/chart-guide/list-of-charts/'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="Scatter Charts" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:select1 appearance="full" class="w_per_100" cols="" id="rad_chartType1" ref="" renderType="radiogroup"
								rows="" selectedIndex="0" style="min-height: 26px;" ev:onviewchange="scwin.rad_chartType1_onviewchange">
								<xf:choices>
									<xf:itemset nodeset="data:dlt_chartType_1">
										<xf:label ref="chart_name"></xf:label>
										<xf:value ref="chart_value"></xf:value>
									</xf:itemset>
								</xf:choices>
							</xf:select1>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<w2:fusionchart chartType="Scatter" drawType="javascript" id="cht_exam1" ref="data:dlt_chartData_1"
								seriesColumns="[['X','Y']]" style="height: 300px;min-width:200px;" version="3.19" labelNode="Type">
							</w2:fusionchart>
						</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="Bubble Charts" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:select1 appearance="full" class="w_per_100" cols="" id="rad_chartType2" ref="" renderType="radiogroup" rows="" selectedIndex="0" style="min-height: 26px;" ev:onviewchange="scwin.rad_chartType2_onviewchange">
								<xf:choices>
									<xf:itemset nodeset="data:dlt_chartType_2">
										<xf:label ref="chart_name"></xf:label>
										<xf:value ref="chart_value"></xf:value>
									</xf:itemset>
								</xf:choices>
							</xf:select1>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<w2:fusionchart chartType="Bubble" drawType="javascript" id="cht_exam2" labelNode="Type"
								ref="data:dlt_chartData_1" seriesColumns="[['X','Y','Z']]" style="height: 300px;min-width:200px;" version="3.19">
							</w2:fusionchart>
						</xf:group>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head meta_screenName="[InputCalendar] 오늘 날짜 할당하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221014" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[scwin.onpageload = function () {

};

/**
 * 버튼 [오늘 날짜 할당] 클릭 시
 */
scwin.btn_ex1_onclick = function (e) {
    var strDate;

    //오늘 날짜 반환 받기 - InputCalenar에 설정된 ioFormat과 동일해야 합니다.
    strDate = $p.getCurrentServerDate("yyyyMMdd");

    //InputCalenar [ica_exam_2]에 value 할당하기
    ica_exam_2.setValue(strDate);

};
]]></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='InputCalendar에 오늘 날짜를 출력하는 예제입니다.' style="margin-bottom: 10px;">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="오늘 날짜 출력하기 - 속성" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" id="ica_exam_1" style="width:110px;min-height: 24px;"
							validateOnInput="true" validateOnInputMobile="true" renderDiv="true" setCurrentDate="true">
						</w2:inputCalendar>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="오늘 날짜 출력하기 - 스크립트" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" id="ica_exam_2" renderDiv="true"
							style="width:110px;min-height: 24px;" validateOnInput="true" validateOnInputMobile="true" class="mr_def">
						</w2:inputCalendar>
						<xf:trigger class="btn_exam_exec" id="btn_ex1" localeRef="" style="min-width: 30px; height: 26px;" type=""
							useDefaultLabel="true" ev:onclick="scwin.btn_ex1_onclick">
							<xf:label><![CDATA[오늘 날짜 할당]]></xf:label>
						</xf:trigger>
					</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="20220930" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='WindowContainer의 속성 frameModal을 활성화하였을 때 팝업의 동작을 비교하는 예제입니다.
frameModal을 활성화하면 팝업이 Window 내부에서만 이동이 가능하게 되며,
팝업에서 팝업을 호출한 경우 상위 팝업을 닫으면 하위 팝업이 함께 닫힙니다.
이 기능은 WindowContainer의 속성 frameMode가 "wframe"으로 설정된 경우만 동작합니다.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" style="" class=""></xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='기본 설정 - frameModal 비활성화' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:windowContainer controlIconPosition="left" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
							horizontalArrangeNum="2" id="wdc_exam1" nameLayerRearrange="false" sequentialArrangeColNum="2" sequentialArrangeRowNum="2"
							spaInitCount="0" stopMinimizeOnNameLayer="false" stopToggleOnLast="false" style="position: relative;height: 340px;"
							toolbarPosition="bottom" tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="false"
							useCustomMsg="false" useFixButton="false" useNameContainer="false" useStatusMsg="false" verticalArrangeNum="2"
							windowAutoResize="false" windowMaxNum="5" windowMaximizeAll="false" windowTooltipDisplay="true" frameMode="wframe">
							<w2:windowToolbar>
								<w2:controlIconLayer>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
								</w2:controlIconLayer>
								<w2:nameLayer></w2:nameLayer>
								<w2:selectedNameLayer></w2:selectedNameLayer>
							</w2:windowToolbar>
						</w2:windowContainer>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="frameModal 활성화" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:windowContainer controlIconPosition="left" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
							horizontalArrangeNum="2" id="wdc_exam2" nameLayerRearrange="false" sequentialArrangeColNum="2" sequentialArrangeRowNum="2"
							spaInitCount="0" stopMinimizeOnNameLayer="false" stopToggleOnLast="false" style="position: relative;height: 340px;"
							toolbarPosition="bottom" tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="false"
							useCustomMsg="false" useFixButton="false" useNameContainer="false" verticalArrangeNum="2" windowAutoResize="false" windowMaxNum="5"
							windowMaximizeAll="false" windowTooltipDisplay="true" useStatusMsg="false" frameModal="true" frameMode="wframe">
							<w2:windowToolbar>
								<w2:controlIconLayer>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
								</w2:controlIconLayer>
								<w2:nameLayer></w2:nameLayer>
								<w2:selectedNameLayer></w2:selectedNameLayer>
							</w2:windowToolbar>
						</w2:windowContainer>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

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

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="Group의 이벤트 onmouseenter 예제입니다.
이벤트 발생 조건은 아래와 같습니다.
onmouseenter : 마우스 포인터가 영역 안으로 들어올 때 발생.
"
					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="Group" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="마우스를 Group 영역 밖에서 Group 영역으로 이동합니다.
이벤트 로그가 [로그 확인] 영역과 개발자 도구 콘솔에 출력됩니다." style="">
						</w2:textbox>
						<xf:group id="grp_exam1" style="height: 120px;background-color: MistyRose;" ev:onmouseenter="scwin.grp_exam1_onmouseenter">
							<w2:textbox id="" label="Group 영역" style="text-align: center;font-size: 2em;padding-top: 30px;"></w2:textbox>
						</xf:group>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_th_style" id="" style="">
						<w2:span class="mr_def txt_blue" id="" label="로그 확인" style=""></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>
<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="20220729" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

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


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

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

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='InputCalendar의 캘린더의 연도와 월을 선택하는 UI를 지정하는 예제입니다.
(기본 설정) select : 연도와 월 선택하는 UI를 drop down 형태로 구성
dynamic : 연도와 월을 선택하는 UI를 list 형태로 구성 '
					style="margin-bottom: 10px;">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="(기본 설정) DropDown 형태의 UI" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_1" rightAlign="false"
							style="width:110px;min-height: 24px;" validateOnInput="true" validateOnInputMobile="true" renderDiv="true">
						</w2:inputCalendar>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="List 형태의 UI" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" id="ica_exam_2" style="width:110px;min-height: 24px;"
							validateOnInput="true" validateOnInputMobile="true" pickerType="dynamic" dynamicHeaderOrder="year" renderDiv="true">
						</w2:inputCalendar>
					</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=" 20230725" meta_user="InswaveSystems"></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_chartData_1" repeatNode="data" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="quarter" name="quarter"></w2:column>
						<w2:column dataType="number" id="type1" name="type1"></w2:column>
						<w2:column dataType="number" id="type2" name="type2"></w2:column>
						<w2:column dataType="number" id="type3" name="type3"></w2:column>
						<w2:column dataType="number" id="type4" name="type3"></w2:column>
						<w2:column id="client" name="client" dataType="number"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<quarter><![CDATA[Q1]]></quarter>
							<type1><![CDATA[11500]]></type1>
							<type2><![CDATA[28110]]></type2>
							<type3><![CDATA[23990]]></type3>
							<type4><![CDATA[14400]]></type4>
							<client><![CDATA[16]]></client>
						</w2:row>
						<w2:row>
							<quarter><![CDATA[Q2]]></quarter>
							<type1><![CDATA[1500]]></type1>
							<type2><![CDATA[10600]]></type2>
							<type3><![CDATA[10000]]></type3>
							<type4><![CDATA[5200]]></type4>
							<client><![CDATA[24]]></client>
						</w2:row>
						<w2:row>
							<quarter><![CDATA[Q3]]></quarter>
							<type1><![CDATA[27400]]></type1>
							<type2><![CDATA[31800]]></type2>
							<type3><![CDATA[42800]]></type3>
							<type4><![CDATA[15300]]></type4>
							<client><![CDATA[29]]></client>
						</w2:row>
						<w2:row>
							<quarter><![CDATA[Q4]]></quarter>
							<type1><![CDATA[27400]]></type1>
							<type2><![CDATA[22900]]></type2>
							<type3><![CDATA[20800]]></type3>
							<type4><![CDATA[15200]]></type4>
							<client><![CDATA[25]]></client>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_chartType_1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="chart_name" name="chart_name" dataType="text"></w2:column>
						<w2:column id="chart_value" name="chart_value" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<chart_name><![CDATA[Multi-series 2D Single Y Combination Chart (Column + Line + Area)]]></chart_name>
							<chart_value><![CDATA[mscombi2d]]></chart_value>
						</w2:row>
						<w2:row>
							<chart_name><![CDATA[Multi-series 3D Single Y Combination Chart (Column + Line + Area)]]></chart_name>
							<chart_value><![CDATA[mscombi3d]]></chart_value>
						</w2:row>
						<w2:row>
							<chart_name><![CDATA[Multi-series Column 3D + Line - Single Y Axis]]></chart_name>
							<chart_value><![CDATA[mscolumnline3d]]></chart_value>
						</w2:row>
						<w2:row>
							<chart_name><![CDATA[Stacked Column2D + Line Single Y Axis]]></chart_name>
							<chart_value><![CDATA[stackedcolumn2dline]]></chart_value>
						</w2:row>
						<w2:row>
							<chart_name><![CDATA[Stacked Column3D + Line Single Y Axis]]></chart_name>
							<chart_value><![CDATA[stackedcolumn3dline]]></chart_value>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_chartType_2" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="chart_name" name="chart_name" dataType="text"></w2:column>
						<w2:column id="chart_value" name="chart_value" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<chart_name><![CDATA[Multi-series 2D Dual Y Combination Chart (Column + Line + Area)]]></chart_name>
							<chart_value><![CDATA[mscombidy2d]]></chart_value>
						</w2:row>
						<w2:row>
							<chart_name><![CDATA[Multi-series 3D Dual Y Combination Chart (Column + Line + Area)]]></chart_name>
							<chart_value><![CDATA[mscombidy3d]]></chart_value>
						</w2:row>
						<w2:row>
							<chart_name><![CDATA[Multi-series Column 3D + Line - Dual Y Axis]]></chart_name>
							<chart_value><![CDATA[mscolumn3dlinedy]]></chart_value>
						</w2:row>
						<w2:row>
							<chart_name><![CDATA[Stacked Column2D + Line Dual Y Axis]]></chart_name>
							<chart_value><![CDATA[stackedcolumn2dlinedy]]></chart_value>
						</w2:row>
						<w2:row>
							<chart_name><![CDATA[Stacked Column 3D + Line Dual Y Axis]]></chart_name>
							<chart_value><![CDATA[stackedcolumn3dlinedy]]></chart_value>
						</w2:row>
						<w2:row>
							<chart_name><![CDATA[Stacked Area + Line Dual Y Axis]]></chart_name>
							<chart_value><![CDATA[stackedarea2dlinedy]]></chart_value>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_chartType_3" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="chart_name" name="chart_name" dataType="text"></w2:column>
						<w2:column id="chart_value" name="chart_value" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<chart_name><![CDATA[Multi-series Stacked Column 2D + Line Dual Y Axis]]></chart_name>
							<chart_value><![CDATA[msstackedcolumn2dlinedy]]></chart_value>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="Fusionchart의 'Combination' 타입을 확인할 수 있는 예제입니다.
화면에 구성된 항목를 선택하여 차트의 타입을 변경할 수 있습니다.
차트의 타입은 함수 'changeType'를 사용하여 스크립트로 변경할 수 있습니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제의 Fusion Chart 버전은 3.19입니다." style=""></w2:textbox>
				<w2:textbox escape="false" id=""
					label='FusionChart의 타입 목록 : https://www.fusioncharts.com/dev/chart-guide/list-of-charts/'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="Combination Single Y Axis Charts" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:select1 appearance="full" class="w_per_100" cols="" id="rad_chartType1" ref="" renderType="radiogroup" rows=""
								selectedIndex="0" style="min-height: 26px;" ev:onviewchange="scwin.rad_chartType1_onviewchange">
								<xf:choices>
									<xf:itemset nodeset="data:dlt_chartType_1">
										<xf:label ref="chart_name"></xf:label>
										<xf:value ref="chart_value"></xf:value>
									</xf:itemset>
								</xf:choices>
							</xf:select1>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<w2:fusionchart chartType="MSCombi2D" drawType="javascript" id="cht_exam1" labelNode="quarter"
								ref="data:dlt_chartData_1" seriesColumns="[['type1','type2',{'id':'type3','renderas':'Line'},{'id':'type4','renderas':'area'}]]"
								style="height: 300px;min-width:200px;" version="3.19">
							</w2:fusionchart>
						</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="Combination Dual Y Axis Charts" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:select1 appearance="full" class="w_per_100" cols="" ev:onviewchange="scwin.rad_chartType2_onviewchange"
								id="rad_chartType2" ref="" renderType="radiogroup" rows="" selectedIndex="0" style="min-height: 26px;">
								<xf:choices>
									<xf:itemset nodeset="data:dlt_chartType_2">
										<xf:label ref="chart_name"></xf:label>
										<xf:value ref="chart_value"></xf:value>
									</xf:itemset>
								</xf:choices>
							</xf:select1>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<w2:fusionchart chartType="MSCombiDY2D" drawType="javascript" id="cht_exam2" labelNode="quarter"
								ref="data:dlt_chartData_1"
								seriesColumns="[['type1','type2',{'id':'type3','renderas':'area'}, {'id':'client','renderas':'line', 'color' : '#DC143C', 'parentYAxis': 'S'}]]"
								style="height: 300px;min-width:200px;" version="3.19">
							</w2:fusionchart>
						</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="Multi-series Stacked Combination Charts" style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:select1 appearance="full" class="w_per_100" cols="" ev:onviewchange="scwin.rad_chartType3_onviewchange"
								id="rad_chartType3" ref="" renderType="radiogroup" rows="" selectedIndex="0" style="min-height: 26px;">
								<xf:choices>
									<xf:itemset nodeset="data:dlt_chartType_3">
										<xf:label ref="chart_name"></xf:label>
										<xf:value ref="chart_value"></xf:value>
									</xf:itemset>
								</xf:choices>
							</xf:select1>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<w2:fusionchart chartType="MSStackedColumn2DLineDY" drawType="javascript" id="cht_exam3" labelNode="quarter"
								ref="data:dlt_chartData_1" seriesColumns="[['type1', 'type2'], ['type4', 'type3'], [{ 'id': 'client', 'color': '#DC143C', 'parentYAxis': 'S', 'linethickness': '3' }]]"
								style="height: 300px;min-width:200px;" version="3.19">
							</w2:fusionchart>
						</xf:group>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>