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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="sub_contents" id="" style="">
    		<xf:group class="pgtbox" id="" style="">
    			<w2:textbox class="pgt_tit" id="" label="Publishing Template - TreeView" style=""></w2:textbox>
    		</xf:group>
    		<xf:group id="" class="titbox">
    			<w2:textbox style="" id=""
    				label="계층 구조를 가지는 데이터를 Tree 형태로 출력하는 컴포넌트입니다.
각 노드에 checkbox와 image(icon)를 넣을 수 있으며 TeeView 컴포넌트 간 마우스의 Drag&Drop을 이용하여 Data(노드)를 주고받을 수 있습니다.
본 컴포넌트는 최상위에는 div Tag로, 하위에는 복합 Tag를 이용하여 표현합니다."
    				class="txt_guide">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="titbox" id="" style="">
    			<w2:textbox class="" id="" label="01. Sample" style="" tagname="h3"></w2:textbox>
    			<xf:group id="" class="rt">
    				<w2:anchor outerDiv="false" name="" style="" href="/ws/download/treeview.zip" id="" class="btn_cm">
    					<xf:label><![CDATA[Download]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    		</xf:group>

    		<xf:group style="" id="" class="msgbox">
    			<w2:treeview class="wq_tvw" dataType="" ev:onclick="scwin.tw_mymenu_onclick" ev:onlabelclick="" id="treeviewtreeview1"
    				labelclass="" lineShow="true" showTreeDepth="1" style="position:relative;" toggleButtonEvent="onclick" toggleEvent="onclick"
    				tooltipGroupClass="false" useDrag="" accessibility="" renderType="table">
    				<w2:node>
    					<w2:label><![CDATA[실습]]></w2:label>
    					<w2:value><![CDATA[]]></w2:value>
    					<w2:folder><![CDATA[]]></w2:folder>
    					<w2:checkbox><![CDATA[]]></w2:checkbox>
    					<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    					<w2:image><![CDATA[]]></w2:image>
    					<w2:iconImage><![CDATA[]]></w2:iconImage>
    					<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    					<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    					<w2:leafImage><![CDATA[]]></w2:leafImage>
    					<w2:node>
    						<w2:label><![CDATA[샘플(1)]]></w2:label>
    						<w2:value><![CDATA[/pattern/expand_01.xml]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    						<w2:node>
    							<w2:label><![CDATA[샘플(1)]]></w2:label>
    							<w2:value><![CDATA[/pattern/expand_01.xml]]></w2:value>
    							<w2:folder><![CDATA[]]></w2:folder>
    							<w2:checkbox><![CDATA[]]></w2:checkbox>
    							<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    							<w2:image><![CDATA[]]></w2:image>
    							<w2:iconImage><![CDATA[]]></w2:iconImage>
    							<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    							<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    							<w2:leafImage><![CDATA[]]></w2:leafImage>
    						</w2:node>
    						<w2:node>
    							<w2:label><![CDATA[샘플(1)]]></w2:label>
    							<w2:value><![CDATA[/pattern/expand_01.xml]]></w2:value>
    							<w2:folder><![CDATA[]]></w2:folder>
    							<w2:checkbox><![CDATA[]]></w2:checkbox>
    							<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    							<w2:image><![CDATA[]]></w2:image>
    							<w2:iconImage><![CDATA[]]></w2:iconImage>
    							<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    							<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    							<w2:leafImage><![CDATA[]]></w2:leafImage>
    						</w2:node>
    					</w2:node>
    					<w2:node>
    						<w2:label><![CDATA[샘플(2)]]></w2:label>
    						<w2:value><![CDATA[/pattern/list_detail_01.xml]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    					</w2:node>
    				</w2:node>
    				<w2:node>
    					<w2:label><![CDATA[실습2]]></w2:label>
    					<w2:value><![CDATA[]]></w2:value>
    					<w2:folder><![CDATA[]]></w2:folder>
    					<w2:checkbox><![CDATA[]]></w2:checkbox>
    					<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    					<w2:image><![CDATA[]]></w2:image>
    					<w2:iconImage><![CDATA[]]></w2:iconImage>
    					<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    					<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    					<w2:leafImage><![CDATA[]]></w2:leafImage>
    					<w2:node>
    						<w2:label><![CDATA[샘플]]></w2:label>
    						<w2:value><![CDATA[]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    					</w2:node>
    					<w2:node>
    						<w2:label><![CDATA[샘플]]></w2:label>
    						<w2:value><![CDATA[]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    					</w2:node>
    				</w2:node>
    				<w2:node>
    					<w2:label><![CDATA[실습3]]></w2:label>
    					<w2:value><![CDATA[]]></w2:value>
    					<w2:folder><![CDATA[]]></w2:folder>
    					<w2:checkbox><![CDATA[]]></w2:checkbox>
    					<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    					<w2:image><![CDATA[]]></w2:image>
    					<w2:iconImage><![CDATA[]]></w2:iconImage>
    					<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    					<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    					<w2:leafImage><![CDATA[]]></w2:leafImage>
    					<w2:node>
    						<w2:label><![CDATA[샘플]]></w2:label>
    						<w2:value><![CDATA[]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    					</w2:node>
    					<w2:node>
    						<w2:label><![CDATA[샘플]]></w2:label>
    						<w2:value><![CDATA[]]></w2:value>
    						<w2:folder><![CDATA[]]></w2:folder>
    						<w2:checkbox><![CDATA[]]></w2:checkbox>
    						<w2:checkboxDisabled><![CDATA[]]></w2:checkboxDisabled>
    						<w2:image><![CDATA[]]></w2:image>
    						<w2:iconImage><![CDATA[]]></w2:iconImage>
    						<w2:selectedImage><![CDATA[]]></w2:selectedImage>
    						<w2:expandedImage><![CDATA[]]></w2:expandedImage>
    						<w2:leafImage><![CDATA[]]></w2:leafImage>
    					</w2:node>
    				</w2:node>
    			</w2:treeview>
    		</xf:group>
    		<xf:group id="" class="titbox">
    			<w2:textbox tagname="h3" style="" id="" label="02. Property" class=""></w2:textbox>
    		</xf:group>
    		<xf:group id="" class="tblbox">
    			<xf:group tagname="table" style="" id="" class="wq_tb w2tb tbl">
    				<w2:attributes>
    					<w2:summary></w2:summary>
    				</w2:attributes>
    				<xf:group tagname="colgroup">
    					<xf:group tagname="col" style="width:20%;"></xf:group>
    					<xf:group tagname="col" style=""></xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
    					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">accessibility</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[true,false]웹접근성 모드의 사용 여부로 true로 설정할 경우 각 노드의 line은 그려지지 않으며 aria-expanded와 같은 HTML 속성들이 추가됩니다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">alwaysDraw</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:false, true]초기에 child 노드를 전부 표현할지의 여부로 true이면 화면 로딩시 child를 모두 그리고 false이면 노드의 Depth가 showTreeDepth속성의
    						값보다 작은 노드만 먼저 그립니다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">checkAllChildNodes</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">[default:false, true]부모노드를 체크하면 자식노드도 모두 체크할지의 여부</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" class="w2tb_th">
    						customFormatter
    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    						</w2:attributes>
    						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						label값,&nbsp;formattedLabel,&nbsp;node를&nbsp;각각&nbsp;인자를&nbsp;받는&nbsp;조건부&nbsp;서식&nbsp;formatter&nbsp;함수명.
    						<w2:attributes></w2:attributes>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">dataType</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:recursive, listed]데이터의 포맷이 tree형태인지 list형태인지를 정의합니다. DataCollection으로 적용할 경우 listed로 설정합니다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">defaultImage</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						노드에 보여질 기본 아이콘의 이미지경로를 설정합니다. 아이콘의 기본 크기 - width:18px, height:20px
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">dynamicAppend</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">[true,false]동적 트리 추가 사용 여부.</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">escape</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[true, false] <>&"를 HTML Escape 문자로 변환하여 화면에 표시합니다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">expandedImage</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">노드(폴더)가 확장되었을 때의 이미지 경로.</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">hierarchy</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:false, true]하위 노드가 선택되었을 때, 상위 노드를 체크할지 여부. 하위 노드 중 체크되지 않은 항목이 있는 경우, 상위 노드의 체크박스를 반투명하게 표시하며
    						showCheckbox 속성이 true일 경우 적용됩니다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">labelclass</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">노드의 label에 적용할 class명</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">lineShow</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">[default:true, false]노드 사이에 선을 적용할 지의 여부</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">scrollFix</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:false, true]노드를 click할 경우 포커스를 주지 않도록 하여 스크롤을 고정시킬지(true), 해당 노드에 포커스를 주어 스크롤이 움직이게 할지(false)의 여부.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">showCheckbox</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">[default:false, true]노드에 checkbox의 표시 여부.</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">showTreeDepth</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">초기 로딩시 확장되어 보여질 노드의 depth값</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">toggleButtonEvent</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:onclick, onmousedown]toggleButton(toggleImage)을 마우스로 클릭할 때 toggle할 것인지, 또는 마우스를 누르는 순간 바로 toggle될 것인지를
    						설정합니다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">toggleEvent</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:ondblclick, onclick, none]노드에 마우스 이벤트를 적용하여 리스트를 펼치고 접을 때의 적용하고자 하는 이벤트.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">toolTip</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">웹스퀘어에서 만든 toolTip으로 컴포넌트의 추가정보를 명시합니다. 마우스 over시 표현됩니다.</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">tooltipClass</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">tooltipDisplay속성에 true일 경우 해당 toolTip에 적용 할 class명</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">tooltipDisplay</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:false, true]노드의 label이 화면에 다 보여지지 않을 경우 해당 label을 tooltip으로 표현할지의 여부
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">tooltipGroupClass</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:true, false]tooltip에 w2group 스타일을 포함시킬지(true)의 여부.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">tooltipTime</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">tooltipDisplay가 true일 경우 해당 tooltip이 보이는데 걸리는 초(second)</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" class="w2tb_th">
    						tooltipShowAlways
    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    						</w2:attributes>
    						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						[default:false,&nbsp;true]&nbsp;데이터에&nbsp;대한&nbsp;tooltip을&nbsp;마우스&nbsp;over&nbsp;시&nbsp;항상&nbsp;보여줄지에&nbsp;대한&nbsp;여부로&nbsp;데이터가&nbsp;공백("")인&nbsp;경우를&nbsp;제외하고는&nbsp;항상&nbsp;보여준다.
    						<w2:attributes></w2:attributes>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" class="w2tb_th">
    						tooltipFormatter
    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    						</w2:attributes>
    						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						tooltipDisplay속성이&nbsp;true일&nbsp;때&nbsp;데이터를&nbsp;표현&nbsp;할&nbsp;tooltip의&nbsp;내용을&nbsp;변경&nbsp;할&nbsp;사용자&nbsp;함수명.&nbsp;&nbsp;&nbsp;사용자&nbsp;함수에서는&nbsp;label,&nbsp;nodeIndex,&nbsp;isOverflow을&nbsp;인자로&nbsp;받아&nbsp;tooltip에&nbsp;표현&nbsp;할&nbsp;string을&nbsp;return한다.
    						<w2:attributes></w2:attributes>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" class="w2tb_th">
    						tabIndex
    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    						</w2:attributes>
    						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						Tab&nbsp;Key를&nbsp;이용&nbsp;한&nbsp;컴포넌트의&nbsp;포커스&nbsp;순서로&nbsp;HTML의&nbsp;tabindex속성과&nbsp;동일한&nbsp;기능을&nbsp;제공한다.
    						<w2:attributes></w2:attributes>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">useDrag</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">[default:false, true]drag의 사용여부</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" class="w2tb_th">
    						useHirarchySelect
    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    						</w2:attributes>
    						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						[default:false,&nbsp;true]&nbsp;하위&nbsp;노드를&nbsp;선택했을&nbsp;때&nbsp;상위&nbsp;노드도&nbsp;같이&nbsp;선택할지의&nbsp;여부.
    						<w2:attributes></w2:attributes>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group id="" class="titbox">
    			<w2:textbox tagname="h3" style="" id="" label="03. CSS Overriding" class=""></w2:textbox>
    		</xf:group>
    		<xf:group id="" class="tblbox">
    			<xf:group tagname="table" adaptiveThreshold="" style="" id="" class="wq_tb w2tb tbl">
    				<w2:attributes>
    					<w2:summary></w2:summary>
    				</w2:attributes>
    				<xf:group tagname="colgroup">
    					<xf:group tagname="col" style="width:20%;"></xf:group>
    					<xf:group tagname="col" style=""></xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">Class</xf:group>
    					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">w2treeview</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						w2treeview는&nbsp;웹스퀘어&nbsp;엔진에서&nbsp;정의된&nbsp;클래스입니다,&nbsp;기본적으로&nbsp;html&nbsp;로&nbsp;렌더링되는&nbsp;시점에서&nbsp;자동으로&nbsp;부여됩니다.&nbsp;여기에&nbsp;사용자&nbsp;정의&nbsp;클래스를&nbsp;추가해서&nbsp;overriding(덮어쓰기)&nbsp;하여&nbsp;디자인을&nbsp;바꿀&nbsp;수&nbsp;있습니다.
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group adaptiveThreshold="" class="msgbox" id="" style="">
    			<xf:group id="" class="titbox"><w2:textbox tagname="h4" style="" id="" label="Tip" class=""></w2:textbox></xf:group><w2:textbox class="txt_info" id="" label=" accessibility 속성을 true로 설정시에 포커스 된 이후 방향키를 이용해 트리의 노드들을 탐색할 수 있습니다. " style=""></w2:textbox>
    		</xf:group>

    	</xf:group>


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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="sub_contents" id="" style="">
			<xf:group class="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - FloatingLayer" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="화면 안에 팝업 형태로 띄워지는 layer 컴포넌트입니다.<br/>팝업과 다른 점은 UI 컴포넌트이기 때문에 팝업을 띄울 화면에 미리 배치시키고 show/hide API를 이용하여 숨기거나 보이게 합니다.<br/>Group 컴포넌트와 같은 구조로 컴포넌트 하위(안쪽)로 직접 컴포넌트를 배치하거나 WFrame 또는 IFrame 컴포넌트를 배치시켜 화면을 link할 수도 있습니다.<br/>일반적으로 body 하위에 배치하며 본 컴포넌트의 최상위는 div Tag로 이루어져 있으며 하위로 복합 Tag들로 구성되어있습니다." class="">
			</w2:textbox></xf:group><xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="01. Sample" style="" tagname="h3"></w2:textbox>
			<xf:group id="" class="rt"><w2:anchor outerDiv="false" name="" style="" href="/ws/download/floatingLayer.zip" id="" class="btn_cm">
					<xf:label><![CDATA[Download]]></xf:label>
				</w2:anchor></xf:group></xf:group>
			<xf:group id="" style="height: 400px;border:1px dashed #ccc;" class="msgbox">
				<w2:floatingLayer id="" title="Title" style="position: absolute;width: 300px;height: 300px;" class="wq_fly "></w2:floatingLayer>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="02. Property" class="" tagname="h3"></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">bodyBottomClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						중앙 아래의 테두리에 적용할 class명. 기본적으로 background 속성에 image의 url이 적용되어있으므로 image를 제거하고자 할 때는 background-image:none;을 적용해야합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">bodyCenterClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">내부 컨텐츠가 배치되는 중앙에 적용할 class명.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">bodyLeftBottomClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						왼쪽 아래의 테두리에 적용할 class명. 기본적으로 background 속성에 image의 url이 적용되어있으므로 image를 제거하고자 할 때는 background-image:none;을 적용해야합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">bodyLeftClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						왼쪽 테두리에 적용할 class명. 기본적으로 background 속성에 image의 url이 적용되어있으므로 image를 제거하고자 할 때는 background-image:none;을 적용해야합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">bodyRightBottomClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						오른쪽 아래의 테두리에 적용할 class명. 기본적으로 background 속성에 image의 url이 적용되어있으므로 image를 제거하고자 할 때는 background-image:none;을
						적용해야합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">bodyRightClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						오른쪽 테두리에 적용할 class명. 기본적으로 background 속성에 image의 url이 적용되어있으므로 image를 제거하고자 할 때는 background-image:none;을 적용해야합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">class</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						HTML의 class속성과 동일한 기능을 제공하며 css파일 또는 style블럭에 정의한 class를 1개 또는 공백(space)를 이용하여 다중 적용이 가능합니다.

						컴포넌트의 layout이 복잡한 구조를 가지고 있기 때문에 css의 selector를 이용하여 하위 항목에 접근해야합니다.

						기본적으로 엔진 내부에서 컴포넌트별로 class를 적용하고 있으며 해당 class를 이용하여 컴포넌트의 css를 공통으로 적용할 수 있습니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">closeButtonClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						상단 title영역의 우측 닫기 버튼에 적용할 class. 닫기 버튼은 image로 되어있으며 background 속성에 image의 url이 적용되어있습니다. 일반적으로 해당 image의 url만 변경하여
						사용하며 버튼 image의 사이즈는 width:11px, height:10px 입니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						dragResizable
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						[default:false]&nbsp;마우스&nbsp;드래그를&nbsp;이용한&nbsp;리사이즈&nbsp;사용&nbsp;여부
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						fixed
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						[default:false]&nbsp;floatingLayer를&nbsp;움직이지&nbsp;않도록&nbsp;설정하는&nbsp;속성
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">headerCenterClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						상단 header의 중앙 영역에 적용할 class명. 기본적으로 background 속성에 image의 url이 적용되어있으므로 image를 제거하고자 할 때는 background-image:none;을
						적용해야합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">headerLeftClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						상단 header의 왼쪽 영역에 적용할 class명. 기본적으로 background 속성에 image의 url이 적용되어있으므로 image를 제거하고자 할 때는 background-image:none;을
						적용해야합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">headerRightClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						상단 header의 오른쪽 영역에 적용할 class명. 기본적으로 background 속성에 image의 url이 적용되어있으므로 image를 제거하고자 할 때는 background-image:none;을
						적용해야합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">id</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">컴포넌트 ID로 전역객체로 할당되며 script에서 본 id로 컴포넌트에 접근이 가능합니다</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">movable</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">[default:true, true] 컴포넌트가 drag&drop 이동 유무</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">style</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">FloatingLayer의 style 속성</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">title</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">상단 header에 표현되는 Text값으로 해당 영역에 HTML title속성에도 동일한 값이 설정됩니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">titleClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">상단 header에 표현되는 Text(title)에 적용할 class명.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						tabIndex
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						Tab&nbsp;Key를&nbsp;이용&nbsp;한&nbsp;컴포넌트의&nbsp;포커스&nbsp;순서로&nbsp;HTML의&nbsp;tabindex속성과&nbsp;동일한&nbsp;기능을&nbsp;제공한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">useModal</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true]컴포넌트의 show될 때 modal(본 컴포넌트 이외의 컴포넌트 제어를 막습니다)을 적용할 지의 여부
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						useModalStack
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						[default:false,&nbsp;true]modal&nbsp;적용&nbsp;시&nbsp;modal을&nbsp;단계적으로&nbsp;적용할지에&nbsp;대한&nbsp;여부
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
			</xf:group></xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="03. CSS Overriding" class="" tagname="h3"></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Class</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2floatingLayer</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2floatingLayer는 웹스퀘어 엔진에서 정의된 클래스입니다. 기본적으로 html 로 떨구는 시점에서 자동으로 부여됩니다.
					</xf:group>
				</xf:group>
			</xf:group></xf:group>
			<xf:group adaptiveThreshold="" class="msgbox" id="" style="">
				<xf:group id="" class="titbox"><w2:textbox style="" id="" label="Tip" class="" tagname="h3"></w2:textbox></xf:group><w2:textbox class="txt_info" id=""
					label="floatingLayer가 다른 컴포넌트보다 상위에 놓이도록 하려면 z-index 값을 변경하세요.<br/>ex) Iframe팝업일경우 z-index는 6010이 적용됩니다." style="">
				</w2:textbox>
			</xf:group>
		</xf:group>


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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="sub_contents" id="" style="">
    		<xf:group class="pgtbox" id="" style="">
    			<w2:textbox class="pgt_tit" id="" label="Publishing Template - Textarea" style=""></w2:textbox>
    		</xf:group>
    		<xf:group id="" class="titbox">
    			<w2:textbox style="" id=""
    				label="HTML textarea Tag와 유사한 인터페이스를 갖는 컴포넌트로 개행이 있는 Text를 쓰거나 표현할 수 있습니다.<br/>본 컴포넌트는 textarea Tag로 구성되어 있습니다."
    				class="txt_guide">
    			</w2:textbox>
    		</xf:group>
    		<xf:group class="titbox" id="" style="">
    			<w2:textbox class="" id="" label="01. Sample" style="" tagname="h3"></w2:textbox>
    			<xf:group id="" class="rt">
    				<w2:anchor outerDiv="false" name="" style="" href="/ws/download/textarea.zip" id="" class="btn_cm">
    					<xf:label><![CDATA[Download]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    		</xf:group>
    		<xf:group class="msgbox" id="" style="">
    			<xf:textarea class="wq_tta mr30" id="basicta" style="height:100px;width:200px;"></xf:textarea>
    			<xf:textarea class="wq_tta" id="textarea1" style="height:100px;width:200px;" readOnly="true"></xf:textarea>
    		</xf:group>
    		<xf:group id="" class="titbox">
    			<w2:textbox tagname="h3" style="" id="" label="02. Property" class=""></w2:textbox>
    		</xf:group>
    		<xf:group id="" class="tblbox">
    			<xf:group tagname="table" style="" id="" class="wq_tb w2tb tbl">
    				<w2:attributes>
    					<w2:summary></w2:summary>
    				</w2:attributes>
    				<xf:group tagname="colgroup">
    					<xf:group tagname="col" style="width:20%;"></xf:group>
    					<xf:group tagname="col" style=""></xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
    					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">class</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						HTML의 class속성과 동일한 기능을 제공하며 css파일 또는 style블럭에 정의 한 class를 1개 또는 공백(space)를 이용하여 다중 적용이 가능합니다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">id</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">컴포넌트의 ID로 전역객체로 할당되며 script에서 본 id로 컴포넌트에 접근이 가능합니다.</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">disabled</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:false, true]HTML의 disabled속성과 동일한 기능을 제공하며 컴포넌트를 비활성화 시킵니다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">focusRemember</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[false, true] IE9이하 구형 브라우저에서 focus를 받을 경우 이전 focus를 받았을 때의 커서 위치로 커서를 이동시킬지의 여부. (신형 브라우저는 브라우저가 자동으로 이전 focus의
    						커서 위치를 기억합니다.)
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">
    						maxlength

    					</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">입력 가능한 최대길이로 엔진에서 maxLength 이상의 글자를 입력하면 자동으로 잘라냅니다.</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">minlength</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">validate API를 호출 할 때 엔진에서 최소길이 체크 시에 참조합니다.</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" class="w2tb_th">
    						nextTabID
    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    						</w2:attributes>
    						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						tab으로&nbsp;이동시&nbsp;이동할&nbsp;컴포넌트&nbsp;ID
    						<w2:attributes></w2:attributes>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">placeholder</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						HTML5의 placeholder 기능으로 사용자에게 알려줘야 할 문구(hint)등을 명시합니다. 브라우저마다의 동작 방식이 상이할 수 있다.(예를 들어 IE는 focus시 hint가 사라지지만
    						Chrome의 경우 text가 입력 되어야 사라집니다.)
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">readOnly</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:false, true]readonly의 여부로 HTML의 readonly속성과 동일한 기능을 제공합니다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">style</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">InputBox의 style 속성</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">tabIndex</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						Tab Key를 이용 한 컴포넌트의 포커스 순서로 HTML의 tabindex속성과 동일한 기능을 제공합니다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">title</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						HTML의 title속성과 동일한 기능으로 명시 된 값을 브라우저에서 마우스 over시 툴팁형태로 표현합니다. 일반적으로 웹접근성 작업 시 설정합니다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">toolTip</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">웹스퀘어에서 만든 toolTip으로 컴포넌트의 추가정보를 명시합니다. 마우스 over시 표현됩니다.</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group id="" class="titbox">
    			<w2:textbox tagname="h3" style="" id="" label="03. CSS Overriding" class=""></w2:textbox>
    		</xf:group>
    		<xf:group id="" class="tblbox">
    			<xf:group tagname="table" adaptiveThreshold="" style="" id="" class="wq_tb w2tb tbl">
    				<w2:attributes>
    					<w2:summary></w2:summary>
    				</w2:attributes>
    				<xf:group tagname="colgroup">
    					<xf:group tagname="col" style="width:20%;"></xf:group>
    					<xf:group tagname="col" style=""></xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">Class</xf:group>
    					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">w2textarea</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">w2textarea은 웹스퀘어 엔진에서 정의된 클래스입니다. 브라우저가 파싱할때 자동으로 부여됩니다.</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group adaptiveThreshold="" class="msgbox" id="" style="">
    			<xf:group id="" class="titbox"><w2:textbox tagname="h4" style="" id="" label="Tip" class=""></w2:textbox></xf:group><w2:textbox class="txt_info" id="" label="html의 textarea 태그로 파싱합니다." style=""></w2:textbox>
    			<w2:textbox class="txt_info" id="" label="Textbox와 TextArea의 for값과 id값의 1:1매칭을 권장합니다.<br/>" style=""></w2:textbox>
    			<w2:textbox class="txt_info" id="" label="for값과 id값의 1:1매칭이 불가 할 경우 title속성을 추가합니다." style=""></w2:textbox>
    		</xf:group>
    	</xf:group>


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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="sub_contents" id="" style="">
			<xf:group class="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - Fliptoggle" style=""></w2:textbox>
			</xf:group>
			<xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="Fliptoggle" style="" tagname="h3"></w2:textbox>
				<w2:textbox class="" id="" label="Forms" style="" tagname="em"></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="모바일 환경에서 드래그나 클릭을 통해 on/off 등의 둘 중 하나의 값을 선택할 수 있는 컴포넌트입니다." class=""></w2:textbox></xf:group><xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="01. Sample" style="" tagname="h3"></w2:textbox>
			<xf:group id="" class="rt"><xf:group id="" class="rt"><w2:anchor outerDiv="false" name="" style="" href="/ws/download/fliptoggle.zip" id="" class="btn_cm">
					<xf:label><![CDATA[Download]]></xf:label>
				</w2:anchor></xf:group></xf:group></xf:group>
			<xf:group class="msgbox" id="" style="border:1px dashed #ccc;">
				<w2:fliptoggle class="wq_ftg" id="fliptoggle1" label="" style="position:relative;width:100px;height:26px;"
					useClickToggle="false">
					<w2:on label="On" value="1"></w2:on>
					<w2:off label="Off" value="0"></w2:off>
				</w2:fliptoggle>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="02. Property" class="" tagname="h3"></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">class</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">사용자가 임의의 class를 정의할때 사용합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">escape</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td"><>&"를 HTML Escape 문자로 변환하여 화면에 표시할지를 결정합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">id</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">사용자가 임의의 id를 정의할때 사용합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">label</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">선택값들의 설명글을 입력합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">useClickToggle</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">클릭이벤트를 통해서도 동작하게 할지를 지정합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						tabIndex
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						Tab&nbsp;Key를&nbsp;이용&nbsp;한&nbsp;컴포넌트의&nbsp;포커스&nbsp;순서로&nbsp;HTML의&nbsp;tabindex속성과&nbsp;동일한&nbsp;기능을&nbsp;제공한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
			</xf:group></xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="03. CSS Overriding" class="" tagname="h3"></w2:textbox></xf:group>
			<xf:group id="" class="tblbpx"><xf:group tagname="table" style="" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Class</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2fliptoggle</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2fliptoggle은 웹스퀘어 엔진에서 정의된 클래스입니다, 기본적으로 html 로 떨구는 시점에서 자동으로 부여됩니다.

						Fliptoggle의 전체 영역입니다
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2fliptoggle_select</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2fliptoggle_select는 웹스퀘어 엔진에서 정의된 클래스입니다, 기본적으로 html 로 떨구는 시점에서 자동으로 부여됩니다.

						Fliptoggle의 label글이 들어가는 영역입니다. 기본적으로 숨김처리되어 있습니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2fliptoggle_select</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2fliptoggle_select는 웹스퀘어 엔진에서 정의된 클래스입니다, 기본적으로 html 로 떨구는 시점에서 자동으로 부여됩니다.

						Fliptoggle의 선택값 처리를 위한 select태그입니다. 기본적으로 숨김처리되어 있습니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">
						w2fliptoggle_conner_left,

						w2fliptoggle_conner_right,

						w2fliptoggle_mask
					</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2fliptoggle은 웹스퀘어 엔진에서 정의된 클래스입니다, 기본적으로 html 로 떨구는 시점에서 자동으로 부여됩니다.

						Fliptoggle의 실제 영역입니다.
					</xf:group>
				</xf:group>
			</xf:group></xf:group>
		</xf:group>


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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="sub_contents" id="" style="">
			<xf:group class="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - Checkbox" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="각 항목에 선택할 수 있는 버튼이 있으며, 다중 항목 선택이 가능한 컴포넌트입니다. &nbsp;HTML에서 제공되는 Input 객체의 type=checkbox와 유사한 인터페이스를 제공합니다." class="">
			</w2:textbox></xf:group><xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="01. Sample" style="" tagname="h2"></w2:textbox>
			</xf:group>
			<xf:group id="" style='border:1px dashed #ccc' class="msgbox">
				<xf:select id="" cols="3" appearance="full" style="" selectedindex="-1" class="wq_ckb mr30" rows="" renderType="">
					<xf:choices>
						<xf:item>
							<xf:label><![CDATA[Item01]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
						<xf:item>
							<xf:label><![CDATA[Item02]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
						<xf:item>
							<xf:label><![CDATA[Item03]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
					</xf:choices>
				</xf:select>
				<xf:select appearance="full" class="wq_ckb" cols="3" id="" renderType="" rows="" selectedindex="-1" style=""
					disabled="true">
					<xf:choices>
						<xf:item>
							<xf:label><![CDATA[Item01]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
						<xf:item>
							<xf:label><![CDATA[Item02]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
						<xf:item>
							<xf:label><![CDATA[Item03]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
					</xf:choices>
				</xf:select>
			</xf:group>
			<xf:group id="" class="titbox">
				<w2:textbox style="" id="" label="02. Property" class="" tagname="h2"></w2:textbox>
				<xf:group class="rt" id="" style="">
					<w2:anchor class="btn_cm" href="/ws/download/Checkbox.zip" id="" name="" outerDiv="false" style="">
						<xf:label><![CDATA[Download]]></xf:label>
					</w2:anchor>
				</xf:group>
			</xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="position: relative ;width:100%;" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">appearance</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">xforms select1의 appearance속성</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">class</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">사용자 정의를 위한 영역입니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">cols</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						항목을 나열 할 열의 수로 2로 정의 할 경우 2열씩 자동개행되어 표현됩니다.

						CheckBox설정 창에서도 Span Direction에서 설정 가능합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">disabled</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">기본값은 false 이며 true 로 설정 시 컴포넌트 비활성화 시킵니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">displaymessage</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] validate API를 호출 하였을 때 검증 실패에 대한 결과 메세지를 표시 할지의 여부. 기본적으로 엔진에서 정의 된 메세지가 표현되며 별도의 메세지를 정의하고자 할
						때는 invalidMessageFunc속성을 이용합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">escape</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td"><>&"를 HTML Escape 문자로 변환하여 화면에 표시합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">falseValue</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						어떤 항목도 선택되지 않았을 때의 value. 기본적으로 항목이 선택되지 않았을 경우의 value는 ""(empty string)이지만 본 속성에 값을 설정하면 해당 값으로 value를
						반환합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">id</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">컴포넌트의 ID로 전역객체로 할당되며 script에서 본 id로 컴포넌트에 접근이 가능합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">ignoreTabIndex</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">tab이동시 포커스를 무시합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">invalidMessage</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						validate API를 호출 하였을 때 검증 실패에 대한 결과 메세지를 본 속성의 값으로 표현되는 기능으로 displaymessage속성이 true로 되어있어야 한다. invalidMessageFunc과
						동시 적용이 불가합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">invalidMessageFunc</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						validate API를 호출 하였을 때 검증 실패에 대한 결과 메세지를 별도로 정의 한 Function에서 동적으로 표현 할 수 있는 기능으로 정의 된 function의 이름을 명시합니다.
						displaymessage속성이 true로 되어있어야 하며 invalidMessage와 동시 적용이 불가합니다. 사용자 Function(아래 예시 참조)에서는 this.getType()을 통해 검증 실패
						type(아래 type 참조)과 this.getValue()를 value값을 가져와 메세지를 동적으로 생성하여 return 합니다. type)mandatory, allowChar, ignoreChar,
						minLength, maxLength, minByteLength, maxByteLength 예시)function fn_msg(){ var tmpType = this.getType(); var tmpValue
						= this.getValue(); if(tmpType == "mandatory"){ return "필수 검증 항목입니다."; } }
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">itemTagname</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">renderType이 "checkboxgroup"일 때, 아이템의 tagname</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">mandatory</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">[default:false, true]validate API를 호출 시 필수입력을 체크 할지의 여부.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						nextTabID
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						tab으로&nbsp;이동시&nbsp;이동할&nbsp;컴포넌트&nbsp;ID
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">ref</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						DataCollection의 value 경로로 컴포넌트와 DataCollection의 value를 binding을 시킬 때 사용하며 "data:"라는 prefix는 필수로 붙여주어야 합니다.
						작성 방법은 data:[DataCollection ID].[Key id 또는 Column id]와 같습니다. 예시)data:dataMap1.dept DataList와 연동 된 경우는 GridView에서 선택
						된 Row의 값이 binding 됩니다. Instance Data와 연동 할 경우 연동 할 XML 데이터의 XPath를 명시합니다. 예시)res/userInfo/dept/@value
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">renderType</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						기본값은 table로 표현이 되며, 그 외 native, checkboxgroup 으로 표현이 가능합니다.

						table : input Tag를 사용하지 않고 div Tag하위로 table Tag를 이용하여 항목을 표현합니다.

						native : <input type="checkbox">만 생성하는 형태이며, textbox 컴포넌트를 이용하여 label Tag를 직접 생성해야하며 title 속성을 사용하지
						않는 경우에는 필수로 생성해야합니다. (웹접근성 지침 관련)

						checkboxgroup : 레이아웃을 위한 Tag를 개발자가 직접 결정하는 형태로 기본적으로 div Tag를 이용하여 구성되며 tagname과 itemTagname 속성을 이용하여 최상위 Tag와 항목별
						Tag를 설정 가능합니다
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">rows</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						항목을 나열 할 열의 수로 2로 정의 할 경우 2열씩 자동개행되어 표현됩니다.

						CheckBox설정 창에서도 Span Direction에서 설정 가능합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">selectedindex</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						초기 선택 될 항목의 index로 항목이 하드코딩되어있거나 DataList에 data가 미리 정의 되어있을 경우에만 동작 됩니다.

						주의 사항으로는 본 속성은 초기 컴포넌트가 브라우저에 표현되는 시점에 할당 된 Data를 기준으로 selected를 해주는 기능으로

						화면 로딩 이후 API를 이용하여 항목을 생성하거나 통신 후 DataList에 data가 할당 되는 경우는 본 속성이 적용되지 않습니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">style</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">Checkbox의 style 속성</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">tagname</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">renderType이 "checkboxgroup"일 때, 렌더링 될 객체의 tagname</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">title</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">HTML의 title속성과 동일한 기능으로 명시 된 값을 브라우저에서 마우스 over시 툴팁형태로 표현합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">toolTip</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">웹스퀘어에서 만든 toolTip으로 컴포넌트의 추가정보를 명시한다. 마우스 over시 표현됩니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						tooltipClass
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						tooltipDisplay속성의&nbsp;값이&nbsp;true일&nbsp;때,&nbsp;tooltip에&nbsp;적용&nbsp;할&nbsp;class명.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						tooltipDisplay
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						[default:false,&nbsp;true]&nbsp;선택된&nbsp;값에&nbsp;대한&nbsp;tooltip&nbsp;표현여부.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						tooltipItemLabel
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						tooltipDisplay&nbsp;=&nbsp;"true"&nbsp;tooltipItemLabel="tooltip"설정한&nbsp;경우,&nbsp;checkbox&nbsp;item별로&nbsp;마우스&nbsp;오버시에&nbsp;&nbsp;&nbsp;tooltipItemLabel에&nbsp;설정한&nbsp;"tooltip"&nbsp;값이&nbsp;tooltip에&nbsp;나타난다.&nbsp;tooltipItemLabel&nbsp;=&nbsp;""&nbsp;인&nbsp;경우,&nbsp;마우스&nbsp;오버시에&nbsp;&nbsp;checkbox&nbsp;item의&nbsp;label값이&nbsp;tooltip에&nbsp;나타난다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						tooltipTime
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						tooltipDisplay속성의&nbsp;값이&nbsp;true일&nbsp;때,&nbsp;tooltip이&nbsp;보이는데&nbsp;걸리는&nbsp;초(second)
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">useCheckboxTitle</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:true, false] 웹 접근성을 위해 checkbox의 항목(버튼)에 title의 표시 유무.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">useLocale</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] Client 다국어를 이용하여 항목의 label에 표현되는 값을 다국어 key를 이용하여 표현 할 지에 대한 설정입니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">validator</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">유효성 체크 함수명</xf:group>
				</xf:group>
			</xf:group></xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="03. CSS Overriding" class="" tagname="h2"></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Class</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2checkbox</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2checkbox는 웹스퀘어 엔진에서 정의된 클래스입니다, 기본적으로 html 로 떨구는 시점에서 자동으로 부여됩니다.
					</xf:group>
				</xf:group>
			</xf:group></xf:group>
			<xf:group adaptiveThreshold="" class="msgbox" id="" style="">
				<xf:group id="" class="titbox"><w2:textbox style="" id="" label="Tip" class="" tagname="h3"></w2:textbox></xf:group><w2:textbox class="txt_info" id=""
					label="row와 col의 설정으로 보이는 항목 개수 설정을 할 때에는 마우스 오른쪽 버튼을 클릭하면 항목 편집이라는 메뉴가 나오는데 클릭 후 Span Direction에서 rows(세로)나 cols(가로) 중 선택하고 Span Count에 표시될 개수를 적어주시면 됩니다"
					style="">
				</w2:textbox>
				<w2:textbox class="txt_info" id="" label="radio 컴포넌트 생성 시 기본적으로 html에 파싱 되는 태그는 table입니다." style=""></w2:textbox>
				<w2:textbox class="txt_info" id="" label="웹 접근성 프로젝트에는 renderType 속성을 checkboxgroup으로 설정하는 것을 권장합니다." style=""></w2:textbox>
			</xf:group>
		</xf:group>


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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="sub_contents" id="" style="">
			<xf:group class="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - MultiSelect" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="여러 항목 중에서 선택할 수 있는 컴포넌트입니다." class=""></w2:textbox></xf:group><xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="01. Sample" style="" tagname="h3"></w2:textbox>
			<xf:group id="" class="rt"><w2:anchor outerDiv="false" name="" style="" href="/ws/download/multiSelect.zip" id="" class="btn_cm">
					<xf:label><![CDATA[Download]]></xf:label>
				</w2:anchor></xf:group></xf:group>
			<xf:group class="msgbox" id="" style="">
				<xf:select appearance="minimal" id="" style="position: relative;width: 150px;margin-right:30px;" class="">
					<xf:choices>
						<xf:item>
							<xf:label><![CDATA[Seoul]]></xf:label>
							<xf:value><![CDATA[]]>
							</xf:value>
						</xf:item>
						<xf:item>
							<xf:label><![CDATA[Pusan]]></xf:label>
							<xf:value><![CDATA[]]>
							</xf:value>
						</xf:item>
						<xf:item>
							<xf:label><![CDATA[JeJU]]></xf:label>
							<xf:value><![CDATA[]]>
							</xf:value>
						</xf:item>
					</xf:choices>
				</xf:select>

				<xf:select appearance="minimal" id="" style="position: relative;width: 150px;" disabled="true" class="">
					<xf:choices>
						<xf:item>
							<xf:label><![CDATA[Seoul]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
						<xf:item>
							<xf:label><![CDATA[Pusan]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
						<xf:item>
							<xf:label><![CDATA[JeJU]]></xf:label>
							<xf:value></xf:value>
						</xf:item>
					</xf:choices>
				</xf:select>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="02. Property" class="" tagname="h3"></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">class</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						HTML의 class속성과 동일한 기능을 제공하며 css파일 또는 style블럭에 정의 한 class를 1개 또는 공백(space)를 이용하여 다중 적용이 가능합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">defaultClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">멀티셀렉트에 대한 기본 클래스입니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">disabled</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] HTML의 disabled속성과 동일한 기능을 제공하며 컴포넌트를 비활성화 시킵니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						dataListAutoRefresh
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						[default:&nbsp;false,&nbsp;true]&nbsp;multiselect의&nbsp;선택&nbsp;대상&nbsp;목록이&nbsp;DataList와&nbsp;바인딩된&nbsp;경우,&nbsp;addItem&nbsp;혹은&nbsp;deleteItem&nbsp;함수&nbsp;실행에&nbsp;따른&nbsp;DataList&nbsp;자동&nbsp;갱신&nbsp;여부.&nbsp;&nbsp;&nbsp;true:&nbsp;자동&nbsp;갱신.&nbsp;false:&nbsp;기본&nbsp;값.&nbsp;자동&nbsp;갱신&nbsp;안&nbsp;함.&nbsp;&nbsp;&nbsp;하위&nbsp;호환을&nbsp;위한&nbsp;설정으로&nbsp;true를&nbsp;권장.&nbsp;(config.xml&nbsp;파일에&nbsp;설정하여&nbsp;일괄&nbsp;적용.)
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">escape</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td"><>&"와 같은 특수문자를 HTML Escape 문자로 변환하여 화면에 표시합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">id</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">컴포넌트의 ID로 전역객체로 할당되며 script에서 본 id로 컴포넌트에 접근이 가능합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						nextTabID
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						tab으로&nbsp;이동시&nbsp;이동할&nbsp;컴포넌트&nbsp;ID
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">separator</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">선택된 항목이 여러 개일 때 구분할 구분자</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">style</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">InputBox의 style 속성</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">tabIndex</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">Tab Key를 이용 한 컴포넌트의 포커스 순서로 HTML의 tabindex속성과 동일한 기능을 제공합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">useLocale</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">MultiSelect에대한 다국어사용 여부를 지원합니다.</xf:group>
				</xf:group>
			</xf:group></xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="03. CSS Overriding" class="" tagname="h3"></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Class</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2multiselect_div</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2multiselect_div 은 웹스퀘어 엔진에서 정의된 클래스입니다, 브라우저가 파싱할때 자동으로 부여됩니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2multiselect_table</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						MultiSelect 컴포넌트의 기본 레이아웃 구조인 테이블 레이아웃의 최상위 클래스입니다.

						본 컴포넌트의 클래스는 웹스퀘어에서 자동으로 정의되는 클래스입니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2multiselect_tr</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">MultiSelect컴포넌트 테이블레이아웃 구조에서 테이블의 TR에 자동으로 부여되는 클래스입니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2multiselect_td</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">MultiSelect컴포넌트 테이블레이아웃 구조에서 테이블의 TD에 자동으로 부여되는 클래스입니다.</xf:group>
				</xf:group>
			</xf:group></xf:group>
			<xf:group adaptiveThreshold="" class="msgbox" id="" style="">
				<xf:group id="" class="titbox"><w2:textbox style="" id="" label="Tip" class="" tagname="h3"></w2:textbox></xf:group><w2:textbox class="txt_info" id="" label="MultiSelect 컴포넌트를 제작했을때의 기본 레이아웃 구조는 테이블 레이아웃 으로 MultiSelect가 구성 됩니다." style=""></w2:textbox>
			</xf:group>
		</xf:group>


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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map">
				<w2:dataList id="dataList1" baseNode="list" style="" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="label" name="label" dataType="text"></w2:column>
						<w2:column id="series1" name="value" dataType="number"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<![CDATA[Website Visits]]>
							<series1><![CDATA[1460000]]></series1>
						</w2:row>
						<w2:row>
							<![CDATA[Programme Details Section Visits]]>
							<series1><![CDATA[930000]]></series1>
						</w2:row>
						<w2:row>
							<![CDATA[Attempts to Register]]>
							<series1><![CDATA[540000]]></series1>
						</w2:row>
						<w2:row>
							<![CDATA[Successful Registrations]]>
							<series1><![CDATA[210000]]></series1>
						</w2:row>
						<w2:row>
							<![CDATA[Logged In]]>
							<series1><![CDATA[190000]]></series1>
						</w2:row>
						<w2:row>
							<![CDATA[Purchased on Introductory Offers]]>
							<series1><![CDATA[120000]]></series1>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dataList2" style="" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="label" name="label" dataType="text"></w2:column>
						<w2:column id="value" name="value" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<![CDATA[Website Visits]]>

							<value><![CDATA[1460000]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[Programme Details Section Visits]]>
							<value><![CDATA[930000]]></value>

						</w2:row>
						<w2:row>
							<![CDATA[Attempts to Register]]>
							<value><![CDATA[540000]]></value>

						</w2:row>
						<w2:row>
							<![CDATA[Successful Registrations]]>
							<value><![CDATA[210000]]></value>

						</w2:row>
						<w2:row>
							<![CDATA[Logged In]]>
							<value><![CDATA[190000]]></value>

						</w2:row>
						<w2:row>
							<![CDATA[Purchased on Introductory Offers]]>
							<value><![CDATA[120000]]></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="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - FwFunnelChart" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="FwFunnelChart는 FusionWidget Wrapper 컴포넌트입니다. <br/>FusionWidgets의 데이터는 실제 차트에 보여줄 값과 스타일 옵션들이 하나로 결합되어 있는 형태입니다. <br/>WebSquare5에서는 이를 분리하여 차트를 쉽게 Customizing 할 수 있도록 API를 지원합니다." class="">
			</w2:textbox></xf:group><xf:group style="border:1px dashed #ccc;" id="" class="msgbox">
				<xf:group id="" class="tbl"><xf:group tagname="table" style="" id="" class="w2tb tbl">
					<w2:attributes>
						<w2:summary></w2:summary>
					</w2:attributes>
					<xf:group tagname="colgroup">
						<xf:group tagname="col" style="width:30.00%"></xf:group>
						<xf:group tagname="col" style="width:70.00%"></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							FwBulletChart Sample1
							<w2:attributes>
								<w2:colspan>2</w2:colspan>
								<w2:rowspan>1</w2:rowspan>
							</w2:attributes>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr">
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="dataList 확인" class="formguide"></w2:textbox>
							<w2:gridView fixedColumnWithHidden="true" dataList="dataList1" useShiftKey="true" style="width:100%; height:252px;" scrollByColumn="false" id="gridView1" autoFit="allColumn" class="gvw">
								<w2:header style="" id="header1">
									<w2:row style="" id="row2">
										<w2:column width="70" style="height:20px" inputType="text" id="column7" value="label" blockSelect="false">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column3" value="value" blockSelect="false">
										</w2:column>
									</w2:row>
								</w2:header>
								<w2:gBody style="" id="gBody4">
									<w2:row style="" id="row5">
										<w2:column width="70" style="height:20px" inputType="text" id="label" blockSelect="false"></w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="series1" blockSelect="false"></w2:column>
									</w2:row>
								</w2:gBody>
							</w2:gridView>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="FusionChart 확인" class="formguide"></w2:textbox>
							<w2:fwFunnelChart ref="data:dataList1" seriesColumns="[['series1']]" labelNode="label" accessibility="true" seriesType="advanced" valueNode="" style="width: 500px;height: 250px;" id="fwFunnelChart1" seriesNode="">
							</w2:fwFunnelChart>
						</xf:group>
					</xf:group>
				</xf:group></xf:group>
			<xf:group id="" class="tbl"><xf:group tagname="table" style="" id="" class="w2tb tbl">
					<w2:attributes>
						<w2:summary></w2:summary>
					</w2:attributes>
					<xf:group tagname="colgroup">
						<xf:group tagname="col" style="width:30.00%"></xf:group>
						<xf:group tagname="col" style="width:70.00%"></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							FwBulletChart Sample2
							<w2:attributes>
								<w2:colspan>2</w2:colspan>
								<w2:rowspan>1</w2:rowspan>
							</w2:attributes>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr">
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="dataList 확인" class="formguide"></w2:textbox>
							<w2:gridView fixedColumnWithHidden="true" dataList="dataList2" useShiftKey="true" scrollByColumn="false" style="width:100%; height:252px;" id="gridView2" autoFit="allColumn" class="gvw">
								<w2:header style="" id="header1">
									<w2:row style="" id="row2">
										<w2:column width="70" style="height:20px" inputType="text" id="column9" value="label" blockSelect="false">
										</w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="column3" value="value" blockSelect="false">
										</w2:column>
									</w2:row>
								</w2:header>
								<w2:gBody style="" id="gBody4">
									<w2:row style="" id="row5">
										<w2:column width="70" style="height:20px" inputType="text" id="label" blockSelect="false"></w2:column>
										<w2:column width="70" style="height:20px" inputType="text" id="value" blockSelect="false"></w2:column>
									</w2:row>
								</w2:gBody>
							</w2:gridView>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:attributes>
								<w2:colspan></w2:colspan>
								<w2:rowspan></w2:rowspan>
							</w2:attributes>
							<w2:textbox tagname="label" for="basicip" style="" id="" label="FusionChart 확인" class="formguide"></w2:textbox>
							<w2:fwFunnelChart labelNode="label" ref="data:dataList2" seriesColumns="" accessibility="true" seriesType="simple" style="width: 500px;height: 250px;" valueNode="value" id="fwFunnelChart2" seriesNode="">
							</w2:fwFunnelChart>
						</xf:group>
					</xf:group>
				</xf:group></xf:group></xf:group>
			<xf:group adaptiveThreshold="" class="msgbox" id="" style="">
				<xf:group id="" class="titbox"><w2:textbox style="" id="" label="Tip" class="" tagname="h3"></w2:textbox></xf:group><w2:textbox class="txt_info" id="" label="DataCollection 만들고 디자인뷰에서 해당컴포넌트를 더블클릭하여 ref, labelNode, valueNode 등 연결해야 됩니다."
					style="">
				</w2:textbox>
			</xf:group>
		</xf:group>


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

        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>

    	<xf:group class="sub_contents" id="" style="">
			<xf:group class="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - AutoComplete" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="SelectBox의 확장 컴포넌트로 특정 문자열에 대한 자동완성 및 검색기능을 제공합니다.<br/>정적데이터와 동적데이터 설정이 가능하며, Enter키 또는 사용자 키입력을 이용하여 실시간으로 해당되는 리스트를 서버에서 조회 가능합니다." class="">
			</w2:textbox></xf:group>
			<xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="01. Sample" style="" tagname="h3"></w2:textbox>
				<xf:group class="rt" id="" style="">
					<w2:anchor class="btn_cm" href="/ws/download/AutoComplete.zip" id="" name="" outerDiv="false" style="">
						<xf:label><![CDATA[Download]]></xf:label>
					</w2:anchor>
				</xf:group>
			</xf:group>
			<xf:group class="msgbox" id="" style="border:1px dashed #ccc;">
				<w2:autoComplete chooseOption="false" class="" displayMode="label" editType="select" id="" interactionMode=""
					search="start" style="width:148px;margin-right:30px;" submenuSize="auto" useKeywordHighlight="false" visibleRowNum="5">
				</w2:autoComplete>
				<w2:autoComplete chooseOption="false" class="" disabled="true" displayMode="label" editType="select" id=""
					interactionMode="" search="start" style="width:148px;" submenuSize="auto" useKeywordHighlight="false"
					visibleRowNum="5">
				</w2:autoComplete>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="02. Property" class="" tagname="h3"></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:200px;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">allowEmptySubmission</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] interactionMode속성이 true 일 경우 빈 문자열의 검색 허용 유무
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						animation
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						itemtable의&nbsp;animation을&nbsp;설정한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">caseSensitive</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">[default:true, false] 검색 시 영문 대소문자 구분 여부</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">chooseOption</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false,true] 선택항목 표시 여부로 chooseOptionLabel속성이 설정되어 있지 않으면 label은 "-선택-"으로 value는
						""(empty string)으로 설정된다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">chooseOptionLabel</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] HTML의 disabled속성과 동일한 기능을 제공하며 컴포넌트를 비활성화 시킴
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">chooseOptionValue</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">선택옵션 value</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">class</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">사용자 정의 class</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">delimiter</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						displayMode속성에서 참조하고 있으며 value와 label을 함께 표현 할 때 사용하는 구분자이다. displayMode속성의 "delim"에 해당하는 값이 본 속성에 정의 된
						값이다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">direction</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">[defulat:auto, down, up, fit] 항목의 열림 방향.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">disabled</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">컴포넌트에 비활성 여부</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						disableEdit
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						[default:false,&nbsp;true]&nbsp;click했을&nbsp;때&nbsp;edit모드로&nbsp;진입하고&nbsp;목록만&nbsp;나타나도록&nbsp;할지&nbsp;여부
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">displayMode</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:label, value delim label, label delim value] 항목의 표현 방법으로 label과 value를 함께 표현 할 수 있다.delim(구분자)는
						delimiter속성에 정의 된 값을 참조한다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">editType</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:select, focus] 사용자가 컴포넌트를 클릭하여 input에 포커스가 발생했을 때 선택된 Text를 selection할지(select), Text의 맨 끝으로 커서를 이동(focus)할
						지를 설정한다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						emptyIndex
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						처음&nbsp;autoComplete를&nbsp;그릴&nbsp;때&nbsp;선택하게&nbsp;할&nbsp;아이템의&nbsp;인덱스.&nbsp;&nbsp;emptyItem&nbsp;속성을&nbsp;true로&nbsp;주고,&nbsp;emptyIndex&nbsp;속성을&nbsp;-1&nbsp;값으로&nbsp;주면&nbsp;초기로딩시&nbsp;빈&nbsp;값을&nbsp;선택하게&nbsp;할&nbsp;수&nbsp;있다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						emptyItem
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						[default:false,&nbsp;true]&nbsp;항목에&nbsp;없는&nbsp;value나&nbsp;index가&nbsp;설정되는&nbsp;경우(setValue,&nbsp;setSelectedIndex와&nbsp;같은&nbsp;API로&nbsp;설정)&nbsp;빈&nbsp;label과&nbsp;빈&nbsp;value(empty&nbsp;string)로&nbsp;설정&nbsp;할지에&nbsp;대한&nbsp;여부.&nbsp;&nbsp;&nbsp;별도의&nbsp;value를&nbsp;설정하고자&nbsp;할&nbsp;때는&nbsp;emptyValue속성을&nbsp;이용하며&nbsp;빈&nbsp;value가&nbsp;설정된&nbsp;상태에서&nbsp;item이&nbsp;추가되거나&nbsp;삭제되면&nbsp;첫번째&nbsp;항목이&nbsp;선택된다.(HTML&nbsp;select에서&nbsp;selectedIndex=-1&nbsp;기능)&nbsp;&nbsp;&nbsp;주의&nbsp;사항으로&nbsp;chooseOption속성이&nbsp;true일&nbsp;경우에도&nbsp;label은&nbsp;""(empty&nbsp;string)으로&nbsp;표현된다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						emptyValue
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						emptyItem속성이&nbsp;true로&nbsp;설정&nbsp;된&nbsp;경우&nbsp;본&nbsp;속성의&nbsp;값으로&nbsp;value를&nbsp;설정한다.&nbsp;&nbsp;&nbsp;주의&nbsp;사항으로&nbsp;emptyValue에&nbsp;정의&nbsp;된&nbsp;값이&nbsp;항목의&nbsp;value와&nbsp;동일하더라도&nbsp;label은&nbsp;""으로&nbsp;표현된다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						interactionEnterKey
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						[default:false,&nbsp;true]&nbsp;interactionMode&nbsp;=&nbsp;"true"인&nbsp;경우,&nbsp;입력창에&nbsp;값을&nbsp;입력&nbsp;후&nbsp;enter&nbsp;키를&nbsp;눌렀을&nbsp;때만&nbsp;&nbsp;&nbsp;submission이&nbsp;실행되도록&nbsp;설정.&nbsp;interactionKey&nbsp;=&nbsp;"all"&nbsp;인&nbsp;경우에는&nbsp;동작하지&nbsp;않음.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						nextTabID
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						tab으로&nbsp;이동시&nbsp;이동할&nbsp;컴포넌트&nbsp;ID
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">search</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:start, contain, none] interactionMode속성이 false일 때의 사용자가 입력한 값에 대한 검색 모드.

						start:입력값과 항목의 시작과 같을 경우만,

						contain:입력값이 항목 어디든 속해 있는 경우,

						none:입력값이 항목과 완전히 같은 경우만.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">submenuSize</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:fixed, auto] 목록(항목)창 크기를 label에 맞출지 기본 width로 고정 할지에 대한 설정.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">textAlign</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">[default:center, left, right] 항목의 text 정렬 방법.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">title</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						HTML의 title속성과 동일한 기능으로 명시 된 값을 브라우저에서 마우스 over시 툴팁형태로 표현한다. 일반적으로 웹접근성 작업 시 설정한다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">useKeywordHighlight</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] 검색된 항목중 keyword에 별도의 class를 적용할 지의 여부. true로 적용할 경우 검색된 키워드에
						"w2autoComplete_keyword" class가 추가된다.
					</xf:group>
				</xf:group>
			</xf:group></xf:group>
		</xf:group>


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

    	<w2:type>COMPONENT</w2:type>
    	<w2:buildDate />
    	<w2:MSA />
    	<xf:model>
    		<w2:dataCollection baseNode="map" />
    		<w2:workflowCollection />
    	</xf:model>
    	<w2:layoutInfo />
    	<w2:publicInfo method="" />

    	<xf:group class="sub_contents" id="" style="">
			<xf:group class="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - Article" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="일반적으로 단독의 내용을 갖고 있는 문장 또는 포럼, 블로그, 뉴스, 코멘트 등의 내용을 포함하고 있습니다." class=""></w2:textbox></xf:group><xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="01. Sample" style="" tagname="h3"></w2:textbox>
			</xf:group>
			<xf:group style="border:1px dashed #ccc" id="" class="msgbox">
				<xf:group adaptive="" class="lybox_h5" id="" style="width:100%;">

						<w2:textbox id="" label="header" style="" tagname="p"></w2:textbox>

						<w2:textbox id="" label="navigation" style="" tagname="p"></w2:textbox>

						<w2:textbox id="" label="aside" style="" tagname="p"></w2:textbox>

						<w2:textbox id="" label="section" style="" tagname="p"></w2:textbox>

							<w2:textbox id="" label="article" style="" tagname="p"></w2:textbox>

						<w2:textbox id="" label="footer" style="" tagname="p"></w2:textbox>

				</xf:group>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="02. Property" class="" tagname="h3"></w2:textbox></xf:group>
			<xf:group id="" class="tblbox"><xf:group tagname="table" style="" id="" class="w2tb tbl">
				<w2:attributes>
					<w2:summary></w2:summary>
				</w2:attributes>
				<xf:group tagname="colgroup">
					<xf:group tagname="col" style="width:20%;"></xf:group>
					<xf:group tagname="col" style=""></xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">Property</xf:group>
					<xf:group tagname="th" style="" class="w2tb_th">Description</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">id</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">컴포넌트의 ID로 전역객체로 할당되며 script에서 본 id로 컴포넌트에 접근이 가능합니다.</xf:group>
				</xf:group>
			</xf:group></xf:group><xf:group adaptiveThreshold="" class="msgbox" id="" style="">
				<xf:group id="" class="" tagname="h3"><w2:textbox style="" id="" label="Tip" class="" tagname="h3"></w2:textbox></xf:group><w2:textbox class="txt_info" id="" label='html5에 추가 요소로서 웹스퀘어에서 컴포넌트 별도의 속성이 없으며 필요할 경우 Attribute Add로 버튼으로 속성을 추가해 줍니다.'
					style="">
				</w2:textbox>
			</xf:group>
		</xf:group>