<?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="col1" name="HEADER"></w2:column>
						<w2:column dataType="text" id="col2" name="HEADER"></w2:column>
						<w2:column dataType="text" id="col3" name="HEADER"></w2:column>
						<w2:column dataType="text" id="col7" name="HEADER"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<col1><![CDATA[1]]></col1>
							<col2><![CDATA[BODY]]></col2>
							<col3><![CDATA[BODY]]></col3>
							<col7><![CDATA[BODY]]></col7>
						</w2:row>
						<w2:row>
							<col1><![CDATA[2]]></col1>
							<col2><![CDATA[BODY]]></col2>
							<col3><![CDATA[BODY]]></col3>
							<col7><![CDATA[BODY]]></col7>
						</w2:row>
						<w2:row>
							<col2><![CDATA[BODY]]></col2>
							<col3><![CDATA[BODY]]></col3>
							<col1><![CDATA[3]]></col1>
							<col7><![CDATA[BODY]]></col7>
						</w2:row>
						<w2:row>
							<col2><![CDATA[BODY]]></col2>
							<col1><![CDATA[4]]></col1>
							<col3><![CDATA[BODY]]></col3>
							<col7><![CDATA[BODY]]></col7>
						</w2:row>
						<w2:row>
							<col1><![CDATA[5]]></col1>
							<col2><![CDATA[BODY]]></col2>
							<col3><![CDATA[BODY]]></col3>
							<col7><![CDATA[BODY]]></col7>
						</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 - GridView" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="GridView는 DataCollection을 Binding 하여 편리하게 데이터를 표현할 수 있는 컴포넌트입니다. <br/>Grid 컴포넌트와 동일한 편집 기능을 갖고 있으며 데이터를 바인딩 할 때 기본값을 생성해줍니다." 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/gridView.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;">
				<w2:gridView autoFit="allColumn" class="gvw" dataList="dataList1" editModeEvent="" evenRowBackgroundColor="#FFFFFF"
					fixedColumnWithHidden="true" focusMode="row" id="" ignoreCellClick="false" oddRowBackgroundColor="#FFFFFF" readOnly="true"
					rowMouseOver="" rowMouseOverColor="#F8FAFC" rowNumHeaderValue="NO." rowNumVisible="true" rowNumWidth="30" scrollByColumn="false"
					senseReader="true" style="height:125px;" useShiftKey="true" visibleRowNum="5">
					<w2:header id="header1" style="">
						<w2:row id="row2" style="">
							<w2:column blockSelect="false" displayMode="label" id="column11" inputType="text" style="height:29px;"
								value="HEADER" width="70">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="column9" inputType="text" style="height:20px"
								value="HEADER" width="70">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="column7" inputType="text" style="height:20px"
								value="HEADER" width="70">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="column3" inputType="text" style="height:20px"
								value="HEADER" width="70">
							</w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody id="gBody4" style="">
						<w2:row id="row5" style="">
							<w2:column blockSelect="false" displayMode="label" id="col1" inputType="" style="height:29px;" width="70"
								adaptiveStyle="">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="col2" inputType="text" style="height:20px" width="70"></w2:column>
							<w2:column blockSelect="false" displayMode="label" id="col3" inputType="text" style="height:20px" width="70">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="col7" inputType="text" style="height:20px" width="70"></w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			</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="titbox"><w2:textbox style="" id="" label="GridView Property" class="" tagname="h4"></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">adaptive</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">적응형 웹(다양한 화면크기와 디바이스에 맞게 레이아웃을 변경) 모드. 기본(none)</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">adaptiveThreshold</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">adaptive가 설정되어 있을 경우 레이아웃 변경을 하기 위한 breakpoint (기본값 : 480)</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						applyAllColumnStyle
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
						<w2:span style="" label="SP2" id="" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						column에&nbsp;정의된&nbsp;스타일들을&nbsp;모두&nbsp;적용할지&nbsp;여부(기본값은&nbsp;false이며&nbsp;column에&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">autoFit</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						gridVeiw에 정의 된 width에 맞춰 여백이 없이 가득 채워주는 기능으로 가로 스크롤이 생기지 않습니다.

						allColumn은 여백을 모든 컬럼에 분배하여 조절하며 lastColumn은 마지막 컬럼을 allColumn은 모든 컬럼의 너비를 조정합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">autoFitMinWidth</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						gridView의 최소 width(px단위)를 지정하는 기능으로 autoFit속성의 값이 allColumn일 때 적용됩니다.
					</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)를 이용하여 다중 적용이 가능합니다.

						gridView컴포넌트는 매우 복잡한 구조를 가진 컴포넌트로 css의 selector를 이용하여 하위 항목에 접근 해야 합니다.

						기본적으로 엔진 내부에서 컴포넌트별로 class를 적용하고 있으며 해당 class를 이용하여 컴포넌트의 css를 공통으로 적용 할 수 있습니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">columnMove</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						gridView 헤더를 마우스로 drag하여 컬럼을 이동할 수 있는 기능으로 drag시에 이동 될 컬럼의 header value속성에 명시 된 값이 tooltip형태로 표현됩니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						checkEditableInputClass
						<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;inputType&nbsp;=&nbsp;"text"&nbsp;이고&nbsp;cell의&nbsp;상태가&nbsp;readOnly이거나&nbsp;disable인&nbsp;경우,&nbsp;&nbsp;&nbsp;nobr&nbsp;태그에&nbsp;"w2grid_input"&nbsp;class를&nbsp;삭제하도록&nbsp;설정.&nbsp;&nbsp;true:&nbsp;readOnly&nbsp;또는&nbsp;disable시&nbsp;nobr태그에&nbsp;"w2grid_input"&nbsp;class&nbsp;삭제됨&nbsp;&nbsp;false&nbsp;:&nbsp;nobr태그에&nbsp;항상&nbsp;"w2grid_input"&nbsp;class가&nbsp;적용됨.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						checkReadOnlyOnPast
						<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;Ctrl(또는&nbsp;cmd)+V를&nbsp;눌러&nbsp;클립보드에서&nbsp;그리드로&nbsp;붙여넣기하는&nbsp;경우&nbsp;readOnly&nbsp;되어있는&nbsp;컬럼에&nbsp;데이터를&nbsp;세팅할지&nbsp;여부&nbsp;&nbsp;true&nbsp;:&nbsp;readOnly가&nbsp;적용된&nbsp;컬럼에&nbsp;'붙여넣기'&nbsp;기능이&nbsp;동작하지&nbsp;않는다.&nbsp;&nbsp;&nbsp;false:&nbsp;readOnly가&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">
						contextMenu
						<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;context&nbsp;menu&nbsp;사용&nbsp;여부
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">
						dataList
						<w2:span style="" id="" label="SP2" class="txt_info"></w2:span>
					</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">gridView의 data에 해당하는 DataCollection의 DataList id.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">disabledBackgroundColor</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">disabled이 적용 된 cell 또는 행의 배경색.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">disabledFontColor</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">disabled이 적용 된 cell 또는 행의 글자색.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						dataDragSelect
						<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;개의&nbsp;그리드&nbsp;셀들을&nbsp;드래그로&nbsp;선택할&nbsp;수&nbsp;있을지&nbsp;여부(dataDragDrop&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">
						defaultCellHeight
						<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;기본&nbsp;높이
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						disabledScrollHidden
						<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;gridView가&nbsp;disabled될&nbsp;때&nbsp;scroll도&nbsp;함께&nbsp;감출&nbsp;것인가에&nbsp;대한&nbsp;옵션.&nbsp;&nbsp;&nbsp;비&nbsp;IE&nbsp;브라우저에서&nbsp;gridView가&nbsp;disabled&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">
						drilldownToggleScrollFix
						<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;drilldown&nbsp;컬럼에서&nbsp;+버튼을&nbsp;클릭하여&nbsp;목록을&nbsp;펼칠&nbsp;때&nbsp;gridView&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">
						dynamic
						<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;gridView&nbsp;껍데기만&nbsp;그려놓은&nbsp;상태에서&nbsp;setGridStyle을&nbsp;통해&nbsp;동적으로&nbsp;생성하는&nbsp;그리드인지에&nbsp;대한&nbsp;여부&nbsp;&nbsp;dynamic=true일&nbsp;경우&nbsp;gridView에&nbsp;w2:header나&nbsp;w2:body가&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">evenRowBackgroundColor</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">
						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">
						excludeModifiedRows
						<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;subtotal(소계)과&nbsp;footer(합계)등에&nbsp;사용되는&nbsp;expression속성에서&nbsp;modifyRowStatus&nbsp;API로&nbsp;"D"상태가&nbsp;적용된&nbsp;row를&nbsp;제외하고&nbsp;계산한다.(&nbsp;modifyRowStatus&nbsp;API를&nbsp;사용한&nbsp;경우&nbsp;)
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">fixedColumn</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">세로 틀고정을 시킬 컬럼의 위치로 첫번째 컬럼일 경우 "1"로 입력 설정</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">fixedColumnWithHidden</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:true, false] fixedColumn속성의 위치값에 hiddenColumn을 포함하여 계산할지 여부
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						fixedRow
						<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;틀고정을&nbsp;시킬&nbsp;컬럼의&nbsp;위치로&nbsp;첫번째&nbsp;로우일&nbsp;경우&nbsp;"1"로&nbsp;입력&nbsp;설정
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						footerSummaryAuto
						<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;captionAuto&nbsp;설정에&nbsp;상관&nbsp;없이&nbsp;footer의&nbsp;summary&nbsp;속성에&nbsp;바닥글을&nbsp;자동&nbsp;생성.&nbsp;&nbsp;관련&nbsp;속성:&nbsp;captionTitle,&nbsp;footerSummary
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">hideHeader</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">[default:false, true] header 숨김 여부.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						hammerEnabled
						<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:true,&nbsp;false]&nbsp;모바일에서&nbsp;dblclick이벤트를&nbsp;Hammer.JS의&nbsp;press이벤트로&nbsp;처리할것인지에&nbsp;대한&nbsp;여부
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						hammerPressTime
						<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">
						press이벤트가&nbsp;발생하기까지&nbsp;누르고&nbsp;있어야&nbsp;할&nbsp;시간.&nbsp;단위는&nbsp;ms이며,&nbsp;기본값은&nbsp;251ms이다.
						<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">ignoreCellClick</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						drilldown사용할때 toggle 이미지 클릭시 gridView에 oncellclick 이벤트를 발생시키지않음
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">ignoreToggleOnDisabled</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						drilldown사용할때 toggle 이미지 클릭시 해당 셀에 disabled가 적용되어 있을 경우 toggle시키지 않음.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">keepDefaultColumnWidth</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] autoFit속성을 true로 설정할 경우 rowNum컬럼(rowNumVisible속성)과 rowStatus컬럼(rowStatusVisible속성)의 width를
						고정한다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						mergeCells
						<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;또는&nbsp;열&nbsp;기준으로&nbsp;연속적으로&nbsp;같은&nbsp;데이터들을&nbsp;merge한다.&nbsp;https://inswave.com/jira/browse/WPF-1402&nbsp;&nbsp;never&nbsp;:&nbsp;mergeCells에&nbsp;의해&nbsp;자동으로&nbsp;merge된&nbsp;것들을&nbsp;해제한다.&nbsp;&nbsp;&nbsp;&nbsp;bycol&nbsp;:&nbsp;같은&nbsp;column&nbsp;내에서&nbsp;연속적으로&nbsp;데이터가&nbsp;같은&nbsp;row들을&nbsp;merge한다&nbsp;&nbsp;byrow&nbsp;:&nbsp;같은&nbsp;row&nbsp;내에서&nbsp;연속적으로&nbsp;데이터가&nbsp;같은&nbsp;column들을&nbsp;merge한다.&nbsp;&nbsp;bycolrec&nbsp;:&nbsp;bycol후,&nbsp;merge되지&nbsp;않은&nbsp;cell들을&nbsp;대상으로&nbsp;byrow를&nbsp;실행한다&nbsp;&nbsp;byrowrec&nbsp;:&nbsp;byrow후,&nbsp;merge되지&nbsp;않은&nbsp;cell들을&nbsp;대상으로&nbsp;bycol을&nbsp;수행한다.&nbsp;&nbsp;byrestriccol&nbsp;:&nbsp;같은&nbsp;column&nbsp;내에서&nbsp;연속적으로&nbsp;데이터가&nbsp;같으면서&nbsp;동시에&nbsp;자신의&nbsp;왼쪽에&nbsp;위치한&nbsp;column이&nbsp;merge된&nbsp;경우&nbsp;해당&nbsp;row들을&nbsp;merge한다.&nbsp;(n+1컬럼에&nbsp;n컬럼을&nbsp;upperColumn으로&nbsp;지정한&nbsp;형태)&nbsp;&nbsp;byrestricrow&nbsp;:&nbsp;같은&nbsp;row&nbsp;내에서&nbsp;연속적으로&nbsp;데이터가&nbsp;같으면서&nbsp;동시에&nbsp;자신의&nbsp;위쪽에&nbsp;위치한&nbsp;row가&nbsp;merge된&nbsp;경우&nbsp;해당&nbsp;row들을&nbsp;merge한다.&nbsp;(n+행에&nbsp;n행을&nbsp;upperRow으로&nbsp;지정한&nbsp;형태)
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						mergeCellsFixedCols
						<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">
						fixedColumn&nbsp;영역&nbsp;내에서&nbsp;행&nbsp;또는&nbsp;열&nbsp;기준으로&nbsp;연속적으로&nbsp;같은&nbsp;데이터들을&nbsp;merge한다.&nbsp;https://inswave.com/jira/browse/WPF-1402&nbsp;&nbsp;never&nbsp;:&nbsp;mergeCells에&nbsp;의해&nbsp;자동으로&nbsp;merge된&nbsp;것들을&nbsp;해제한다.&nbsp;&nbsp;&nbsp;&nbsp;bycol&nbsp;:&nbsp;같은&nbsp;column&nbsp;내에서&nbsp;연속적으로&nbsp;데이터가&nbsp;같은&nbsp;row들을&nbsp;merge한다&nbsp;&nbsp;byrow&nbsp;:&nbsp;같은&nbsp;row&nbsp;내에서&nbsp;연속적으로&nbsp;데이터가&nbsp;같은&nbsp;column들을&nbsp;merge한다.&nbsp;&nbsp;bycolrec&nbsp;:&nbsp;bycol후,&nbsp;merge되지&nbsp;않은&nbsp;cell들을&nbsp;대상으로&nbsp;byrow를&nbsp;실행한다&nbsp;&nbsp;byrowrec&nbsp;:&nbsp;byrow후,&nbsp;merge되지&nbsp;않은&nbsp;cell들을&nbsp;대상으로&nbsp;bycol을&nbsp;수행한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						mergeCellsFixedRows
						<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">
						fixedRow&nbsp;영역&nbsp;내에서&nbsp;행&nbsp;또는&nbsp;열&nbsp;기준으로&nbsp;연속적으로&nbsp;같은&nbsp;데이터들을&nbsp;merge한다.&nbsp;https://inswave.com/jira/browse/WPF-1402&nbsp;&nbsp;never&nbsp;:&nbsp;mergeCells에&nbsp;의해&nbsp;자동으로&nbsp;merge된&nbsp;것들을&nbsp;해제한다.&nbsp;&nbsp;&nbsp;&nbsp;bycol&nbsp;:&nbsp;같은&nbsp;column&nbsp;내에서&nbsp;연속적으로&nbsp;데이터가&nbsp;같은&nbsp;row들을&nbsp;merge한다&nbsp;&nbsp;byrow&nbsp;:&nbsp;같은&nbsp;row&nbsp;내에서&nbsp;연속적으로&nbsp;데이터가&nbsp;같은&nbsp;column들을&nbsp;merge한다.&nbsp;&nbsp;bycolrec&nbsp;:&nbsp;bycol후,&nbsp;merge되지&nbsp;않은&nbsp;cell들을&nbsp;대상으로&nbsp;byrow를&nbsp;실행한다&nbsp;&nbsp;byrowrec&nbsp;:&nbsp;byrow후,&nbsp;merge되지&nbsp;않은&nbsp;cell들을&nbsp;대상으로&nbsp;bycol을&nbsp;수행한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						moveKeyEditMode
						<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;원하는&nbsp;방향에&nbsp;위치한&nbsp;셀의&nbsp;editMode&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" 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">oddEvenColorDisplay</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" class="w2tb_th">
						pasteOption
						<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;focus]&nbsp;Ctrl(또는&nbsp;cmd)&nbsp;+&nbsp;V를&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">
						preventAddRowOnPaste
						<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;Ctrl(또는&nbsp;cmd)+V를&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">
						preventCopy
						<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;Ctrl(또는&nbsp;cmd)+C를&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">
						preventCopyColumn
						<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;Ctrl(또는&nbsp;cmd)&nbsp;+&nbsp;C를&nbsp;눌러&nbsp;컬럼&nbsp;단위의&nbsp;데이터를&nbsp;클립보드에&nbsp;복사하는&nbsp;동작을&nbsp;방지.&nbsp;&nbsp;&nbsp;preventCopyColumn속성을&nbsp;적용할&nbsp;컬럼&nbsp;ID를&nbsp;string형태로&nbsp;적용한다.&nbsp;&nbsp;&nbsp;(사용&nbsp;예)&nbsp;preventCopyColumn&nbsp;=&nbsp;"col1,col2";
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						preventPaste
						<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;Ctrl(또는&nbsp;cmd)+V를&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">
						preventPasteColumn
						<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;Ctrl(또는&nbsp;cmd)&nbsp;+&nbsp;V를&nbsp;눌러&nbsp;클립보드에&nbsp;복사된&nbsp;컬럼&nbsp;단위의&nbsp;데이터를&nbsp;붙여넣는&nbsp;동작을&nbsp;방지.&nbsp;&nbsp;&nbsp;preventPasteColumn속성을&nbsp;적용할&nbsp;컬럼&nbsp;ID를&nbsp;string형태로&nbsp;적용한다.&nbsp;&nbsp;&nbsp;(사용&nbsp;예)&nbsp;preventPasteColumn&nbsp;=&nbsp;"col1,col2";
						<w2:attributes></w2:attributes>
					</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] gridView전체의 각 cell을 readOnly로 적용하며 body 컬럼의 readOnly속성이 설정된 경우 해당 컬럼의 속성이 우선시 됩니다.

						readOnly 속성은 gridView,column,row,cell 별로 속성 또는 API로 조절이 가능하며 우선 순위에 따라 적용된됩니다.

						우선 순위는 아래와 같습니다. gridView < column < row < cell (column과 row의 우선 순위는 gridView의 readOnlyPriority속성에 의해 변경
						가능)
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">readOnlyBackgroundColor</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">readOnly속성이 true인 cell의 배경색.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">readOnlyBackgroundImg</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">readOnly속성이 true인 cell의 배경 이미지의 경로.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">readOnlyBackgroundImgCSS</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						readOnly속성이 true인 cell의 배경이미지의 CSS 구문으로 readOnlyBackgroundImg속성보다 우선됩니다.

						예시 ) background: steelblue url("이미지경로") 10px 50% no-repeat;
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">resize</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:true, false] header의 컬럼 경계선에서 마우스 drag를 이용하여 컬럼의 폭 크기를 조절 할지의 여부.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">rowMouseOver</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">[default:true, false] 마우스 over시에 over된 행의 배경색을 표시할지의 여부.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">rowMouseOverColor</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">마우스 over시의 행 배경색.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">rowNumBackgroundColor</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">rowNumVisiblue속성이 true인 경우 해당 body 컬럼의 배경색.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">rowNumHeaderValue</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">행 번호를 표시할 column의 head에 표시할 text</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">rowNumVisible</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">rowNumWidth</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">rowNumVisiblue속성이 true인 경우 해당 컬럼의 width.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">rowStatusHeaderValue</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">행 상태를 표시할 column의 head에 표시할 text</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">rowStatusVisible</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">rowStatusWidth</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">rowStatusVisible 속성이 true인 경우 해당 컬럼의 width.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						rowNumLocaleRef
						<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">
						rowNum&nbsp;컬럼에&nbsp;설정할&nbsp;localeRef&nbsp;키.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						rowNumStatusUniqueId
						<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;rowNumVisible&nbsp;또는&nbsp;rowNumStatus&nbsp;사용&nbsp;시&nbsp;각&nbsp;row별로&nbsp;unique한&nbsp;id를&nbsp;사용할지에&nbsp;대한&nbsp;여부&nbsp;&nbsp;기본값은&nbsp;false로&nbsp;이&nbsp;경우&nbsp;모든&nbsp;rowNum&nbsp;td들의&nbsp;id는&nbsp;_headerRowNumber이고&nbsp;rowStatus&nbsp;td들의&nbsp;id는&nbsp;_headerStatusNumber가&nbsp;된다.&nbsp;&nbsp;&nbsp;W3C&nbsp;validator를&nbsp;통과하기&nbsp;위해서는&nbsp;이&nbsp;속성값이&nbsp;true여야&nbsp;한다.&nbsp;즉&nbsp;이&nbsp;속성값을&nbsp;true로&nbsp;사용할&nbsp;것을&nbsp;권장한다.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						rowStatusLocaleRef
						<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">
						rowStatus&nbsp;컬럼에&nbsp;설정할&nbsp;localeRef&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" class="w2tb_th">
						sortable
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						gridView의&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">selectedCellColor</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">선택 된 cell의 배경색.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">selectedCellOverColor</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						선택 된 cell에 마우스 over시의 배경색.(지정하지 않으면 rowMouseOverColor속성의 값을 사용)
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">selectedRowColor</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">selectedRowOverColor</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">선택 된 행에 마우스 over시의 배경색.(지정하지 않으면 rowMouseOverColor속성의 값을 사용)</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">senseReader</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false, true] 웹 접근성을 지원하기 위한 모드. 이 모드를 true로 설정하면 tab키로 gridView의 모든 cell을 순회할 수 있습니다.

						또한 inputType="text", "select", "radio", "checkbox"인 경우
						embeddedInput="true"를 적용하여 cell내부에 직접 input(또는 select,radio,checkbox)가 포함되어 그려지게 되어 이를 리더기에서 인식할 수 있게 됩니다.

						focusMode="none", focusMove="false" 속성과 함께 사용할 것을 권장합니다.
					</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">GridView의 style 속성</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">summary</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						HTML의 table Tag의 summary 속성과 동일한 기능을 제공한다. 일반적으로 웹접근성 화면 구현시 사용됩니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						showImageTooltip
						<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;inputType&nbsp;=&nbsp;"image"인&nbsp;경우,&nbsp;tooltip이&nbsp;나오도록&nbsp;설정함.&nbsp;&nbsp;true:&nbsp;inputType&nbsp;=&nbsp;"image"인&nbsp;경우,&nbsp;tooltip&nbsp;기능이&nbsp;동작함.&nbsp;&nbsp;&nbsp;false&nbsp;(기본&nbsp;값):&nbsp;inputType&nbsp;=&nbsp;"image"인&nbsp;경우,&nbsp;tooltip&nbsp;기능이&nbsp;동작&nbsp;안&nbsp;함.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						syncScroll
						<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;grid를&nbsp;동시에&nbsp;세로로&nbsp;scroll시키기&nbsp;위한&nbsp;옵션.&nbsp;grid의&nbsp;row의&nbsp;갯수가&nbsp;동일할&nbsp;경우에만&nbsp;동작.
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						syncScrollId
						<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">
						scroll을&nbsp;동기화&nbsp;시킬&nbsp;grid의&nbsp;id
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						titleAuto
						<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;cell의&nbsp;header&nbsp;inputType&nbsp;=&nbsp;"text"이고&nbsp;cell의&nbsp;inputType이&nbsp;"text,&nbsp;link,&nbsp;checkbox,&nbsp;button,&nbsp;radio,&nbsp;select(tableRender&nbsp;=&nbsp;"ul"인&nbsp;경우),&nbsp;secret"일&nbsp;때,&nbsp;&nbsp;cell의&nbsp;title속성에&nbsp;자동으로&nbsp;다음과&nbsp;같은&nbsp;값이&nbsp;나타나도록&nbsp;설정함.&nbsp;&nbsp;예를들어서&nbsp;cell의&nbsp;header&nbsp;Tiltle&nbsp;값이&nbsp;"name1"&nbsp;이고&nbsp;cell의&nbsp;data값이&nbsp;"1"이며&nbsp;inputType&nbsp;=&nbsp;"text"&nbsp;인&nbsp;경우,&nbsp;해당&nbsp;cell의&nbsp;title속성&nbsp;값은&nbsp;title&nbsp;=&nbsp;"name1&nbsp;1"&nbsp;으로&nbsp;나타남.&nbsp;&nbsp;만약&nbsp;cell의&nbsp;data값이&nbsp;""인&nbsp;경우에는&nbsp;해당&nbsp;cell의&nbsp;title속성&nbsp;값은&nbsp;title&nbsp;=&nbsp;"name&nbsp;text"으로&nbsp;나타남.
						<w2:attributes></w2:attributes>
					</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] cell의 데이터가 width보다 긴 경우 해당 데이터를 마우스 over시 툴팁으로 표현할지의 여부.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						tooltipDisplayColumn
						<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;특정&nbsp;컬럼만&nbsp;tooltip이&nbsp;표현되도록&nbsp;컬럼명을&nbsp;설정함&nbsp;&nbsp;사용&nbsp;예)&nbsp;tooltipDisplayColumn&nbsp;=&nbsp;"col1,col2";
						<w2:attributes></w2:attributes>
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						tooltipHeader
						<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;gridView의&nbsp;header에&nbsp;tooltip을&nbsp;나타내는&nbsp;설정.tooltipDisplay&nbsp;=&nbsp;"true"(또는&nbsp;tooltipShowAlways="true")로&nbsp;설정&nbsp;후&nbsp;동작함.&nbsp;&nbsp;&nbsp;&nbsp;기존에&nbsp;tooltip&nbsp;관련&nbsp;옵션인&nbsp;tooltipDisplay&nbsp;및&nbsp;tooltipDisplayTime등과&nbsp;기능이&nbsp;일치한다.
						<w2:attributes></w2:attributes>
					</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">visibleRowNum</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">화면에 표현 될 행 수. "all"로 설정 시 모든 row가 스크롤 없이 표현됩니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">wheelStop</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:false] 그리드 스크롤이 맨 아래로 내려갔을 때 wheel을 한 경우 브라우저 스크롤을 막을지에 대한 여부
					</xf:group>
				</xf:group>
			</xf:group></xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="GridView[Column] 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" class="w2tb_th">
						allOption
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						inputType이&nbsp;selectbox인&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">calendarClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						[default:class1, class2, class3, class4, class5]Calendr의 스킨 종류를 정의합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">calendarValueType</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">inputType이 calendar인 경우에 calendar의 타입</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">column에 적용될 class</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">colMerge</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">colSpan</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">span할 열의 수</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">
						column의 데이터 Type 설정하지 않은 경우 dataColleciton(dataList)의 dataType을 설정하게 됩니다(권장사항). subTotal, Footer는 gridView column에
						dataType을 설정 합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">depthColumn</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">inputType이 drilldown일 때 depth를 표시해줄 열의 id</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">depthType</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						grid의 drilldown 사용 시 노드의 연관관계를 표현하는 방식 nbsp : 공백(default), div : 빈 div상자, line : 이미지로 표현, none : 미표현
					</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">셀의 disabled 여부</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">disabledClass</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">셀이 disabled 일때 추가할 class이름</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">imageHeight</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">inputType이 image인 경우에 이미지의 높이</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">imageSrc</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">inputType이 image인 경우에 이미지의 경로</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">imageWidth</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">inputType이 image인 경우에 이미지의 폭</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">imeMode</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						inputType이 text인 경우 ime-mode(css) 값을 설정합니다. (ime-mode가 지원 가능한 일부 브라우저에서 동작함)
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">inputType</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						셀의 타입

						- text : 열의 셀 값을 일반 텍스트로 표현합니다.

						- link : 열의 셀 값을 밑줄 쳐진 강조된 텍스트로 표현합니다.

						- checkbox : 열의 셀 값을 true/falseValue 에 따라 다중 행 선택이 가능합니다.

						- button : 열의 셀 값을 버튼으로 표현합니다.

						- image : 열의 셀 값을 이미지 표현합니다.

						- radio : 열의 셀 값을 true/falseValue 에 따라 하나의 행 선택이 가능합니다.

						- select : 설정된 항목 리스트 중에서 열의 셀 값과 같은 value의 label(name)을 선택합니다.

						- calendar : 열의 셀 값을 설정된 날짜 형태(기본:yyyy-MM-dd)로 표현하며, 달력 아이콘을 보여준다. 달력 아이콘으로 캘린더에서 선택 가능합니다.

						- expression : expression 속성에 WebSquare가 제공하는 기능함수를 사용하여 텍스트를 표현합니다.

						- 다른 컬럼을 참조하여 새로운 데이터를 생성하는 사용자 정의 함수를 만들어 사용이 가능합니다.

						- expression 속성 값의 예 : display('columnID'), rowIndex(), userExp(rowIndex(), display('columnID'))

						- textarea : 열의 셀 값을 여러줄의 텍스트로 표현합니다.

						- drilldown : +, - 버튼이 있는 트리 형태로 표현합니다.

						- textImage : 열의 셀 값을 일반 텍스트로 표현하며, 아이콘을 보여준다. 이벤트처리함수(imageClickFunction)를 사용하여 아이콘 클릭에 따른 동작을 설정할 수 있습니다.

						- checkcombobox : checkbox 와 combobox 가 결합된 형태로 한가지 이상의 항목을 선택할 수 있는 combobox 입니다.

						- autoComplete : 텍스트를 입력하면 자동으로 해당 텍스트를 갖고 있는 값을 표시합니다.

						- secret : 텍스트를 안보이도록 감추기 기능을 합니다.
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">rowSpan</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">span할 행의 수</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">showDepth</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">inputType이 drilldown인 경우에 처음 로딩시 보여줄 depth</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">셀의 텍스트 정렬 부분</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">value</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">viewType</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						그리드 셀이 편집중인 상태가 아닐때 기본 형태로 보여질지, 아니면 icon을 표시하는 형태로 보여지질 결정하는 타입
					</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">width</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">컬럼의 width 값</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" class="w2tb_th">
						fastScroll
						<w2:attributes>
							<w2:scope>row</w2:scope>
						</w2:attributes>
					</xf:group>
					<xf:group tagname="td" class="w2tb_td">
						세로&nbsp;스크롤&nbsp;이동시&nbsp;빠르게&nbsp;스크롤되는&nbsp;효과를&nbsp;주는&nbsp;기능으로&nbsp;시간내에&nbsp;그릴수&nbsp;있는&nbsp;부분까지만&nbsp;표현한다.

						&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="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">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">w2grid</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						w2grid은 웹스퀘어 엔진에서 정의된 클래스입니다, 브라우저가 파싱할때 자동으로 부여됩니다.

					</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의 Data는 직접 만들어진 Excel을 복사해서 붙여넣기가 가능합니다. 반대로 입력한 데이터를 Excel에 붙여넣기도 가능합니다.<br/>' style="">
				</w2:textbox>
				<w2:textbox class="txt_info" id=""
					label="autofit를 allColumn으로 설정 시 브라우저를 원하는 대로 늘리거나 줄여도 그리드는 100%로 리사이징 됩니다. <br/>최소 넓이 값을 넣으려면 autoFitMinWidth 속성값을 사용합니다.<br/>예) 해당 값을 1024px로 지정하면 그리드풀사이징에서 해당 사이즈로 줄었을 때 가로 스크롤이 발생되며 리사이징을 막습니다."
					style="">
				</w2:textbox>
				<w2:textbox class="txt_info" id=""
					label='body column의 inputType(text,checkbox,rdio,select,calendar)클래스명과 inputbox,selectbox,calendar 같은 컴포넌트의 클래스명이 동일합니다.<br/>예로 inputbox의 파싱되는 클래스명 "w2input"라는 클래스명으로 특정 css 지정시 그리드뷰의 inputType에도 같이 영향을 줄 수 있으므로 주의하셔야 합니다.'
					style="">
				</w2:textbox>
			</xf:group>
		</xf:group>


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

};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:group class="sub_contents" id="" style="">
			<xf:group class="pgtbox" id="" style="">
				<w2:textbox class="pgt_tit" id="" label="Publishing Template - Image" style=""></w2:textbox>
			</xf:group>
			<xf:group id="" class="titbox"><w2:textbox style="" id="" label="HTML의 img와 같은 기능을 제공하는 컴포넌트로 이미지를 출력합니다. " 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/image.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:image id="" style="" src="/cm/images/base/ico_ins01.png" title="WebSquare5" toolTip="WebSquare5"></xf:image>
			</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">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">longdesc</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">HTML5에서는 미지원 속성으로 이미지의 자세한 설명이 담긴 URI을 지정합니다.</xf:group>
				</xf:group>
				<xf:group tagname="tr" style="">
					<xf:group tagname="th" style="" class="w2tb_th">src</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">이미지 파일의 URL</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">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" style="" class="w2tb_th">usemap</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">
						HTML의 usemap속성과 동일한 기능을 제공하며 HTML map Tag의 name 속성값을 #와 함께 정의합니다. (HTML5에서는 map의 id속성값을 입력해도 동일하게 동작한다) HTML map
						Tag와 함께 사용되며 이미지내의 영역을 지정하여 사용자가 해당 영역을 click하면 지정된 페이지로 이동 시킬 수 있습니다.
					</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="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">w2image</xf:group>
					<xf:group tagname="td" style="" class="w2tb_td">w2image은 웹스퀘어 엔진에서 정의된 클래스입니다. 브라우저가 파싱할때 자동으로 부여됩니다.</xf:group>
				</xf:group>
			</xf:group></xf:group></xf:group>
    </body>
</html>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220428" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_bookList" repeatNode="data" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="title" name="title"></w2:column>
						<w2:column dataType="text" id="price" name="price"></w2:column>
						<w2:column dataType="text" id="img" name="img"></w2:column>
						<w2:column dataType="text" id="info" name="info"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<title><![CDATA[Harry Potter]]></title>
							<price><![CDATA[29.99]]></price>
							<![CDATA[/img/example/book1.jpg]]>
							<info></info>
						</w2:row>
						<w2:row>
							<title><![CDATA[Learning XML]]></title>
							<price><![CDATA[39.95]]></price>
							<![CDATA[/img/example/book2.gif]]>
							<info></info>
						</w2:row>
						<w2:row>
							<title><![CDATA[XQuery Kick Start]]></title>
							<price><![CDATA[49.99]]></price>
							<![CDATA[/img/example/book3.jpg]]>
							<info></info>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="[SPA 변수명].$w.openPopup($p.openPopup) API를 사용한 팝업 예시와 FloatingLayer 컴포넌트를 이용하여 팝업을 표현한 예시입니다." style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="WebSquare popup window type" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="allColumn" baseNode="" class="gvw" dataList="dlt_bookList" defaultCellHeight="26"
							ev:oncellclick="scwin.grd_ex1_oncellclick" id="grd_ex1" keepDefaultColumnWidth="true" repeatNode="" rowNumHeaderValue="No."
							rowNumVisible="true" rowNumWidth="50" scrollByColumn="false" style="height: 100px;" visibleRowNum="all" autoFitMinWidth="250">
							<w2:header id="header3" style="">
								<w2:row id="row5" style="">
									<w2:column id="column10" inputType="text" style="" value="Book Title" width="140"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column11" inputType="text" style="" value="price" width="70">
									</w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody3" style="">
								<w2:row id="row6" style="">
									<w2:column id="title" inputType="text" style="" width="140"></w2:column>
									<w2:column blockSelect="false" dataType="number" displayFormat="$#,###.#0" displayMode="label" id="price"
										inputType="text" style="" width="70">
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="CheckCombobox" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="allColumn" baseNode="" class="gvw" dataList="dlt_bookList" defaultCellHeight="26"
							ev:oncellclick="scwin.grd_ex2_oncellclick" id="grd_ex2" keepDefaultColumnWidth="true" repeatNode="" rowNumHeaderValue="No."
							rowNumVisible="true" rowNumWidth="50" scrollByColumn="false" style="height: 100px;" visibleRowNum="all" autoFitMinWidth="250">
							<w2:header id="header3" style="">
								<w2:row id="row5" style="">
									<w2:column id="column10" inputType="text" style="" value="Book Title" width="140"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column11" inputType="text" style="" value="price" width="70">
									</w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody3" style="">
								<w2:row id="row6" style="">
									<w2:column id="title" inputType="text" style="" width="140"></w2:column>
									<w2:column blockSelect="false" dataType="number" displayFormat="$#,###.#0" displayMode="label" id="price"
										inputType="text" style="" width="70">
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="CheckCombobox" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="allColumn" baseNode="" class="gvw" dataList="dlt_bookList" defaultCellHeight="26"
							ev:oncellclick="scwin.grd_ex3_oncellclick" id="grd_ex3" keepDefaultColumnWidth="true" repeatNode="" rowNumHeaderValue="No."
							rowNumVisible="true" rowNumWidth="50" scrollByColumn="false" style="height: 100px;" visibleRowNum="all" autoFitMinWidth="250">
							<w2:header id="header2" style="">
								<w2:row id="row3" style="">
									<w2:column id="column3" inputType="text" style="" value="Book Title" width="150"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column4" inputType="text" style="" value="price" width="70">
									</w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody2" style="">
								<w2:row id="row4" style="">
									<w2:column id="title" imageClickFunction="" imageHeight="20" imageSrc="" imageWidth="20" imeMode="disabled"
										inputType="text" style="" width="70">
									</w2:column>
									<w2:column blockSelect="false" dataType="number" displayFormat="$#,###.#0" displayMode="label" id="price"
										inputType="text" style="" width="70">
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>
		<w2:floatingLayer bodyComplex="true" dragAlwaysView="false" ev:onclose="scwin.flt_ex1_onclose" id="flt_ex1"
			style="position:absolute;left:33px;top:524px;width:250px;height:250px;background:white;display:none;z-index:99999;" title="Book Info."
			useResizeDrag="false">
			<xf:group id="floatingLayer_group" style="position: absolute;width: 100%;height: 100%;">
				<w2:textbox id="" label="PRICE"
					style="position: absolute ;left:112px;top:40px;width:101px;height:25px;font: bold 11px tahoma;">
				</w2:textbox>
				<xf:image id="" ref="data:dlt_bookList.img" src="" style="position: absolute ;left:12px;top:40px;width: 90px;height: 120px;">
				</xf:image>
				<w2:textbox id="" label="" ref="data:dlt_bookList.title"
					style="position: absolute ;left:12px;top:10px;width: 200px;height: 30px;font: bold 15px tahoma;">
				</w2:textbox>
				<w2:textbox id="" label="REVIEW"
					style="position: absolute ;left:112px;top:95px;width:101px;height:25px;font: bold 11px tahoma;">
				</w2:textbox>
				<xf:trigger class="btn_cm" ev:onclick="scwin.flt_ex1_onclose" id=""
					style="position: absolute ;left:164px;top:180px;width: 50px;" type="button">
					<xf:label>close</xf:label>
				</xf:trigger>
				<w2:textbox dataType="number" displayFormat="$#,###.#0" id="" label="" ref="data:dlt_bookList.price"
					style="position: absolute ;left:112px;top:65px;width:101px;height:25px;font: bold 11px tahoma;">
				</w2:textbox>
				<w2:textbox id="" label="" ref="data:dlt_bookList.info"
					style="position: absolute ;left:112px;top:120px;width: 100px;height: 50px;">
				</w2:textbox>
			</xf:group>
		</w2:floatingLayer>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220428" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_userDataList" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="name" name="name"></w2:column>
						<w2:column dataType="text" id="married" name="married"></w2:column>
						<w2:column dataType="text" id="birthday" name="birthday"></w2:column>
						<w2:column dataType="text" id="gender" name="gender"></w2:column>
						<w2:column dataType="text" id="gugun" name="gugun"></w2:column>
						<w2:column dataType="text" id="work" name="work"></w2:column>
						<w2:column dataType="text" id="height" name="height"></w2:column>
						<w2:column dataType="text" id="weight" name="weight"></w2:column>
						<w2:column dataType="text" id="info" name="info"></w2:column>
						<w2:column dataType="text" id="genderImg" name="genderImg"></w2:column>
						<w2:column dataType="text" id="bm" name="bm"></w2:column>
						<w2:column dataType="text" id="rdo" name="rdo"></w2:column>
						<w2:column dataType="text" id="chk" name="checkbox"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_code_gender" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="label" name="label"></w2:column>
						<w2:column dataType="text" id="value" name="value"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<![CDATA[남자]]>
							<value><![CDATA[M]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[여자]]>
							<value><![CDATA[F]]></value>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_code_checkcombo" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="label" name="label"></w2:column>
						<w2:column dataType="text" id="value" name="value"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<![CDATA[가수]]>
							<value><![CDATA[1]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[MC]]>
							<value><![CDATA[2]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[개그맨]]>
							<value><![CDATA[3]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[탤런트]]>
							<value><![CDATA[4]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[영화배우]]>
							<value><![CDATA[5]]></value>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_zipCode" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="label" name="label"></w2:column>
						<w2:column dataType="text" id="value" name="value"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<![CDATA[강남구]]>
							<value><![CDATA[1]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[강동구]]>
							<value><![CDATA[2]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[강북구]]>
							<value><![CDATA[3]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[강서구]]>
							<value><![CDATA[4]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[관악구]]>
							<value><![CDATA[5]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[광진구]]>
							<value><![CDATA[6]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[구로구]]>
							<value><![CDATA[7]]></value>
						</w2:row>
						<w2:row>
							<![CDATA[금천구]]>
							<value><![CDATA[8]]></value>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
			<xf:submission id="sbm_getUserData" ref="" target='data:json,["dlt_userDataList",{"id":"dlt_userDataList","key":"data"}]'
				action="/data/sampleData/sampleData_gridView.json" method="post" mediatype="application/json" encoding="UTF-8" instance="" replace=""
				errorHandler="" customHandler="" mode="asynchronous" processMsg="" ev:submitdone="" ev:submit="" ev:submiterror="" abortTrigger="">
			</xf:submission>
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="WebSquare에서 그리드뷰는 웹 개발에 가장 비중있게 사용되는 컴포넌트입니다.<br/>다량의 데이터를 출력할 때 사용되며, 스프레드시트(엑셀)와 흡사한 기능을 제공합니다.<br/>행과 열을 정의하여 그리드를 표현하며 헤더, 바디, 풋터를 설정하여 활용할 수 있습니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" class="gvwbox">
				<w2:gridView ev:oncellclick="scwin.ui_gridView_oncellclick" rowNumVisible="true" rowNumHeaderValue="No"
					scrollByColumn="true" titleAuto="" defaultCellHeight="26" rowStatusHeaderValue="" rowStatusVisible="" tooltipDisplay="true"
					fixedColumn="2" dataList="data:dlt_userDataList" columnMove="" style="height:300px;" id="grd_ex01" visibleRowNum="5"
					class="gvw" adaptive="=" autoFitMinWidth="500" rowNumWidth="26">
					<w2:header style="" id="header1">
						<w2:row style="" id="row3">
							<w2:column hidden="false" width="45" inputType="checkbox" style="" id="column142" value="" blockSelect="false"
								displayMode="label">
							</w2:column>
							<w2:column rowSpan="" colSpan="" width="60" inputType="text" style="" id="column17" sortable="" value="이름"></w2:column>
							<w2:column rowSpan="" sortLabel="true" colSpan="" width="70" inputType="text" style="" id="column15" sortable="" value="성별">
							</w2:column>
							<w2:column hidden="false" width="49" inputType="text" style="" id="column141" value="성별" blockSelect="false"
								displayMode="label">
							</w2:column>
							<w2:column width="44" inputType="text" style="" id="column154" value="상세" blockSelect="false" displayMode="label"></w2:column>
							<w2:column rowSpan="" colSpan="2" width="100" inputType="text" style="" id="column82" value="상세"></w2:column>
							<w2:column rowSpan="" colSpan="" width="50" inputType="text" style="" id="column50" value="선택"></w2:column>
							<w2:column rowSpan="" colSpan="3" width="210" inputType="text" style="" id="column128" value="결혼여부" blockSelect="false">
							</w2:column>
							<w2:column rowSpan="" colSpan="" width="90" inputType="text" style="" id="column39" value="지역구"></w2:column>
							<w2:column rowSpan="" colSpan="" width="130" inputType="text" style="" id="column16" sortable="" value="생년월일"></w2:column>
							<w2:column rowSpan="" colSpan="" width="120" inputType="text" style="" id="column14" value="직업"></w2:column>
							<w2:column rowSpan="" colSpan="" width="120" inputType="text" style="" id="column97" value="설명"></w2:column>
							<w2:column rowSpan="" colSpan="" width="102" inputType="text" style="" id="column13" value="키"></w2:column>
							<w2:column rowSpan="" colSpan="" width="120" inputType="text" style="" id="column20" value="몸무게"></w2:column>
							<w2:column rowSpan="" colSpan="" width="108" inputType="text" style="" id="column111" value="기초대사량"></w2:column>
						</w2:row>
						<w2:row style="" id="row5">
							<w2:column width="45" inputType="text" style="height:35px;" id="column72" class="inputTitle" value="check<br/>box">
							</w2:column>
							<w2:column width="60" inputType="text" style="height:35px;" id="column70" sortable="false" class="inputTitle" value="link">
							</w2:column>
							<w2:column width="70" inputType="text" style="height:35px;" id="column64" class="inputTitle" value="select"></w2:column>
							<w2:column rowSpan="" colSpan="2" width="44" inputType="text" style="height:35px;" id="column71" class="inputTitle"
								value="image">
							</w2:column>
							<w2:column rowSpan="" colSpan="2" width="100" inputType="text" style="height:35px;" id="column84" class="inputTitle"
								value="button">
							</w2:column>
							<w2:column width="50" inputType="text" style="height:35px;" id="column80" class="inputTitle"
								value="vertical <br/>radio">
							</w2:column>
							<w2:column rowSpan="" colSpan="2" width="140" inputType="text" style="height:35px;" id="column130" class="inputTitle"
								value="horizontal<br/>radio" blockSelect="false">
							</w2:column>
							<w2:column width="70" inputType="text" style="height:35px;" id="column140" class="inputTitle"
								value="H Radio<br/>value" blockSelect="false">
							</w2:column>
							<w2:column width="90" inputType="text" style="height:35px;" id="column66" class="inputTitle" value="autoComplete"></w2:column>
							<w2:column width="130" inputType="text" style="height:35px;" id="column65" class="inputTitle" value="calendar"></w2:column>
							<w2:column width="120" inputType="text" style="height:35px;" id="column63" class="inputTitle" value="checkcombobox">
							</w2:column>
							<w2:column width="120" inputType="text" style="height:35px;" id="column99" class="inputTitle" value="textarea"></w2:column>
							<w2:column rowSpan="" colSpan="" width="102" inputType="text" style="height:35px;" id="column62" class="inputTitle"
								value="displayFormatter">
							</w2:column>
							<w2:column hidden="false" width="120" inputType="text" style="height:35px;" id="column143" class="inputTitle"
								value="displayFormat" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="108" inputType="text" style="height:35px;" id="column113" class="inputTitle" value="textImage"></w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody style="" id="gBody1">
						<w2:row style="" id="row2">
							<w2:column defaultValue="0" width="45" inputType="checkbox" style="height:40px;" id="chk"></w2:column>
							<w2:column width="60" inputType="link" style="height:40px;" id="name"></w2:column>
							<w2:column customFormatter="" chooseOption="" dataType="own" width="70" inputType="select" style="height:40px;"
								allOption="" id="gender">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_code_gender">
										<w2:label ref="label"></w2:label>
										<w2:value ref="value"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column imageWidth="" displayFormatter="" expression="scwin.fn_gvSetGenderIcon(display('gender'))" customFormatter=""
								width="49" inputType="expression" style="height:40px;" id="genderImg" imageHeight="">
							</w2:column>
							<w2:column width="44" imageSrc="/img/icon_info.png" inputType="image" style="height:40px;" id="btnImg1" value=""
								blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column defaultValue="" width="50" inputType="button" style="height:40px;" id="btn1" value="상세<br/>보기" class=""
								escape="false">
							</w2:column>
							<w2:column width="50" inputType="button" style="height:40px;" id="btn2" class="ws_example_btn_search" value="상세"
								blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="50" inputType="radio" style="height:40px;" id="rdo"></w2:column>
							<w2:column groupName="married" width="70" inputType="radio" style="height:40px;" groupValue="Y" id="marriedY"
								blockSelect="false">
							</w2:column>
							<w2:column groupName="married" width="70" inputType="radio" style="height:40px;" groupValue="N" id="marriedN"
								blockSelect="false">
							</w2:column>
							<w2:column width="70" inputType="text" style="height:40px;" id="married" blockSelect="false"></w2:column>
							<w2:column submenuSize="auto" dataType="" width="70" inputType="autoComplete" style="height:40px;" id="gugun">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_zipCode">
										<w2:label ref="label"></w2:label>
										<w2:value ref="value"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column customFormatter="" dateValidCheck="true" dataType="" width="130" inputType="calendar" style="height:40px;"
								id="birthday">
							</w2:column>
							<w2:column width="70" inputType="checkcombobox" style="height:40px;" id="work" separator=",">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_code_checkcombo">
										<w2:label ref="label"></w2:label>
										<w2:value ref="value"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column width="120" inputType="textarea" style="height:40px;" id="info"></w2:column>
							<w2:column displayFormatter="scwin.fn_setHeight" dataType="number" importFormatter="" width="102" applyFormat=""
								inputType="text" style="height:40px;" id="height">
							</w2:column>
							<w2:column displayFormatter="" dataType="number" width="120" displayFormat="#,###.#0 kg" applyFormat="" inputType="text"
								style="height:40px;" id="weight">
							</w2:column>
							<w2:column imageWidth="16" dataType="" displayFormat="" imageSrc="/img/icon_calculator.png" readOnly="true"
								imageClickFunction="scwin.fn_calculateBM" imageHeight="16" displayType="" viewType="icon" width="108" inputType="textImage"
								style="height:40px;" id="bm">
							</w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			</xf:group>
			<xf:group adaptiveThreshold="" class="gvwbox" id="" style=""></xf:group>
		</xf:group>


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

};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="pop_contents" id="">
			<w2:textbox id="" label="팝업 컨텐츠 영역입니다." style=""></w2:textbox>
		</xf:group>
	</body>
</html>


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

};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="" id="" style="padding: 6px;">
			<w2:textbox id="" label="P00296S02.xml" style="font-size: 1.2em;color: #9ACD32;font-weight: bold;margin-bottom: 6px;"></w2:textbox>
			<xf:input adjustMaxLength="false" id="ibx_exam" initValue="P00296S02" style="width: 130x;height: 24px;"></xf:input>
		</xf:group>
	</body>
</html>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230106" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_books_1" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='GridView의 행 상태 컬럼의 부가 기능 설정 예시입니다.
예제에 설정한 기능은 속성 rowStatusVisible(행 상태 표시 설정)이 true로 지정되어야 동작합니다.' style="">
				</w2:textbox>
				<w2:textbox escape="false" id=""
					label="아래 목록은 적용 속성별 설명입니다.
- rowStatusVisible : 행의 상태(추가/수정/삭제) 컬럼을 표시
- rowNumStatusResize : 행 상태 컬럼의 리사이즈 가능 여부 지정
- rowStatusHeaderValue : 행 상태 컬럼의 헤더의 출력 값(레이블) 지정
- rowStatusWidth : 행 상태 컬럼 너비(폭) 지정"
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="행 상태 표시 및 부가 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="부가 설정 목록
- 행 상태 컬럼 너비(폭)이 '34px'로 지정되었습니다.
- 행 상태 컬럼의 헤더에 문자열 '상태'가 표시(출력)됩니다.
- 행 상태 컬럼의 리사이즈가 가능합니다. (헤더 컬럼에서 조작)"
							style="">
						</w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" rowNumStatusResize="true" rowStatusHeaderValue="상태"
							rowStatusVisible="true" rowStatusWidth="34">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column2" inputType="text" value="분류" width="90"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="160"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="90" value=""></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="160" value=""></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="행 상태 표시만 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="GridView의 속성 rowStatusVisible=true" style=""></w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" rowNumStatusResize="false" rowStatusVisible="true">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column2" inputType="text" value="분류" width="90"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="160"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" value="" width="90"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" value="" width="160"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221223" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_exam1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="A" name="A" dataType="text"></w2:column>
						<w2:column id="B" name="B" dataType="text"></w2:column>
						<w2:column id="C" name="C" dataType="text"></w2:column>
						<w2:column id="D" name="D" dataType="text"></w2:column>
						<w2:column id="E" name="E" dataType="text"></w2:column>
						<w2:column id="F" name="F" dataType="text"></w2:column>
						<w2:column id="G" name="G" dataType="text"></w2:column>
						<w2:column id="H" name="H" dataType="text"></w2:column>
						<w2:column id="I" name="I" dataType="text"></w2:column>
						<w2:column id="J" name="J" dataType="text"></w2:column>
						<w2:column id="K" name="K" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<![CDATA[A]]>
							<![CDATA[B]]>
							<C><![CDATA[C]]></C>
							<D><![CDATA[D]]></D>
							<E><![CDATA[E]]></E>
							<F><![CDATA[F]]></F>
							<G><![CDATA[G]]></G>
							<H><![CDATA[H]]></H>
							<![CDATA[I]]>
							<J><![CDATA[J]]></J>
							<K><![CDATA[K]]></K>
						</w2:row>
						<w2:row>
							<![CDATA[A]]>
							<![CDATA[B]]>
							<C><![CDATA[C]]></C>
							<D><![CDATA[D]]></D>
							<E><![CDATA[E]]></E>
							<F><![CDATA[F]]></F>
							<G><![CDATA[G]]></G>
							<H><![CDATA[H]]></H>
							<![CDATA[I]]>
							<J><![CDATA[J]]></J>
							<K><![CDATA[K]]></K>
						</w2:row>
						<w2:row>
							<K><![CDATA[K]]></K>
							<![CDATA[A]]>
							<![CDATA[B]]>
							<C><![CDATA[C]]></C>
							<D><![CDATA[D]]></D>
							<E><![CDATA[E]]></E>
							<F><![CDATA[F]]></F>
							<G><![CDATA[G]]></G>
							<H><![CDATA[H]]></H>
							<![CDATA[I]]>
							<J><![CDATA[J]]></J>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label='GridView의 컬럼 이동 기능 예제입니다.<br/>마우스로 헤더 컬럼을 DragDrop하여 위치를 이동 시킬 수 있습니다.'
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 마우스 사용이 가능한 환경에서 정상 동작합니다." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="컬럼 이동 기능 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="GridView의 헤더를 DragDrop하여 컬럼의 위치를 이동시킬 수 있습니다."
							style=""></w2:textbox>
						<w2:gridView class="gvw" dataList="data:dlt_exam1" id="" style="height: 120px;" defaultCellHeight="24"
							visibleRowNum="all" resize="true" columnMove="true" columnMoveWithFooter="true">
							<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
							<w2:header style="" id="header1">
								<w2:row style="" id="row3">
									<w2:column width="44" inputType="text" id="column33" value="A" displayMode="label"></w2:column>
									<w2:column width="88" inputType="text" id="column32" value="B + C" displayMode="label" colSpan="2">
									</w2:column>
									<w2:column width="44" inputType="text" id="column30" value="D" displayMode="label"></w2:column>
									<w2:column width="132" inputType="text" id="column29" value="E + F + G" displayMode="label" colSpan="3">
									</w2:column>
									<w2:column width="176" inputType="text" id="column26" value="H + I + J + K" displayMode="label" colSpan="4">
									</w2:column>
								</w2:row>
								<w2:row style="" id="row1">
									<w2:column width="44" inputType="text" id="column11" value="A" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column10" value="B" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column9" value="C" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column8" value="D" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column7" value="E" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column6" value="F" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column5" value="G" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column4" value="H" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column3" value="I" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column2" value="J" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column1" value="K" displayMode="label"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody style="" id="gBody1">
								<w2:row style="" id="row2">
									<w2:column width="44" inputType="text" id="A" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="B" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="C" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="D" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="E" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="F" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="G" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="H" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="I" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="J" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="K" displayMode="label"></w2:column>
								</w2:row>
							</w2:gBody>
							<w2:footer style="" id="footer1">
								<w2:row style="" id="row4">
									<w2:column width="44" inputType="text" id="column44" value="A" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column43" value="B" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column42" value="C" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column41" value="D" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column40" value="E" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column39" value="F" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column38" value="G" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column37" value="H" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column36" value="I" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column35" value="J" displayMode="label"></w2:column>
									<w2:column width="44" inputType="text" id="column34" value="K" displayMode="label"></w2:column>
								</w2:row>
							</w2:footer>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="컬럼 이동 기능 미설정(기본)" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="컬럼 이동 기능이 설정되어 있지 않습니다." style="">
						</w2:textbox>
						<w2:gridView class="gvw" dataList="data:dlt_exam1" defaultCellHeight="24" id="" resize="true" style="height: 120px;"
							visibleRowNum="all">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row3" style="">
									<w2:column displayMode="label" id="column33" inputType="text" value="A" width="44"></w2:column>
									<w2:column colSpan="2" displayMode="label" id="column32" inputType="text" value="B + C" width="88"></w2:column>
									<w2:column displayMode="label" id="column30" inputType="text" value="D" width="44"></w2:column>
									<w2:column colSpan="3" displayMode="label" id="column29" inputType="text" value="E + F + G" width="132"></w2:column>
									<w2:column colSpan="4" displayMode="label" id="column26" inputType="text" value="H + I + J + K" width="176"></w2:column>
								</w2:row>
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column11" inputType="text" value="A" width="44"></w2:column>
									<w2:column displayMode="label" id="column10" inputType="text" value="B" width="44"></w2:column>
									<w2:column displayMode="label" id="column9" inputType="text" value="C" width="44"></w2:column>
									<w2:column displayMode="label" id="column8" inputType="text" value="D" width="44"></w2:column>
									<w2:column displayMode="label" id="column7" inputType="text" value="E" width="44"></w2:column>
									<w2:column displayMode="label" id="column6" inputType="text" value="F" width="44"></w2:column>
									<w2:column displayMode="label" id="column5" inputType="text" value="G" width="44"></w2:column>
									<w2:column displayMode="label" id="column4" inputType="text" value="H" width="44"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="I" width="44"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="J" width="44"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="K" width="44"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="A" inputType="text" width="44"></w2:column>
									<w2:column displayMode="label" id="B" inputType="text" width="44"></w2:column>
									<w2:column displayMode="label" id="C" inputType="text" width="44"></w2:column>
									<w2:column displayMode="label" id="D" inputType="text" width="44"></w2:column>
									<w2:column displayMode="label" id="E" inputType="text" width="44"></w2:column>
									<w2:column displayMode="label" id="F" inputType="text" width="44"></w2:column>
									<w2:column displayMode="label" id="G" inputType="text" width="44"></w2:column>
									<w2:column displayMode="label" id="H" inputType="text" width="44"></w2:column>
									<w2:column displayMode="label" id="I" inputType="text" width="44"></w2:column>
									<w2:column displayMode="label" id="J" inputType="text" width="44"></w2:column>
									<w2:column displayMode="label" id="K" inputType="text" width="44"></w2:column>
								</w2:row>
							</w2:gBody>
							<w2:footer id="footer1" style="">
								<w2:row id="row4" style="">
									<w2:column displayMode="label" id="column44" inputType="text" value="A" width="44"></w2:column>
									<w2:column displayMode="label" id="column43" inputType="text" value="B" width="44"></w2:column>
									<w2:column displayMode="label" id="column42" inputType="text" value="C" width="44"></w2:column>
									<w2:column displayMode="label" id="column41" inputType="text" value="D" width="44"></w2:column>
									<w2:column displayMode="label" id="column40" inputType="text" value="E" width="44"></w2:column>
									<w2:column displayMode="label" id="column39" inputType="text" value="F" width="44"></w2:column>
									<w2:column displayMode="label" id="column38" inputType="text" value="G" width="44"></w2:column>
									<w2:column displayMode="label" id="column37" inputType="text" value="H" width="44"></w2:column>
									<w2:column displayMode="label" id="column36" inputType="text" value="I" width="44"></w2:column>
									<w2:column displayMode="label" id="column35" inputType="text" value="J" width="44"></w2:column>
									<w2:column displayMode="label" id="column34" inputType="text" value="K" width="44"></w2:column>
								</w2:row>
							</w2:footer>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>