<?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 - Group" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="Group 컴포넌트는 여러 컴포넌트를 그룹화 시킬 수 있는 컨테이너성 컴포넌트입니다. 기본적으로 파싱 되는 마크업이 'div'이며, 페이지의 레이아웃 등에 많이 사용됩니다.<br/>" 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 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">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">style</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">Group Component 의 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">
						기본적으로 Group컴포넌트는 div Tag로 표현며 div가 아닌 다른 Tag로 표현하고자 할 때 사용한다.

						일반적으로 Group컴포넌트에는 자식 Tag(Element)를 가질 수 있는 Tag를 정의한다.
					</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" 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;componentId,&nbsp;label을&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" style="" class="w2tb_th">html attributes</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="02. 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">w2group</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">w2group은 웹스퀘어 엔진에서 정의된 클래스입니다, 브라우저가 파싱할때 자동으로 부여됩니다.</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="레이 아웃용 컴포넌트로 하위에 컴포넌트들을 배치 시킬 수 있으며 입력용 컴포넌트의 value 초기화 기능(init) 또는 하위 컴포넌트들에 특정 API, Function 실행 기능(invoke) 등을 사용할 수 있습니다." style="">
				</w2:textbox><w2:textbox class="txt_info" id="" label="기본적으로 HTML div Tag로 표현되며 div Tag 이외의 child를 가질 수 있는 HTML Tag(ul, dl, ol, table 등)들을 tagname 속성을 이용하여 표현할 수 있다. Group 컴포넌트는 value를 가질 수 없는 컴포넌트이므로 value를 설정해야 하는 경우 Textbox 컴포넌트와 함께 사용합니다." 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 - PageControl" style=""></w2:textbox>
    		</xf:group>
    		<xf:group id="" class="titbox">
    			<w2:textbox style="" id="" label="모바일을 위한 페이지 이동 UI 컴포넌트입니다." 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/pageControl.zip" id="" class="btn_cm">
    					<xf:label><![CDATA[Download]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    		</xf:group>

    		<xf:group style="" id="" class="msgbox">
    			<w2:pageControl class="wq_pgctl" id="" pageCount="100" pagingType="1" style="width: 150px;height: 30px;"></w2:pageControl>
    		</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="wq_tb w2tb tbl">
    				<w2:attributes>
    					<w2:summary></w2:summary>
    				</w2:attributes>
    				<xf:group tagname="colgroup">
    					<xf:group tagname="col" style="width:21%;"></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">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">pageCount</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">pagingType</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						페이징의 디자인 타입을 변경합니다. 1은 숫자와 화살표로 이루어져 있고, 2는 동그라미 리스트로 되어있는 형태입니다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">rotation</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="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:21%;"></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">w2pageControl</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						w2pageControl는 웹스퀘어 엔진에서 정의된 클래스입니다, 기본적으로 html 로 떨구는 시점에서 자동으로 부여됩니다.

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

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

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

    						PageControl의 오른쪽 화살표 영역입니다.
    					</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="h4"></w2:textbox>
    			</xf:group>
    			<w2:textbox class="txt_info" id=""
    				label="PageControl 컴포넌트는 prev, next 버튼 기능을 제공하고 사용자가 직접 전체 페이지 수, 페이지당 표시하고 싶은 데이터 수 등을 구현해야 합니다." style="">
    			</w2:textbox>
    			<w2:textbox class="txt_info" id=""
    				label="DataCollection의 경우, 데이터를 포함하고 있는 DataCollection에서 원하는 데이터 양 만큼 가져와 새로운 DataCollection을 만들고 그 안에 넣어 GridView 컴포넌트에 바인딩 시켜줘야 합니다."
    				style="">
    			</w2:textbox>
    		</xf:group>
    		<xf:group style="height:30px;" id="" class=""></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 baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
					<w2:columnInfo>
						<w2:column dataType="text" id="a1" name="시도별"></w2:column>
						<w2:column dataType="text" id="a2" name="산업별"></w2:column>
						<w2:column dataType="text" id="a3" name="시점"></w2:column>
						<w2:column dataType="text" id="a4" name="사업체수[개]"></w2:column>
						<w2:column dataType="text" id="a5" name="월평균종사자수[명]"></w2:column>
						<w2:column dataType="text" id="a6" name="연간급여액[백만원]"></w2:column>
						<w2:column dataType="text" id="a7" name="생산액[백만원]"></w2:column>
						<w2:column dataType="text" id="a8" name="출하액[백만원]"></w2:column>
						<w2:column dataType="text" id="a9" name="재고액-연초[백만원]"></w2:column>
						<w2:column dataType="text" id="a10" name="재고액-연말[백만원]"></w2:column>
						<w2:column dataType="text" id="a11" name="주요생산비[백만원]"></w2:column>
						<w2:column dataType="text" id="a12" name="부가가치[백만원]"></w2:column>
						<w2:column dataType="text" id="a13" 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="pgtbox" id="" style="">
    			<w2:textbox class="pgt_tit" id="" label="Publishing Template - PivotTable" style=""></w2:textbox>
    		</xf:group>
    		<xf:group id="" class="titbox">
    			<w2:textbox style="" id="" label="다차원 데이터 분석 기능을 제공하는 테이블입니다.<br/>(평균 합, 카운트 등을 나타내고 싶을 때 사용)" 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/pivotTable.zip" id="" class="btn_cm">
    					<xf:label><![CDATA[Download]]></xf:label>
    				</w2:anchor>
    			</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="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">cols</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						pivotTable을 초기에 보여줄 때 column축에 둘 컬럼을 정의한다. 구분자","를 통해 column id를 입력한다. 입력된 column의 순서에 따라 결과가 달라진다.

    						(ex1) cols="col3,col4,col5" (ex2) cols="col5,col3,col4"
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">dataList</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">pivotTable과 연동할 dataList id</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">defaultAggregator</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:Sum]기본 aggregator(통계함수)를 설정하는 옵션이다. field에 정의된 aggregator가 우선순위가 높으며, field에 정의된 aggregator가 없을 경우 해당
    						옵션의 aggregator를 사용한다. aggregator는 Sum, Average, Count, Minimum, Maximum 등 기본적으로 제공되는 aggregator외에 사용자 정의 함수
    						aggregator를 등록할 수 있다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">renderMode</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:full]pivotTable을 그릴 때 레이블 영역을 전부 그릴지(full), 레이블 영역을 전부 감추고 테이블만 그릴지(compact)를 선택하는 모드.
    					</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">
    						pivotTable을 초기에 보여줄 때 row축에 둘 컬럼을 정의한다. 구분자","를 통해 column id를 입력한다. 입력된 column의 순서에 따라 결과가 달라진다.

    						(ex1) rows="col1,col2" (ex2) rows="col2,col1"
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">vals</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						pivotTable을 초기에 보여줄 때 value축에 둘 컬럼을 정의한다. 구분자","를 통해 column id를 입력한다. vals로 설정된 column이 2개 이상일 경우 Σ값
    						레이블이 생성된다. 입력된 column의 순서에 따라 결과가 달라진다. (ex1) vals="col6,col7" (ex2) cols="col5,col3,col4"
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">valuesAxis</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:row] Σ값 레이블이 생성된 경우 (value축 컬럼이 2개 이상인경우) Σ값 레이블의 위치를 설정하는 옵션이다.
    					</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="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">w2pivotTable</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						w2pivotTable는 웹스퀘어 엔진에서 정의된 클래스입니다, 기본적으로 html 로 렌더링되는 시점에서 자동으로 부여됩니다. 여기에 사용자 정의 클래스를 추가해서 overriding(덮어쓰기) 하여
    						디자인을 바꿀 수 있습니다.

    					</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 - InputBox" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="Inputbox는 HTML에서 제공되는 input 태그의 type=text와 유사한 인터페이스를 제공합니다.<br/>기본 텍스트 입력 기능 외에 추가적으로 display fomat를 지정할 수 있으며, 지정하지 않은 문자열은 입력이 불가능하게 하는 기능이 있습니다. &nbsp;validator의 기능이 있는 컨트롤 입니다." 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/inputBox.zip" id="" class="btn_cm">
					<xf:label><![CDATA[Download]]></xf:label>
				</w2:anchor></xf:group></xf:group>
			<xf:group class="msgbox" id="" style="border:1px dashed #ccc;">
				<xf:input applyFormat="" class="wq_inp mr30" id="inputinput2" style="margin-right:20px;"></xf:input>
				<xf:input applyFormat="" class="wq_inp" disabled="true" id="input2" style=""></xf:input>
			</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" class="w2tb_th">
						adjustMaxLength
						<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">
						dataType이&nbsp;number이며&nbsp;제일&nbsp;처음이&nbsp;부호(-,&nbsp;+)일때&nbsp;maxlength값&nbsp;조절&nbsp;여부
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						autoFocus
						<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">
						nextTabID가&nbsp;지정되어&nbsp;있는&nbsp;경우,&nbsp;maxByteLength&nbsp;지정값과&nbsp;일치할&nbsp;경우&nbsp;자동으로&nbsp;focus를&nbsp;이동시킬지&nbsp;유무
						<w2:attributes></w2:attributes>
					</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" class="w2tb_th">
						customModelFormatter
						<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;""]&nbsp;dataCollection과&nbsp;바인딩&nbsp;시,&nbsp;dataCollection에&nbsp;값이&nbsp;저장되기&nbsp;전에&nbsp;실행되는&nbsp;사용자&nbsp;정의&nbsp;함수.&nbsp;&nbsp;사용자&nbsp;정의&nbsp;함수를&nbsp;실행하고&nbsp;해당&nbsp;함수에서&nbsp;반환하는&nbsp;값으로&nbsp;dataCollection에&nbsp;저장한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						customModelUnformatter
						<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;""]&nbsp;dataCollection과&nbsp;바인딩&nbsp;시,&nbsp;dataCollection에서&nbsp;값을&nbsp;읽어올&nbsp;때&nbsp;값을&nbsp;반환하기&nbsp;전에&nbsp;실행되는&nbsp;사용자&nbsp;정의&nbsp;함수.&nbsp;&nbsp;예를들어서&nbsp;getCellDisplayData&nbsp;API를&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" 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">displayFormat</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						엔진 내부에서 dataType 속성에 정의한 type에 따라 동작되며 excel의 서식을 적용하는 방식처럼 value의 format을 적용 할 수 있습니다.

						displayFormatter와 동시적용이 불가합니다. 예시)dateType이 number일 경우 #,###.#0 으로 적용하면 3자리수 마다 ,가 찍히며 소수점 2자리까지 표현됩니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						escape
						<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">
						[true,&nbsp;false]&nbsp;<>&"를&nbsp;HTML&nbsp;Escape&nbsp;문자로&nbsp;변환하여&nbsp;화면에&nbsp;표시한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						euroMask
						<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;""]&nbsp;화폐단위&nbsp;변경을&nbsp;위해&nbsp;dataType&nbsp;=&nbsp;"euro"&nbsp;로&nbsp;설정한&nbsp;경우나&nbsp;changeCurrency&nbsp;API를&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">
						fireEventOnInvalid
						<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;validation에&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">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" class="w2tb_th">
						numberMask
						<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;""]&nbsp;화폐단위&nbsp;변경을&nbsp;위해&nbsp;dataType&nbsp;=&nbsp;"number"&nbsp;로&nbsp;설정한&nbsp;경우나&nbsp;changeCurrency&nbsp;API를&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">onFocusClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">onFocus시 적용할 class명.</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)등을 명시합니다.</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">readOnlyClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">readOnly 상태 일때 적용할 class명</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						readOnlyFocusEvent
						<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]input객체가&nbsp;readOnly&nbsp;상태일&nbsp;때&nbsp;focus&nbsp;이벤트를&nbsp;발생시킬지에&nbsp;대한&nbsp;여부
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						refSync
						<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;input이&nbsp;ref와&nbsp;연동되어있는&nbsp;경우&nbsp;key가&nbsp;입력되는&nbsp;즉시&nbsp;ref를&nbsp;갱신하는&nbsp;속성.&nbsp;&nbsp;input이&nbsp;dataMap과&nbsp;ref로&nbsp;연동된&nbsp;상태에서&nbsp;onkeydown이벤트에서&nbsp;dataMap1.getValue("key1")를&nbsp;실행했을&nbsp;때&nbsp;이&nbsp;속성이&nbsp;true일&nbsp;경우&nbsp;input에&nbsp;입력된&nbsp;값&nbsp;그대로&nbsp;반환한다.&nbsp;&nbsp;&nbsp;https://inswave.com/jira/browse/SKT-782&nbsp;참고&nbsp;&nbsp;(버전&nbsp;정보:&nbsp;5.0_2.2777B.20170904.121217&nbsp;버전에서&nbsp;추가)
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						rupeeMask
						<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;""]&nbsp;화폐단위&nbsp;변경을&nbsp;위해&nbsp;dataType&nbsp;=&nbsp;"rupee"&nbsp;로&nbsp;설정한&nbsp;경우나&nbsp;changeCurrency&nbsp;API를&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">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">type</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						HTML의 type속성과 동일한 기능으로 일반적으로 별도 지정을하진 않으며 HTML5에서의 data Type을 반영한 UI를 구현하고자 할 때 사용됩니다.

						예를 들어 type을 number로 지정 할 경우 모바일 브라우저에서 type을 보고 number key 패드를 올리게 할 수 있습니다.

						그외 color로 지정 할 경우 colorPicker를 사용하지 않고 색을 선택 할수 있는 기능이 제공되나 해당 기능은 HTML5를 지원하는 브라우저에서만 작동되며 브라우저마다의 표현방법이 다릅니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						tengeMask
						<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;""]&nbsp;화폐단위&nbsp;변경을&nbsp;위해&nbsp;dataType&nbsp;=&nbsp;"tenge"&nbsp;로&nbsp;설정한&nbsp;경우나&nbsp;changeCurrency&nbsp;API를&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">html attributes</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">
						useMonthYearFormat
						<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;dataType&nbsp;=&nbsp;"date"이고&nbsp;useMonthYearFormat&nbsp;속성이&nbsp;적용된&nbsp;inputCalendar와&nbsp;바인딩&nbsp;시&nbsp;동일한&nbsp;기능이&nbsp;&nbsp;제공될&nbsp;수&nbsp;있도록&nbsp;설정.&nbsp;&nbsp;inputCalendar의&nbsp;useMonthYearFormat&nbsp;기능&nbsp;:&nbsp;달력&nbsp;및&nbsp;입력창에서&nbsp;보여지는&nbsp;값의&nbsp;표현방식이&nbsp;연도/월의&nbsp;순서를&nbsp;월/연도로&nbsp;변경함.&nbsp;&nbsp;dataCollection과&nbsp;연동&nbsp;시&nbsp;dataCollection에&nbsp;저장되는&nbsp;값은&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 style="" id="" label="03. CSS Overriding" class="" tagname="h3"></w2:textbox></xf:group>
			<xf:group id="" class="titbox"><xf:group tagname="table" adaptiveThreshold="" 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">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">w2input</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">w2input은 웹스퀘어 엔진에서 정의된 클래스입니다, 브라우저가 파싱할때 자동으로 부여됩니다.</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:dataList baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
					<w2:columnInfo>
						<w2:column dataType="text" id="chart" name="차트"></w2:column>
						<w2:column dataType="text" id="data" name="데이터"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<chart><![CDATA[a1]]></chart>
							<data><![CDATA[1]]></data>
						</w2:row>
						<w2:row>
							<chart><![CDATA[a2]]></chart>
							<data><![CDATA[1]]></data>
						</w2:row>
						<w2:row>
							<chart><![CDATA[a3]]></chart>
							<data><![CDATA[1]]></data>
						</w2:row>
						<w2:row>
							<chart><![CDATA[a4]]></chart>
							<data><![CDATA[2]]></data>
						</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 - FwSparkChart" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="FwPyramidChart는 FusionWidget Wrapper 컴포넌트입니다.
FusionWidgets의 데이터는 실제 차트에 보여줄 값과 스타일 옵션들이 하나로 결합되어 있는 형태입니다.
WebSquare5에서는 이를 분리하여 차트를 쉽게 Customizing 할 수 있도록 API를 지원합니다." class="">
			</w2:textbox></xf:group><xf:group class="msgbox" id="" style="border:1px dashed #ccc;">
			<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:25.00%"></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							FwSparkChart Sample
							<w2:attributes>
								<w2:colspan>4</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 tac">
							<w2:attributes>
								<w2:colspan>4</w2:colspan>
								<w2:rowspan>1</w2:rowspan>
							</w2:attributes>
							<w2:fwSparkChart ref="data:dataList1" accessibility="false" seriesType="simple" chartType="sparkline" style="width: 500px;height: 300px;" valueNode="data" id="" version="">
							</w2:fwSparkChart>
						</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:dataList baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
					<w2:columnInfo>
						<w2:column dataType="text" id="label" name="test1"></w2:column>
						<w2:column dataType="text" id="value" name="test2"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<![CDATA[a1]]>
							<value><![CDATA[10]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[a2]]>
							<value><![CDATA[40]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[a3]]>
							<value><![CDATA[50]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[a4]]>
							<value><![CDATA[60]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[a5]]>
							<value><![CDATA[100]]></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 - FwGaugeChart" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="FwGaugeChart는 FusionWidget Wrapper 컴포넌트입니다. <br/>FusionWidgets의 데이터는 실제 차트에 보여줄 값과 스타일 옵션들이 하나로 결합되어 있는 형태입니다. <br/>WebSquare5에서는 이를 분리하여 차트를 쉽게 Customizing 할 수 있도록 API를 지원합니다." class="">
			</w2:textbox></xf:group><xf:group class="msgbox" id="" style="border:1px dashed #ccc;">
			<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:25.00%"></xf:group>
						<xf:group tagname="col" style="width:25.00%"></xf:group>
						<xf:group tagname="col" style="width:25.00%"></xf:group>
						<xf:group tagname="col" style="width:25.00%"></xf:group>
					</xf:group>
					<xf:group tagname="tr" style="">
						<xf:group tagname="th" style="" class="w2tb_th">
							FwGaugeChart Sample
							<w2:attributes>
								<w2:colspan>4</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:fwGaugeChart ref="data:dataList1" chartType="angulargauge" style="width:80%;height: 300px;" valueNode="value" id="">
							</w2:fwGaugeChart>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:fwGaugeChart ref="data:dataList1" chartType="bulb" style="width:80%;height: 300px;" valueNode="value" id="">
							</w2:fwGaugeChart>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:fwGaugeChart ref="data:dataList1" chartType="cylinder" style="width:80%;height: 300px;" valueNode="value" id="">
							</w2:fwGaugeChart>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:fwGaugeChart ref="data:dataList1" chartType="hled" style="width:80%;height: 300px;" valueNode="value" id="">
							</w2:fwGaugeChart>
						</xf:group>
					</xf:group>
					<xf:group tagname="tr">
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:fwGaugeChart ref="data:dataList1" chartType="hlineargauge" style="width:80%;height: 300px;" valueNode="value" id="">
							</w2:fwGaugeChart>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:fwGaugeChart ref="data:dataList1" chartType="thermometer" style="width:80%;height: 300px;" valueNode="value" id="">
							</w2:fwGaugeChart>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td">
							<w2:fwGaugeChart ref="data:dataList1" chartType="vled" style="width:80%;height: 300px;" valueNode="value" id="">
							</w2:fwGaugeChart>
						</xf:group>
						<xf:group tagname="td" style="" class="w2tb_td"></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 - Accordion' style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="accordion의 id를 지정하고 속성들을 정의합니다." 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/Accordion.zip" id="" name="" outerDiv="false" style="">
						<xf:label><![CDATA[Download]]></xf:label>
					</w2:anchor>
				</xf:group>
			</xf:group>
			<xf:group adaptiveThreshold="" class="msgbox" id="" style="border:1px dashed #ccc">
				<w2:accordion id="" collapseAll="" style="" collapsible="" class="" selectedPanel="" titleDivTag="">
					<w2:panels id="panels1" style="" class="">
						<w2:panelTitle id="panelTitle1" style="" class="" label="Title01"></w2:panelTitle>
						<w2:panelContent id="panelContent1" style="height:150px;" class="">
							<xf:group id="" style="padding:10px;">
								<w2:textbox id="" style="" label="panelContent1"></w2:textbox>
							</xf:group>
						</w2:panelContent>
					</w2:panels>
					<w2:panels id="panels2" style="" class="">
						<w2:panelTitle id="panelTitle2" style="" class="" label="Title02"></w2:panelTitle>
						<w2:panelContent id="panelContent2" style="height:150px;" class="">
							<xf:group id="" style="padding:10px;">
								<w2:textbox id="" style="" label="panelContent2"></w2:textbox>
							</xf:group>
						</w2:panelContent>
					</w2:panels>
					<w2:panels id="panels3" style="" class="">
						<w2:panelTitle id="panelTitle3" style="" class="" label="Title03"></w2:panelTitle>
						<w2:panelContent id="panelContent3" style="height:150px;" class="">
							<xf:group id="" style="padding:10px;">
								<w2:textbox id="" style="" label="panelContent3"></w2:textbox>
							</xf:group>
						</w2:panelContent>
					</w2:panels>
				</w2:accordion>
			</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의&nbsp;class속성과&nbsp;동일한&nbsp;기능을&nbsp;제공하며&nbsp;css파일&nbsp;또는&nbsp;style블럭에&nbsp;정의&nbsp;한&nbsp;class를&nbsp;1개&nbsp;또는&nbsp;공백(space)를&nbsp;이용하여&nbsp;다중&nbsp;적용이&nbsp;가능하다.&nbsp;&nbsp;&nbsp;기본적으로&nbsp;엔진&nbsp;내부에서&nbsp;각&nbsp;컴포넌트&nbsp;마다의&nbsp;class를&nbsp;적용하고&nbsp;있으며&nbsp;해당&nbsp;class를&nbsp;이용하여&nbsp;컴포넌트의&nbsp;css를&nbsp;공통으로&nbsp;적용&nbsp;할&nbsp;수&nbsp;있다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">collapseAll</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:true,&nbsp;false]accordion&nbsp;처음&nbsp;로딩&nbsp;시&nbsp;모든&nbsp;panel이&nbsp;닫혀있도록&nbsp;설정한다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">collapsible</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						panel&nbsp;title&nbsp;click시&nbsp;panel이&nbsp;닫힐&nbsp;수&nbsp;있도록&nbsp;설정한다.
					</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">
						컴포넌트의&nbsp;ID로&nbsp;전역객체로&nbsp;할당되며&nbsp;script에서&nbsp;본&nbsp;id로&nbsp;컴포넌트에&nbsp;접근이&nbsp;가능하다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">selectedPanel</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						panel&nbsp;id를&nbsp;입력받아&nbsp;맨&nbsp;처음&nbsp;열릴&nbsp;panel을&nbsp;설정한다.
					</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>
					</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">titleDivTag</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						accordion&nbsp;처음&nbsp;로딩&nbsp;시&nbsp;모든&nbsp;panel의&nbsp;title영역&nbsp;태그를&nbsp;div로&nbsp;변경한다.
					</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">w2accordion</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2accordion은&nbsp;웹스퀘어&nbsp;엔진에서&nbsp;정의된&nbsp;클래스입니다,&nbsp;브라우저가&nbsp;파싱할때&nbsp;자동으로&nbsp;부여돼는&nbsp;클래스&nbsp;입니다.&nbsp;

						accordion전체를&nbsp;감싸는&nbsp;그룹&nbsp;입니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">w2panels</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						accordion&nbsp;panel을&nbsp;감싸는&nbsp;그룹&nbsp;입니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						w2panels_title
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						accordion&nbsp;title&nbsp;영역&nbsp;입니다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						w2panels_content_closed
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						accordion이&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">
						w2panels_content_open
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						accordion이&nbsp;열렸을때&nbsp;지정할&nbsp;수&nbsp;있는&nbsp;클래스&nbsp;입니다.
						<w2:attributes></w2:attributes>
					</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 - Progressbar" style=""></w2:textbox>
    		</xf:group>
    		<xf:group id="" class="titbox">
    			<w2:textbox style="" id=""
    				label="HTML의 a Tag와 같은 기능을 제공하는 컴포넌트로 hyperlink를 정의할 수 있으며 CSS를 적용하여 버튼으로 사용합니다.<br/>outerDiv 속성이 공백이거나 true일경우 최상위는 div Tag로 이루어 지며, outerDiv가 false일 경우 &nbsp;최상위는 a Tag 단독으로 이루어지며<br/>또한 웹스퀘어에서 사용할 수 있는 버튼 컴포넌트중의 하나이며 버튼을 그릴 때 기본적으로 권장하는 컴포넌트입니다."
    				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/progressbar.zip" id="" class="btn_cm">
    					<xf:label><![CDATA[Download]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    		</xf:group>
    		<xf:group adaptiveThreshold="" class="msgbox" id="" style="">
    			<xf:group class="" id="" style="padding: 0px 20px;height: 70px;">
    				<w2:progressbar autoClose="false" duration="1000" id="ui_prg01" max="100" min="0" progressClass="type1" step="1"
    					style="position: relative;height: 30px;width:300px;top:30px;" valueType="percent">
    				</w2:progressbar>
    			</xf:group>
    			<xf:group class="" id="" style="padding: 0px 20px;height: 70px;">
    				<w2:progressbar autoClose="false" duration="1000" id="ui_prg02" max="100" min="0" progressClass="type2" step="1"
    					style="position: relative;height: 30px;width:300px;top:30px;" valueType="percent">
    				</w2:progressbar>
    			</xf:group>
    			<xf:group class="" id="" style="padding: 0px 20px;height: 70px;">
    				<w2:progressbar autoClose="false" duration="1000" id="ui_prg03" max="100" min="0" progressClass="type4" step="1"
    					style="position: relative;height: 30px;width:300px;top:30px;" valueType="percent">
    				</w2:progressbar>
    			</xf:group>
    		</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">autoClose</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:false,&nbsp;true]progressbar&nbsp;100%시&nbsp;자동삭제여부
    					</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의&nbsp;class속성과&nbsp;동일한&nbsp;기능을&nbsp;제공하며&nbsp;css파일&nbsp;또는&nbsp;style블럭에&nbsp;정의한&nbsp;class를&nbsp;1개&nbsp;또는&nbsp;공백(space)를&nbsp;이용하여&nbsp;다중&nbsp;적용이&nbsp;가능하다.

    						기본적으로&nbsp;엔진&nbsp;내부에서&nbsp;컴포넌트별로&nbsp;class를&nbsp;적용하고&nbsp;있으며&nbsp;해당&nbsp;class를&nbsp;이용하여&nbsp;컴포넌트의&nbsp;css를&nbsp;공통으로&nbsp;적용할&nbsp;수&nbsp;있다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">duration</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">[default:1000]애니메이션&nbsp;지속시간</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">
    						컴포넌트의&nbsp;ID로&nbsp;전역객체로&nbsp;할당되며&nbsp;script에서&nbsp;본&nbsp;id로&nbsp;컴포넌트에&nbsp;접근이&nbsp;가능하다.
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">max</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">[default:100]progressbar&nbsp;최대값</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" class="w2tb_th">
    						min
    						<w2:attributes>
    							<w2:scope>row</w2:scope>
    						</w2:attributes>
    					</xf:group>
    					<xf:group tagname="td" class="w2tb_td">
    						[deafult:0]progressbar&nbsp;최소값
    						<w2:attributes></w2:attributes>
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">progressClass</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:type2,type1,type3,type4,type5,type6,type7,type8,type9]스킨&nbsp;종류를&nbsp;정의한다.
    					</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">
    						[default:""]model&nbsp;instance[dataList,dataMap]의&nbsp;바인딩&nbsp;정보
    					</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">step</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">[default:10]progressbar에&nbsp;증가치&nbsp;설정</xf:group>
    				</xf:group>
    				<xf:group tagname="tr" style="">
    					<xf:group tagname="th" style="" class="w2tb_th">valueType</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						[default:percent,&nbsp;number]progressbar로&nbsp;나타낼&nbsp;숫자.&nbsp;%로&nbsp;나타낼지&nbsp;여부
    					</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" 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">.w2progressbar_bar</xf:group>
    					<xf:group tagname="td" style="" class="w2tb_td">
    						.w2progressbar_bar은&nbsp;웹스퀘어&nbsp;엔진에서&nbsp;정의된&nbsp;클래스입니다,&nbsp;브라우저가&nbsp;파싱할때&nbsp;자동으로&nbsp;부여돼는&nbsp;클래스&nbsp;입니다.

    					</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 - Section" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="문서에서 콘텐츠 영역을 나타냅니다." 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>

			<xf:group style="" id="" class="msgbox">
				<xf:group adaptive="" class="lybox_h5" id="" style="">

						<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 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">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="titbox"><w2:textbox tagname="h4" style="" id="" label="Tip" class=""></w2:textbox></xf:group><w2:textbox class="txt_info" id="" label='html5에 추가 요소로서 웹스퀘어에서 컴포넌트 별도의 속성이 없으며 필요할 경우 Attribute Add로 버튼으로 속성을 추가해 줍니다.'
					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 - Trigger" style=""></w2:textbox>
    		</xf:group>
    		<xf:group id="" class="titbox">
    			<w2:textbox style="" id=""
    				label='Trigger는 type에 따라 이미지 형태의 버튼과 button 형태로 사용할 수 있으며,<br/>HTML에서 input 태그의 type=button과 유사한 인터페이스를 제공하는 컨트롤로 특정 Action과 컨트롤을 연계할 때 주로 사용되는 컴포넌트입니다.<br/><br/>- button : input Tag의 type="button"으로 구성됩니다.<br/>- image : table Tag로 이루어져 있고 left, center, right에 각각에 CSS 적용이 가능합니다.(image 링크)<br/>- anchor : 최상위 anchor Tag로 이루어져 있고 button의 text는 span 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/trigger.zip" id="" class="btn_cm">
    					<xf:label><![CDATA[Download]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    		</xf:group>

    		<xf:group style="" id="" class="msgbox">
    			<xf:group id="" class="titbox"><w2:textbox tagname="h4" style="" id="" label='type="button"' class=""></w2:textbox></xf:group><xf:group class="mt20" id="" style="">
    				<xf:trigger type="button" id="" style="" class="btn_cm">
    					<xf:label><![CDATA[Trigger]]></xf:label>
    				</xf:trigger>

    			</xf:group>
    			<xf:group id="" class="titbox"><w2:textbox tagname="h4" style="" id="" label='type="image"' class=""></w2:textbox></xf:group><xf:group id="" style="" class="mt20">
    				<xf:trigger id="" style="" type="image" class="btn_cm">
    					<xf:label><![CDATA[Trigger]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    		</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">centerOffImageClass</xf:group>
    				<xf:group tagname="td" style="" class="w2tb_td">
    					type속성의 값이 "image"일 경우만 적용되며 중앙 td에 적용될 class명을 정의한다.class에는 image의 url을 명시하며 일반적으로 width값은 제외합니다.
    				</xf:group>
    			</xf:group>
    			<xf:group tagname="tr" style="">
    				<xf:group tagname="th" style="" class="w2tb_th">centerOnImageClass</xf:group>
    				<xf:group tagname="td" style="" class="w2tb_td">
    					type속성의 값이 "image"일 경우만 적용되며 마우스 over 시 중앙 td에 적용될 class명을 정의한다.class에는 image의 url을 명시하며 일반적으로 width값은
    					제외합니다.
    				</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">leftOffImageClass</xf:group>
    				<xf:group tagname="td" style="" class="w2tb_td">
    					type속성의 값이 "image"일 경우만 적용되며 왼쪽 td에 적용될 class명을 정의한다. class에는 image의 url과 width 속성은 필수로 정의합니다.
    				</xf:group>
    			</xf:group>
    			<xf:group tagname="tr" style="">
    				<xf:group tagname="th" style="" class="w2tb_th">leftOnImageClass</xf:group>
    				<xf:group tagname="td" style="" class="w2tb_td">
    					type속성의 값이 "image"일 경우만 적용되며 마우스 over 시 왼쪽 td에 적용될 class명을 정의한다.class에는 image의 url과 width 속성은 필수로 정의합니다.
    				</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">rightOffImageClass</xf:group>
    				<xf:group tagname="td" style="" class="w2tb_td">
    					type속성의 값이 "image"일 경우만 적용되며 오른쪽 td에 적용될 class명을 정의한다. class에는 image의 url과 width 속성은 필수로 정의합니다.
    				</xf:group>
    			</xf:group>
    			<xf:group tagname="tr" style="">
    				<xf:group tagname="th" style="" class="w2tb_th">rightOnImageClass</xf:group>
    				<xf:group tagname="td" style="" class="w2tb_td">
    					type속성의 값이 "image"일 경우만 적용되며 오른쪽 td에 적용될 class명을 정의한다. class에는 image의 url과 width 속성은 필수로 정의합니다.
    				</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">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">type</xf:group>
    				<xf:group tagname="td" style="" class="w2tb_td">
    					[default:button, image, anchor]Trigger 표현 방법을 정의하며 각 타입별 HTML 표현 방식은 아래와 같습니다.

    					button : HTML input Tag로 표현되며 type="button"으로 구성 된다.

    					image : 최상위 table Tag로 이루어져있고 left, center, right에 각각에 class적용이 가능합니다.

    					anchor : 최상위 anchor Tag로 이루어져있고 button의 text는 span Tag로 구성됩니다.
    				</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" 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">w2trigger</xf:group>
    				<xf:group tagname="td" style="" class="w2tb_td">
    					w2trigger은 웹스퀘어 엔진에서 정의된 클래스입니다, 브라우저가 파싱할때 자동으로 부여됩니다.

    					type이 "buttom" 이거나 공백일 경우 생성됩니다.
    				</xf:group>
    			</xf:group>
    			<xf:group tagname="tr" style="">
    				<xf:group tagname="th" style="" class="w2tb_th">w2trigger_table</xf:group>
    				<xf:group tagname="td" style="" class="w2tb_td">웹스퀘어 엔진에서 정의된 클래스로서 type이 "image"일경우 생성됩니다.</xf:group>
    			</xf:group>
    			<xf:group tagname="tr" style="">
    				<xf:group tagname="th" style="" class="w2tb_th">w2trigger_anchor</xf:group>
    				<xf:group tagname="td" style="" class="w2tb_td">웹스퀘어 엔진에서 정의된 클래스로서 type이 "anchor"일경우 생성됩니다.</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="타입을 이미지로 설정할 경우 table로 파싱이 됩니다." style=""></w2:textbox>
    			<w2:textbox class="txt_info" id=""
    				label="타입을 이미지로 설정할 경우 배치성 테이블 형태로 (summary, caption 태그 제외됨) 사용하여도 웹 접근성에 문제가 되진 않지만 명확한 웹 접근성 준수를 위해 Property 창에 class에서 새로운 class 명을 주어 input 스타일을 변경해 주는 방법을 권장합니다."
    				style="">
    			</w2:textbox>
    		</xf:group>

    	</xf:group>