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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230425" 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:submission id="submission1" ref="" target="data:json,dlt_dataList1" action="/data/sampleData/sampleData_CheckBox.json"
				method="post" mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous"
				processMsg="" ev:submit="" ev:submitdone="" 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='CheckBox컴포넌트의 선택 항목을 직접 입력하고, 선택 항목을 표시하는 방법을 설정하는 예제입니다.

이 기능은 아래의 속성으로 사용할 수 있습니다.
- cols : (속성)선택 항목을 표시할 열의 수.
- rows: (속성)선택 항목을 표시할 행의 수.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tb_style_wrap" id="" style="">
					<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" displayFormat="" escape="false" id=""
								label="CheckBox컴포넌트에 직접 입력한 DataList가 표시되는 것을 확인한다." style="">
							</w2:textbox>
							<xf:select selectedindex="-1" id="cbx_exam1" appearance="full" style="min-width: 80px;min-height: 21px;" cols="" rows=""
								ref="">
								<xf:choices>
									<xf:item>
										<xf:label><![CDATA[Apple]]></xf:label>
										<xf:value><![CDATA[aaa]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Banana]]></xf:label>
										<xf:value><![CDATA[bbb]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Coconut]]></xf:label>
										<xf:value><![CDATA[ccc]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Grapefruit]]></xf:label>
										<xf:value><![CDATA[ggg]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Mango]]></xf:label>
										<xf:value><![CDATA[mmm]]></xf:value>
									</xf:item>
								</xf:choices>
							</xf:select>

						</xf:group>
					</xf:group>
					<xf:group class="example_div_tr_style" id="" style="">
						<w2:textbox class="example_div_th_style" escape="false" id="" label="선택 항목 3열로 표시하기" style=""></w2:textbox>
						<xf:group class="example_div_td_style" id="" style="">
							<w2:textbox class="ws5_example_txt_normal" displayFormat="" escape="false" id="" label="선택 항목이 3열로 표시되는 것을 확인한다." style="">
							</w2:textbox>
							<xf:select appearance="full" cols="3" id="cbx_exam2" ref="" rows="" selectedindex="-1"
								style="min-width: 80px;min-height: 21px;">
								<xf:choices>
									<xf:item>
										<xf:label><![CDATA[Apple]]></xf:label>
										<xf:value><![CDATA[aaa]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Banana]]></xf:label>
										<xf:value><![CDATA[bbb]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Coconut]]></xf:label>
										<xf:value><![CDATA[ccc]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Grapefruit]]></xf:label>
										<xf:value><![CDATA[ggg]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Mango]]></xf:label>
										<xf:value><![CDATA[mmm]]></xf:value>
									</xf:item>
								</xf:choices>
							</xf:select>
						</xf:group>
					</xf:group>
					<xf:group class="example_div_tr_style" id="" style="">
						<w2:textbox class="example_div_th_style" escape="false" id="" label="선택 항목 3행으로 표시하기" style=""></w2:textbox>
						<xf:group class="example_div_td_style" id="" style="">
							<w2:textbox class="ws5_example_txt_normal" displayFormat="" escape="false" id="" label="선택 항목이 3행으로 표시되는 것을 확인한다."
								style="">
							</w2:textbox>
							<xf:select appearance="full" cols="" id="cbx_exam3" ref="" rows="3" selectedindex="-1"
								style="min-width: 80px;min-height: 21px;">
								<xf:choices>
									<xf:item>
										<xf:label><![CDATA[Apple]]></xf:label>
										<xf:value><![CDATA[aaa]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Banana]]></xf:label>
										<xf:value><![CDATA[bbb]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Coconut]]></xf:label>
										<xf:value><![CDATA[ccc]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Grapefruit]]></xf:label>
										<xf:value><![CDATA[ggg]]></xf:value>
									</xf:item>
									<xf:item>
										<xf:label><![CDATA[Mango]]></xf:label>
										<xf:value><![CDATA[mmm]]></xf:value>
									</xf:item>
								</xf:choices>
							</xf:select>

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

		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230413" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_dataList1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="Code" name="name1" dataType="text"></w2:column>
						<w2:column id="City" name="name2" dataType="text"></w2:column>
						<w2:column id="Country" name="name3" dataType="text"></w2:column>
						<w2:column id="Type" name="name4" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='사용자가 SelectBox컴포넌트에서 선택한 데이터를 검증하는 것에 관한 예제입니다.

이 기능은 아래의 속성과 함수로 사용할 수 있습니다.
- mandatory : (속성)mandatory="true"인 경우, validate(); 함수는 검증을 수행하여 결과를 true/false로 반환
- displaymessage : (속성)검증 실패 시 Engine 내부에 정의된 메시지 표시
- invalidMessage : (속성)검증 결과가 실패일 경우, 속성에 지정한 값을 메시지 표시
- invalidMessageFunc : (속성)검증 결과가 실패일 경우, 사용자 지정 함수 반환
- validate : (함수)컴포넌트의 유효성 관련 속성값을 통해 유효성 검사를 실행'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="선택 여부 판단하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='SelectBox컴포넌트의 목록이 선택된 것을 확인할 수 있습니다.' style=""
							displayFormat="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" localeRef=""
								style="min-width: 30px;height: 26px;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[선택 여부 판단하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:select1 id="sbx_exam1" chooseOption="true" style="width: 148px;height: 21px;" submenuSize="auto" allOption=""
							disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="" mandatory="true"
							chooseOptionLabel="Select a city.">
							<xf:choices>
								<xf:item>
									<xf:label><![CDATA[Seoul]]></xf:label>
									<xf:value><![CDATA[1]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[New York]]></xf:label>
									<xf:value><![CDATA[2]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[Paris]]></xf:label>
									<xf:value><![CDATA[3]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[London]]></xf:label>
									<xf:value><![CDATA[4]]></xf:value>
								</xf:item>
							</xf:choices>
						</xf:select1>

					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="지정된 메시지 표시하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="SelectBox컴포넌트를 선택하지 않고 아래의 버튼을 클릭 시 지정된 메시지 '필수 입력 항목입니다'가 표시됩니다." style="" displayFormat="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" localeRef=""
								style="min-width: 30px;height: 26px;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[지정된 메시지 표시하기]]></xf:label>
							</xf:trigger>
						</xf:group>

						<xf:select1 allOption="" appearance="minimal" chooseOption="true" chooseOptionLabel="Select a city." direction="auto"
							disabled="false" disabledClass="w2selectbox_disabled" id="sbx_exam2" ref="" style="width: 148px;height: 21px;" submenuSize="auto"
							displaymessage="true" mandatory="true">
							<xf:choices>
								<xf:item>
									<xf:label><![CDATA[Seoul]]></xf:label>
									<xf:value><![CDATA[1]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[New York]]></xf:label>
									<xf:value><![CDATA[2]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[Paris]]></xf:label>
									<xf:value><![CDATA[3]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[London]]></xf:label>
									<xf:value><![CDATA[4]]></xf:value>
								</xf:item>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="사용자 설정 메시지 표시하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" displayFormat="" escape="false" id=""
							label="SelectBox컴포넌트를 선택하지 않고 아래의 버튼을 클릭 시 사용자가 설정한 메시지가 표시됩니다." style="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex3_onclick" id="btn_ex3" localeRef=""
								style="min-width: 30px;height: 26px;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[사용자 설정 메시지 표시하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:select1 allOption="" appearance="minimal" chooseOption="true" chooseOptionLabel="Select a city." direction="auto"
							disabled="false" disabledClass="w2selectbox_disabled" displaymessage="true" id="sbx_exam3" mandatory="true" ref=""
							style="width: 148px;height: 21px;" submenuSize="auto" invalidMessage="사용자 설정 메시지">
							<xf:choices>
								<xf:item>
									<xf:label><![CDATA[Seoul]]></xf:label>
									<xf:value><![CDATA[1]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[New York]]></xf:label>
									<xf:value><![CDATA[2]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[Paris]]></xf:label>
									<xf:value><![CDATA[3]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[London]]></xf:label>
									<xf:value><![CDATA[4]]></xf:value>
								</xf:item>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="사용자 지정 함수로 설정한 메시지 표시하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" displayFormat="" escape="false" id=""
							label="SelectBox컴포넌트를 선택하지 않고 아래의 버튼을 클릭 시 사용자 지정 함수로 설정한 메시지가 표시됩니다." style="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex4_onclick" id="btn_ex4" localeRef=""
								style="min-width: 30px;height: 26px;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[사용자 지정 함수로 설정한 메시지 표시하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:select1 allOption="" appearance="minimal" chooseOption="true" chooseOptionLabel="Select a city." direction="auto"
							disabled="false" disabledClass="w2selectbox_disabled" displaymessage="true" id="sbx_exam4" mandatory="true" ref=""
							style="width: 148px;height: 21px;" submenuSize="auto" invalidMessageFunc="scwin.fn_msg">
							<xf:choices>
								<xf:item>
									<xf:label><![CDATA[Seoul]]></xf:label>
									<xf:value><![CDATA[1]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[New York]]></xf:label>
									<xf:value><![CDATA[2]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[Paris]]></xf:label>
									<xf:value><![CDATA[3]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[London]]></xf:label>
									<xf:value><![CDATA[4]]></xf:value>
								</xf:item>
							</xf:choices>
						</xf:select1>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head meta_screenName="[Calendar] 달력의 요일을 이미지 또는 텍스트로 표시하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220810" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {
};

]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="calendar - (기본) 요일을 이미지로 출력" style=""></w2:textbox>

					<xf:group class="example_div_td_style" id="" style="">
						<w2:calendar id="" style="min-width: 200px;min-height: 200px;"></w2:calendar>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='calendar - 요일을 문자열로 출력' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:calendar id="" style="min-width: 200px;min-height: 200px;" displayDayType="text"></w2:calendar>
					</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="20220803" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label='검색어를 "ap"로 입력하여 테스트하면 설정별 동작 비교가 가능합니다.' 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='AutoComplete - 기본(입력값과 항목의 시작값이 같은 경우)
search="start"' style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:autoComplete editType="select" style="width: 150px;min-height:24px;" submenuSize="auto">
							<w2:choices>
								<w2:item>
									<w2:label><![CDATA[]]>
									</w2:label>
									<w2:value><![CDATA[]]>
									</w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[apple]]></w2:label>
									<w2:value><![CDATA[01]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[grapes]]></w2:label>
									<w2:value><![CDATA[02]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[strawberry]]></w2:label>
									<w2:value><![CDATA[03]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[blueberry]]></w2:label>
									<w2:value><![CDATA[04]]></w2:value>
								</w2:item>
							</w2:choices>
						</w2:autoComplete>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id=""
						label='AutoComplete - 입력값이 항목에 속해 있는 경우
search="contain"' style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:autoComplete editType="select" style="width: 150px;min-height:24px;" submenuSize="auto" search="contain">
							<w2:choices>
								<w2:item>
									<w2:label><![CDATA[]]>
									</w2:label>
									<w2:value><![CDATA[]]>
									</w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[apple]]></w2:label>
									<w2:value><![CDATA[01]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[grapes]]></w2:label>
									<w2:value><![CDATA[02]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[strawberry]]></w2:label>
									<w2:value><![CDATA[03]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[blueberry]]></w2:label>
									<w2:value><![CDATA[04]]></w2:value>
								</w2:item>
							</w2:choices>
						</w2:autoComplete>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='AutoComplete - 입력값이 항목과 동일한 경우
search="none"'
						style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:autoComplete editType="select" style="width: 150px;min-height:24px;" submenuSize="auto" search="none">
							<w2:choices>
								<w2:item>
									<w2:label><![CDATA[]]>
									</w2:label>
									<w2:value><![CDATA[]]>
									</w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[apple]]></w2:label>
									<w2:value><![CDATA[01]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[grapes]]></w2:label>
									<w2:value><![CDATA[02]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[strawberry]]></w2:label>
									<w2:value><![CDATA[03]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[blueberry]]></w2:label>
									<w2:value><![CDATA[04]]></w2:value>
								</w2:item>
							</w2:choices>
						</w2:autoComplete>
					</xf:group>
				</xf:group>

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


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

};

/**
 * 버튼 [$p.isPopup() 실행] 클릭 시
 */
scwin.btn_ex1_onclick = function (e) {
    var ispopup;
    var strResult;

    ispopup = $p.isPopup(); //예상 결과 : true

    strResult = "$p.isPopup();\n";
    strResult += "예상 결과 : true\n";
    strResult += "실행 결과 : " + ispopup;

    alert(strResult);
};

/**
 * 버튼 [$p.isPopup(true) 실행] 클릭 시
 */
scwin.btn_ex2_onclick = function (e) {
    var ispopup;
    var strResult;

    ispopup = $p.isPopup(true); //예상 결과 : true

    strResult = "$p.isPopup(true);\n";
    strResult += "예상 결과 : true\n";
    strResult += "실행 결과 : " + ispopup;

    alert(strResult);
};

/**
 * 버튼 [$p.isWFramePopup() 실행] 클릭 시
 */
scwin.btn_ex3_onclick = function (e) {
    var isWFramePopup;
    var strResult;

    isWFramePopup = $p.isWFramePopup(); //예상 결과 : true

    strResult = "$p.isWFramePopup();\n";
    strResult += "예상 결과 : true\n";
    strResult += "실행 결과 : " + isWFramePopup;

    alert(strResult);
};

/**
 * 버튼 [$p.isWFramePopup(true) 실행] 클릭 시
 */
scwin.btn_ex4_onclick = function (e) {
    var isWFramePopup;
    var strResult;

    isWFramePopup = $p.isWFramePopup(true); //예상 결과 : true

    strResult = "$p.isWFramePopup(true);\n";
    strResult += "예상 결과 : true\n";
    strResult += "실행 결과 : " + isWFramePopup;

    alert(strResult);
};]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="pop_contents" id="">
			<xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="WFrame 팝업에서 API 실행" style="" tagname="h3"></w2:textbox>
			</xf:group>
			<xf:group id="" style="" class="titbox">
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style=""
					type="button">
					<xf:label><![CDATA[$p.isPopup() 실행]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" style=""
					type="button">
					<xf:label><![CDATA[$p.isPopup(true) 실행]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group class="titbox" id="" style="">
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex3_onclick" id="btn_ex3" style=""
					type="button">
					<xf:label><![CDATA[$p.isWFramePopup() 실행]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex4_onclick" id="btn_ex4" style=""
					type="button">
					<xf:label><![CDATA[$p.isWFramePopup(true) 실행]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group class="titbox" id="" style="">
				<w2:textbox class="" id="" label="WFrame 안의 소스에서 API 실행" style="" tagname="h3"></w2:textbox>
			</xf:group>
			<w2:wframe id="" style="min-height: 10px;" src="/page/P00055S02.xml" class="ws5_example_bg1 p10"></w2:wframe>
		</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="[GridView] 필터 사용 설정하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220916" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_books_1" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_books_2" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_books_3" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_books_4" 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="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {
    scwin.setDataList();
};

/**
 * DataList에 데이터 할당
 */
scwin.setDataList = function () {
    var arrData = [
        { "label": "거의 모든 전쟁의 역사", "categoryLabel": "역사/문화" },
        { "label": "공정하다는 착각", "categoryLabel": "인문" },
        { "label": "기분을 관리하면 인생이 관리된다", "categoryLabel": "시/에세이" },
        { "label": "나는 둔감하게 살기로 했다", "categoryLabel": "인문" },
        { "label": "나로서 충분히 괜찮은 사람", "categoryLabel": "시/에세이" },
        { "label": "나의 문화유산답사기", "categoryLabel": "역사/문화" },
        { "label": "내가 틀릴 수도 있습니다", "categoryLabel": "인문" },
        { "label": "너무 잘하려고 애쓰지 마라", "categoryLabel": "시/에세이" },
        { "label": "당신은 결국 무엇이든 해내는 사람", "categoryLabel": "시/에세이" },
        { "label": "마음의 법칙", "categoryLabel": "인문" },
        { "label": "마지막 몰입: 나를 넘어서는 힘", "categoryLabel": "자기계발" },
        { "label": "멘탈을 바꿔야 인생이 바뀐다", "categoryLabel": "자기계발" },
        { "label": "모든 사람에게 좋은 사람일 필요는 없어", "categoryLabel": "시/에세이" },
        { "label": "무엇이 옳은가", "categoryLabel": "인문" },
        { "label": "문명의 붕괴(Collapse)", "categoryLabel": "역사/문화" },
        { "label": "미움받을 용기", "categoryLabel": "인문" },
        { "label": "불편한 편의점", "categoryLabel": "소설" },
        { "label": "선을 넘지 않는 사람이 성공한다", "categoryLabel": "자기계발" },
        { "label": "우리는 여전히 삶을 사랑하는가", "categoryLabel": "인문" },
        { "label": "원씽(The One Thing)", "categoryLabel": "자기계발" },
        { "label": "작별인사", "categoryLabel": "소설" },
        { "label": "잘했고 잘하고 있고 잘 될 것이다", "categoryLabel": "시/에세이" },
        { "label": "저만치 혼자서", "categoryLabel": "소설" },
        { "label": "책들의 부엌", "categoryLabel": "소설" },
        { "label": "총 균 쇠", "categoryLabel": "역사/문화" }
    ];

    dlt_books_1.setJSON(arrData);
    dlt_books_2.setJSON(arrData);
    dlt_books_3.setJSON(arrData);
    dlt_books_4.setJSON(arrData);
};]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label='GridView의 필터 설정 예제입니다.<br/>각 GridView의 헤더 [분류]에 있는 필터 아이콘을 클릭하여 필터 기능을 비교합니다.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="[기본설정] 필터 설정 없음" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" rowNumVisible="true" rowNumWidth="26">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column2" inputType="text" value="분류" width="100"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="178" sortable="true"></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="100" value=""></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="팝업형 필터 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_2" defaultCellHeight="24"
							id="" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column2" inputType="text" useFilter="true" value="분류" width="100">
									</w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="178"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" value="" width="100"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="콤보 박스형 필터 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_3" defaultCellHeight="24"
							id="" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" useFilterList="true">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column2" inputType="text" value="분류" width="100" useFilter="true"
										autoFitFilterList="true">
									</w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="178"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" value="" width="100"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="콤보 박스형 필터 + 필터 검색 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_4" defaultCellHeight="24"
							id="" rowNumVisible="true" rowNumWidth="26" style="height:100px;" useFilterList="true" visibleRowNum="4" visibleRowNumFix="true"
							useFilterSearch="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 autoFitFilterList="true" displayMode="label" id="column2" inputType="text" useFilter="true" value="분류"
										width="100">
									</w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="178"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" value="" width="100"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>
	</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:dataMap baseNode="map" id="dma_dataMap1" style="">
					<w2:keyInfo>
						<w2:key dataType="text" id="input2" name="input2"></w2:key>
						<w2:key dataType="text" id="input3" name="input3"></w2:key>
						<w2:key dataType="text" id="input4" name="input4"></w2:key>
						<w2:key dataType="text" id="searchbox1" name="searchbox1"></w2:key>
						<w2:key dataType="text" id="secret1" name="secret1"></w2:key>
						<w2:key dataType="text" id="inputCalendar2" name="inputCalendar2"></w2:key>
						<w2:key dataType="text" id="spinner1" name="spinner1"></w2:key>
						<w2:key dataType="text" id="spinner2" name="spinner2" encYN="true"></w2:key>
						<w2:key dataType="text" id="spinner3" name="spinner3"></w2:key>
					</w2:keyInfo>
					<w2:data use="true">
						<input2><![CDATA[1299.678]]></input2>
						<input3><![CDATA[20200101]]></input3>
						<input4><![CDATA[1234]]></input4>
						<searchbox1><![CDATA[WebSquare]]></searchbox1>
						<secret1><![CDATA[1111]]></secret1>
						<inputCalendar2><![CDATA[20070101]]></inputCalendar2>
						<spinner1><![CDATA[20070101]]></spinner1>
						<spinner2><![CDATA[4]]></spinner2>
						<spinner3><![CDATA[1040]]></spinner3>
					</w2:data>
				</w2:dataMap>
				<w2:dataList baseNode="list" id="dlt_dataList1" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="name" name="이름"></w2:column>
						<w2:column dataType="text" id="married" name="결혼여부"></w2:column>
						<w2:column dataType="text" id="birthday" name="생년월일"></w2:column>
						<w2:column dataType="text" id="gender" name="성별"></w2:column>
						<w2:column dataType="text" id="gugun" name="gugun"></w2:column>
						<w2:column dataType="text" id="work" name="직업"></w2:column>
						<w2:column dataType="text" id="height" name="키"></w2:column>
						<w2:column dataType="text" id="weight" name="몸무게"></w2:column>
						<w2:column dataType="text" id="info" name="정보"></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:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group style="" id="" class="ws_example_grp_desc">
				<w2:textbox id=""
					label="폼을 구성하는 컴포넌트로, 텍스트 입력이 가능한 컴포넌트 예시입니다.
InputBox, SearchBox, Secret, InputCalendar, TextArea, Editor, Spinner가 해당됩니다."
					style="" escape="false">
				</w2:textbox>
				<w2:textbox escape="false" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." style="" class="ws_example_txt_desc_info">
				</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='InputBox' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group id="" style="margin-bottom: 5px;">
							<w2:textbox id="" label="기본 :" style="display: inline-block; width: 60px;" tagname="lable" for="ibx_exam1"></w2:textbox>
							<xf:input class="" dataType="text" id="ibx_exam1" placeholder="이름을 입력하세요." ref="" style=""></xf:input>

						</xf:group>
						<xf:group id="" style="margin-bottom: 5px;">
							<w2:textbox for="ibx_exam2" id="" label="숫자 형식 :" style="display: inline-block; width: 60px;" tagname="lable"></w2:textbox>
							<xf:input class="" dataType="number" displayFormat="#,###.##" id="ibx_exam2" placeholder="#,###.##" ref="" style=""></xf:input>

						</xf:group>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='SearchBox' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:searchbox class="" id="" ref="" style="width: 150px;"></w2:searchbox>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="Secret" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:secret class="" id="" ref="" style=""></xf:secret>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="InputCalendar" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" footerDiv="false" id=""
							renderDiv="true" rightAlign="false" style="width:150px;" setCurrentDate="true">
						</w2:inputCalendar>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="Spinner" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group id="" style="margin-bottom: 5px;">
							<w2:spinner buttonSize="25" class="" dataType="number" id="" min="0" readOnly="" skin=""
								style="width:134px;position:relative;">
							</w2:spinner>
						</xf:group>
						<xf:group id="" style="margin-bottom: 5px;">
							<w2:spinner buttonSize="50" class="" dataType="number" id="" increment="10" inputReadOnly="true" max="100" min="0"
								readOnly="" skin="type2" style="width:150px;position:relative;">
							</w2:spinner>
						</xf:group>
						<xf:group id="" style="margin-bottom: 5px;">
							<w2:spinner buttonSize="50" class="" dataType="date" dateIncrementType="day" displayFormat="yyyy-MM-dd" id="spi_date1"
								increment="1" inputReadOnly="true" readOnly="" skin="type2" style="width:150px;position:relative;">
							</w2:spinner>
						</xf:group>
						<xf:group id="" style="">
							<w2:spinner buttonSize="50" class="" dataType="time" dateIncrementType="minute" dateMask="HH:mm" id="spi_time1"
								increment="1" inputReadOnly="true" readOnly="" skin="type2" style="width:150px;position:relative;">
							</w2:spinner>
						</xf:group>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="Textarea" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea id="" placeholder="선물 메시지를 입력해주세요.&#13;&#10;(상품의 요청 사항은 반영되지 않습니다.)" ref=""
							style="width:100%;height: 150px;">
						</xf:textarea>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="Editor(CKEditor)" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group id="" style="margin-bottom: 5px;">
							<xf:trigger class="btn_cm event" ev:onclick="scwin.btn_editor_getHtml_onclick" id="btn_editor_getHtml" style=""
								type="button">
								<xf:label><![CDATA[[Editor ID].getHTML()]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:editor id="edt_editor1" menubar="default" style="min-height: 300px;"></w2:editor>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>