Transcript PowerPoint 프레젠테이션

퀘
TrustForm System
[중급 교육 자료]
컴스퀘어 주식회사
Updated : 2003년 7월 23일
www.comsquare.co.kr
Next Generation Web Platform Solution
1. 컨트롤 세부 살펴보기
Index퀘
Of
Contents
2. Event 살펴보기
3. TFSystem Script 살펴 보기
4. XPath 살펴보기
5. Template 기능 사용하기
6. Grid 를 이용한 폼 그리기
7. 실습
www.comsquare.co.kr
Next Generation Web Platform Solution
1. 컨트롤 세부 살펴보기
1.
퀘
컨트롤
세부
살펴보기
가. Input, Secret, Textarea
1)
2)
3)
4)
5)
소스 보기
Element
속성
Style
Event
나. Select (Checkbox,Radio, Listbox, Combo)
다. Button
www.comsquare.co.kr
Next Generation Web Platform Solution
가. Input, Secret, TextArea, Output
1)
1.
퀘
컨트롤
세부
살펴보기
소스 설명
<xhtml:head>
<xhtml:title>Untitle</xhtml:title>
<model>
<instance>
<my:root xmlns:my="http://www.comsquare.co.kr/example">
<my:input/>
<my:secret/>
• Instance와 Mapping된 컨
<my:textarea/>
트롤 정보
</my:root>
</instance>
<bind id="input1" ref="my:root/my:input"/>
<bind id="secret1" ref="my:root/my:secret"/>
<bind id="textarea2"/>
<bind id="output1" ref="my:root/my:input"/>
</model>
</xhtml:head>
• Instance와 Mapping되지
않은 컨트롤 정보
www.comsquare.co.kr
Next Generation Web Platform Solution
가. Input, Secret, TextArea, Output
<xhtml:body>
1.
퀘
컨트롤
세부
살펴보기
• Event 정보
<input id="input1" bind="input1" style="left:35px; top:15px; width:100px;
height:20px; vertical-align:middle;">
<setFocus idref="textarea1" ev:event="xforms-value-changed"/>
</input>
• Control Name
<secret id="secret1" bind="secret1" style="left:35px; top:55px; width:100px;
height:20px; vertical-align:middle;"/>
• Bind정보의 ID
<textarea id="textarea1" bind="textarea2" scroll="vertical" style="left:35px;
top:100px; width:200px; height:100px; vertical-align:middle;"/>
• Control ID
<output id="output1" bind="output1" style="left:35px; top:230px; width:100px;
height:20px; vertical-align:middle;"/>
</xhtml:body>
www.comsquare.co.kr
• Control의 Style
Next Generation Web Platform Solution
가. Input, Secret, TextArea, Output
2)
Element
1.
퀘
컨트롤
세부
살펴보기
Element
Name
Tag Name
Hint
<hint>
컨트롤의 간단한 설명 (ToolTip)
Alert
<alert>
컨트롤상의 오류 발생시 설명(Error Message)
Help
<help>
도움말 (“F1” Key Down)
www.comsquare.co.kr
설
명
Next Generation Web Platform Solution
가. Input, Secret, TextArea, Output
3)
속성
1.
퀘
컨트롤
세부
살펴보기
속성명
Attribute
Name
ID
id
controlName#
Ref
ref
없음 or 인스턴스와 매핑된 값
Bind
bind
controlName#
inputMode
inputMode
hangul, latin, digits, upperCase, lowerCase
Maxlength
maxlength
없음 or 숫자
hyperLink
hyperLink
true, false
visible
visible
true, false
Format
format
ex) ###,###,###
www.comsquare.co.kr
설
명
Grid
Next Generation Web Platform Solution
가. Input, Secret, TextArea, Output
3)
속성
1.
퀘
컨트롤
세부
살펴보기
속성명
Attribute
Name
EditMask
editMask
ex) ####-##-##
useCal
useCal
yes, no
relation
relation
repeat id를 가지고 동적생성
printable
printable
true, false
AccessKey
accessKey
대문자로 해야함(가능한키는?)
NavIndex
navIndex
없음 or 숫자
www.comsquare.co.kr
설
명
Grid
Next Generation Web Platform Solution
가. Input, Secret, TextArea, Output
3)
속성(Bind)
1.
퀘
컨트롤
세부
살펴보기
속성명
Attribute Name
ID
id
controlName#
Ref
ref
없음 or 인스턴스와 매핑된 값
ReadOnly
readOnly
true, false, x path
Required
required
true, false, x path
Relevant
relevant
true, false, x path
IsValid
isValid
true, false, x path
Calculate
calculate
true, false, x path
www.comsquare.co.kr
설
명
Next Generation Web Platform Solution
가. Input, Secret, TextArea, Output
5)
Style
1.
퀘
컨트롤
세부
살펴보기
구분
위치
글꼴/
배경
테두
리
Tag Name
형태
내용
Left
left:10px;
자동 값 설정
Top
top:10px;
자동 값 설정
Width
width:100px;
자동 값 설정
Height
height:20px;
자동 값 설정
Font
font-family:바탕;
굴림, 보통, 10, #000000
Align
text-align:center;
left, center, right, justify
Valign
vertical-align:middle;
top, middle, bottom
BgColor
backgroundcolor:#ffffff;
transparent
BorderColor
border-color:#ffccff;
#000000
Style
border-style:solid;
none, solid, dotted, dash
Width
border-width:1px;
0, 1, 2, 3, 4, 5
www.comsquare.co.kr
Next Generation Web Platform Solution
가. Input, Secret, TextArea, Output
5)
Style
1.
퀘
컨트롤
세부
살펴보기
구
분
안쪽
여백
Tag Name
형태
내용
All
padding:5px;
0
Left
padding-left:1px;
0
Top
padding-top:2px;"
0
Right
padding-right:3px;
0
Bottom
padding-bottom:4px;
0
FocusColor
focus-color:#fffffe;
DisableBgColor
disable-bgcolor:#ff00ff;
기타
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Select 계열(Check, Radio, Listbox, Combo)
1)
1.
퀘
컨트롤
세부
살펴보기
소스 설명
<xhtml:body>
<select id="checkbox1" bind="checkbox1" selectUI="checkbox" multiple="yes"
displayStyle="horizontal" cellspacing="0" style="left:105px; top:35px;
width:100px; height:22px; vertical-align:middle;">
<choices>
<item>
<caption>
<![CDATA[checkbox1]]>
</caption>
<value>value1</value>
</item>
<item>
<caption>
<![CDATA[checkbox2]]>
</caption>
<value>vlaue2</value>
</item>
</choices>
</select>
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Select 계열(Check, Radio, Listbox, Combo)
1.
퀘
컨트롤
세부
살펴보기
<select id="radio1" bind="radio1" selectUI="radio" multiple="no“
displayStyle="horizontal" cellspacing="0" style="left:105px; top:80px;
width:100px; height:22px; vertical-align:middle;">
<choices>
<item>
<caption>
<![CDATA[radio1]]>
</caption>
<value>value1</value>
</item>
<item>
<caption>
<![CDATA[radio2]]>
</caption>
<value>value2</value>
</item>
</choices>
</select>
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Select 계열(Check, Radio, Listbox, Combo)
1.
<select id="listbox1" bind="listbox1" selectUI="listbox" multiple="yes“
style="left:85px; top:135px; width:200px; height:100px;">
퀘
컨트롤
세부
살펴보기
<choices>
<item>
<caption>
<![CDATA[Item]]>
</caption>
<value>listvalue</value>
<setValue ref="/my:root/my:check" ev:event="xformsselect">
<![CDATA[value1]]>
</setValue>
<refresh ev:event="xforms-select"/>
</item>
</choices>
</select>
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Select 계열(Check, Radio, Listbox, Combo)
1.
<select id="combo1" bind="combo1" selectUI="combo" multiple="no“
fixedHeight="0" style="left:90px; top:275px; width:100px; height:100px;">
퀘
컨트롤
세부
살펴보기
<choices>
<item>
<caption>
<![CDATA[item]]>
</caption>
<value>combovalue</value>
<setValue ref="/my:root/my:radio" ev:event="xformsselect">
<![CDATA[value1]]>
</setValue>
<refresh ev:event="xforms-select"/>
</item>
</choices>
</select>
</xhtml:body>
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Select 계열(Check, Radio, Listbox, Combo)
2)
Element
1.
퀘
컨트롤
세부
살펴보기
Element
Name
Tag Name
Choice
<choice>
Item
<Item>
ItemSet
<itemset>
www.comsquare.co.kr
설
명
Next Generation Web Platform Solution
나. Select 계열(Check, Radio, Listbox, Combo)
3)
속성
1.
퀘
컨트롤
세부
살펴보기
속성명
Attribute Name
SelectUI
selectUI
checkbox or radio
Listbox or combo
Multiple
multiple
Yes or No
Cell Spacing
Display Style
www.comsquare.co.kr
cellspacing
displayStyle
설
명
Cell 사이의 간격
Vertical or Horizontal
비고
Only
checkbox
or radio
Only
checkbox
or radio
Next Generation Web Platform Solution
다. Button
1)
1.
퀘
컨트롤
세부
살펴보기
소스 설명
<xhtml:body>
<button id="button1" selected="false" style="left:50px; top:40px; width:100px;
height:20px;">
<caption>
<![CDATA[button1]]>
</caption>
<script type="vbscript" ev:event="xforms-activate">
<![CDATA[ msgbox "Clicked"]]>
</script>
</button>
</xhtml:body>
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Button
2)
Element
1.
퀘
컨트롤
세부
살펴보기
Element
Name
Tag Name
Caption
<cpation>
www.comsquare.co.kr
설
명
컨트롤의 간단한 설명 (ToolTip)
Next Generation Web Platform Solution
다. Button
3)
속성
1.
퀘
컨트롤
세부
살펴보기
속성명
Attribute
Name
Group
group
Group Name
Selected
selected
True or False
Image
img
이미지 경로
DownImage
downImg
이미지 경로
HoverImage
hoverImg
이미지 경로
DisableImage
disableImg
이미지 경로
www.comsquare.co.kr
설
명
비고
Next Generation Web Platform Solution
가. Event
퀘
Event
살펴보기
2.
Evnet
내용 ( 발생 시점 )
적용
xforms-modelconstruct
모델, processor가 모두 초기화 되고 나는 시
점, 즉 document가 load되는 시점
model
xformsprevious
Input, secret, textarea,
Shift+Tap키에 의해 포커스 이전으로 이동 시
button, select controls
Input, secret, textarea,
xforms-next
xforms-focus
(DOMFocusIn)
Tab키에 의해 포커스 다음으로 이동 시
button, select controls
Input, secret, textarea,
포커스 받았을때 (DOMFocusIn과 동일)
button, select controls
Input, secret, textarea,
xforms-help
포커스가 있고 F1이 눌려졌을때
button, select controls
Input, secret, textarea,
xforms-hint
www.comsquare.co.kr
마우스 오버 되었을때
button
Next Generation Web Platform Solution
가. Event
퀘
Event
살펴보기
2.
Evnet
내용 ( 발생 시점 )
적용
xforms-refresh
refresh 될때
model
xforms-revaliate
revalidate 될때
model
xforms-recalculate
recalculate 될때
model
model
xforms-reset
reset 될때
(resetInstance 액션에 해당)
xforms-submit
submit을 보내려고 할때
submitInfo
xforms-activate
기본 액션..
button
xforms-value-changed
값이 바뀌었을때
Input, secret, textarea,
xforms-select
select 되었을때
select controls
xforms-deselect
deselect 되었을때
select controls
www.comsquare.co.kr
Next Generation Web Platform Solution
가. Event
퀘
2. Event
살펴보기
Evnet
내용 ( 발생 시점 )
xforms-valid
스키마정보 또는 타입이 일치했을때
xforms-invalid
스키마정보 또는 타입이 일치하지 않았을때
DOMFocusIn
(xforms-focus)
포커스 받았을때(xforms-focus와동일)
적용
Input, secret, textarea,
Input, secret, textarea,
select
Input, secret, textarea,
DOMFocusOut
포커스를 잃었을때
xforms-readonly
리벨리데이션 후 현재 상태가 readOnly일때
xforms-readwrite
현재 상태가 readwrite 일때
xforms-required
현재 상태가 required 일때
xforms-optional
현재 상태가 optional
www.comsquare.co.kr
button
Input, secret, textarea,
Input, secret, textarea,
Input, secret, textarea,
Input, secret, textarea,
Next Generation Web Platform Solution
가. Event
퀘
2. Event
살펴보기
Evnet
내용 ( 발생 시점 )
적용
xforms-enabled
현재 상태가 enabled
Input, secret, textarea,
select
xforms-disabled
현재 상태가 disabled
Input, secret, textarea,
select
submitInfo
xforms-submintdone
서밋을 보내고 올바른 값을 받았을때
xforms-submiterror
서밋을 보내지 못하거나 올바른 값을 받
지 못했을때
model
model
xforms-link-error
링크될 파일이 없거나 파일이름이 잘못
되어 파일 또는 URL 정보를 찾지 못할때
(xlink:href 의 경우)
www.comsquare.co.kr
Next Generation Web Platform Solution
가. TFSystem Script 살펴보기
3.
가. Scrip 리스트 및 설명
퀘
TFSystem
Script
살펴보기
나. 스크립트를 이용한 간단한 실습
www.comsquare.co.kr
1) 컨트롤 CSS 변경하기
2) Grid Row 추가 삭제
Next Generation Web Platform Solution
가. Script 리스트 및 설명
3.
실제 함수
vbscript에 적용
(model.)
Ref
가
능
설명
LPDISPATCH m_instance;
set ins = model.instance
-
instance 얻기
void setValue(LPCTSTR strID, const
VARIANT FAR& varValue);
setValue strID, strValue
○
setValue
void refresh();
refresh
-
refresh
void recalculate();
recalculate
-
recalculate
void revalidate();
revalidate
-
revalidate
void setFocus(LPCTSTR strID);
setFocus strID
X
setFocus
void resetInstance();
resetInstance
-
resetInstance
BOOL submitInstance(LPCTSTR strID);
bool = submitInstance
(strID)
X
submit 보내기
void toggle(LPCTSTR strID);
toggle strID
X
toggle 시키기
X
xfm form load
strID : bind ID 임
strRef : bind에 해당하는 인스턴
스의 xpath
strHref : 직접 URL을 호출 한다.
strShow : replace만 가능, 실제
의미 없음
퀘
TFSystem
Script
살펴보기
void loadURI(LPCTSTR strControlName,
LPCTSTR strID, LPCTSTR strRef,
LPCTSTR strHref, LPCTSTR strShow);
www.comsquare.co.kr
loadURI strControlName,
strID, strRef, strHref,
strShow
Next Generation Web Platform Solution
비
고
가. Script 리스트 및 설명
3.
실제 함수
퀘
TFSystem
Script
살펴보기
vbscript에 적용
(model.)
Ref
가
능
설명
void appletCall(LPCTSTR strRef);
appletCall strRef
-
XForms 스크립트에서 브라우저
의 스크립트에게 AppletCall 이
벤트를 발생 시킴
strRef - appletCall 한 결과가 저
장될 ref
void setPattern(LPCTSTR strID, LPCTSTR
strPattern);
setPattern strID, strPattern
○
동적으로 패턴 설정
void message2(LPCTSTR strType,
LPCTSTR strHref, long nLeft, long nTop,
long nWidth, long nHeight);
message2 strType, strHref,
nLeft, nTop, nWidth,
nHeight
-
팝업 띄우기
void dialog(LPCTSTR strType, LPCTSTR
strHref, long nLeft, long nTop, long
nWidth, long nHeight);
dialog strType, strHref,
nLeft, nTop, nWidth,
nHeight
-
팝업 띄우기(messsage2와 동일)
void enable(LPCTSTR strID, BOOL bTrue);
enable strID, bTrue
X
enable
void showDlg(BOOL bTrue);
showDlg bTrue
-
showDlg
void closeBrowser();
closeBrowser
-
closeBrowser
void refreshControl(LPCTSTR strID);
refreshControl strCtrlName
-
refreshControl
void recalculateControl(LPCTSTR strID);
recalculateControl
strCtrlName
-
recalculateControl
www.comsquare.co.kr
Next Generation Web Platform Solution
비
고
가. Script 리스트 및 설명
3.
퀘
TFSystem
Script
살펴보기
실제 함수
vbscript에 적용
(model.)
Ref
가
능
설명
void gridRebuild(LPCTSTR strRepeat);
gridRebuild strID
X
그리드 변화된 값 설정
void gridSetCursor(LPCTSTR strID,
LPCTSTR strCursor);
gridSetCursor strID,
strCursor
○
그리드 커서 셋팅
void gridInsert(LPCTSTR strID, LPCTSTR
strAt, LPCTSTR strPos);
gridInsert strID, strAt,
strPos
○
그리드 row 삽입
void gridDelete(LPCTSTR strID, LPCTSTR
strAt);
gridDelete strID, strAt
○
그리드 row 삭제
void setSize(LPCTSTR strID, long cx, long
cy);
setSize strID, cx, cy
X
CTRL 사이즈 조절
BSTR GetAttribute(LPCTSTR strName);
dim rt = GetAttribute
strName
-
뷰어내 변수 얻기
void SetAttribute(LPCTSTR strName,
LPCTSTR strValue);
SetAttribute strName,
strValue
-
뷰어내 변수 설정
void IEScriptCall(LPCTSTR strName,
LPCTSTR strFuncName, LPCTSTR
strCmd);
void IEScriptCall strName,
strFuncName, strCmd
-
이벤트 발생하여 IE상의 script를
부름. 호출되는 순간 바로 수행
된다?
void print();
print
-
프린트 보내기
BSTR GetGroupBtnStatus(LPCTSTR
strName);
dim rt =
GetGroupBtnStatus(strNa
me)
-
탭버튼 상태 얻기
rt = 1/0
www.comsquare.co.kr
Next Generation Web Platform Solution
비
고
가. Script 리스트 및 설명
3.
퀘
TFSystem
Script
살펴보기
실제 함수
vbscript에 적용
(model.)
Ref
가
능
설명
void SetGrpBtnStatus(LPCTSTR
strCtrlName, short bStatus);
SetGrpBtnStatus
strCtrlName, bStatus
X
탭버튼 상태 토글
void SetGroupBtnStatus(LPCTSTR
strCtrlName, short bStatus);
SetGroupBtnStatus
strCtrlName, bStatus
X
탭버튼 상태 토글
(SetGrpBtnStatus와 동일)
void ClearAttributeAll();
ClearAttributeAll
-
뷰어내의 Attribute 변수 값 초기
화
-
setValue와 같다? CDATA로 감
싸서 setValue
void setValueCDATA(LPCTSTR strID,
const VARIANT FAR& varValue);
void IEScriptCall2(LPCTSTR strName,
LPCTSTR strFuncName, LPCTSTR
strCmd);
IEScriptCall2 strName,
strFuncName, strCmd
-
이벤트 발생하여 IE상의 script를
부름. 스크립트 중간에서 호출되
도 모든 스크립트가 다끝나고 동
작함.
( afterAction임 - loadURI,
submit 같은 경우는 자기 자신에
게 반향되는 경우는 afterAction
이라하여 스크립트가 끝난뒤 수
행된다. )
void show(LPCTSTR strID, BOOL bTrue);
show strID, bTrue
X
컨트롤들 보이고 안 보이고
void resetInstanceNode(LPCTSTR
strName);
resetInstanceNode
strNodeName
○
지정된 노드 이하를 초기화 한다.
www.comsquare.co.kr
Next Generation Web Platform Solution
비
고
가. Script 리스트 및 설명
3.
퀘
TFSystem
Script
살펴보기
실제 함수
vbscript에 적용
(model.)
Ref
가
능
설명
void alert(const VARIANT FAR& value);
alert strData
-
alert 띄우기 javascript 호환을
위해 작성
LPDISPATCH GetVsGrid(LPCTSTR gridID);
vsGrid strGridID
-
fg 얻기
-
Set 하면 grid 포인터가 날아간다.
help에는 쓰지 않도록. 소스 지우
면 안됨.
void SetVsGrid(LPCTSTR gridID,
LPDISPATCH newValue);
LPDISPATCH GetControl(LPCTSTR strID);
set cid = control(strID)
X
control 얻기
void SetControl(LPCTSTR strID,
LPDISPATCH newValue);
-
X
사용안함.
LPDISPATCH GetBind(LPCTSTR strID);
set bid = bind(strID)
X
bind 얻기
void SetBind(LPCTSTR strID,
LPDISPATCH newValue);
-
X
사용안함.
BOOL encXML(LPCTSTR src, LPCTSTR
des);
bool = encXML( strSrc,
strDes )
-
xml 파일 암호화?
-
로컬 파일을 지정하면 그 경로가
2byte 문자와 함께 반환됨.
encXML 과 함께 쓰임
CComVariant insertFileName();
www.comsquare.co.kr
str = insertFileName()
Next Generation Web Platform Solution
비
고
가. Script 리스트 및 설명
3.
퀘
TFSystem
Script
살펴보기
실제 함수
vbscript에 적용
(model.)
Ref
가
능
설명
CComVariant getValue(LPCTSTR strID);
dim value = getValue strID
○
인스턴스 값 얻기
-
getValue와 같다? CDATA로 감
싸서 getValue
CComVariant getValueCDATA(LPCTSTR
strID);
void gridRelation(LPCTSTR strCtrlName);
gridRelation strCtrlName
-
프린트 시 다음 컨트롤 위치..
"" 이면 현재 자신의 컨트롤이다.
void printDirect();
printDirect
-
프린트 다이얼로그 안띄우고 직
접 프린트
void reload(LPCTSTR strCtrlName);
reload strCtrlName
-
F5 는 IE 전체 리로드이고 본 것
은 해당 컨트롤만 reload 하는 것
임. 오른쪽 마우스에도 있음
BOOL setSystemTime(LPCTSTR strYear,
LPCTSTR strMonth, LPCTSTR strDay,
LPCTSTR strHour, LPCTSTR strMinute,
LPCTSTR strSecond);
bool = setSystemTime
strYear, strMonth, strDay,
strHour, strMinute,
strSecond
-
시스템 날짜 설정
날짜 설정이 안되면 false 리턴
빈 값이 있으면 안됨
void visible(LPCTSTR strID, BOOL bTrue);
visible strID, bTrue
X
컨트롤들 보이고 안 보이고
void setWindowText(LPCTSTR strID,
const VARIANT FAR& varValue);
setWindowText strID,
strValue
X
캡션 설정(버튼만)
www.comsquare.co.kr
Next Generation Web Platform Solution
비
고
가. Script 리스트 및 설명
3.
퀘
TFSystem
Script
살펴보기
실제 함수
vbscript에 적용
(model.)
Ref
가
능
설명
CComVariant getWindowText(LPCTSTR
strID);
dim value =
getWindowText(strID)
X
캡션 얻기(버튼만)
LPDISPATCH getObject(LPCTSTR szID);
set object =
getObject(strID)
X
ocx object 얻기
CComVariant getDate(LPCTSTR strID);
dim date = getDate(strID)
X
달력 날짜얻기 ex) 20030429
CComVariant getWeek(LPCTSTR strID);
dim week = getWeek(strID)
X
달력 한주얻기 ex)
2003042720030503
void setMarkedDate(LPCTSTR strID,
BOOL bBold, BOOL bRect, BOOL
bToday);
setMaredDate strID, bBold,
bRect, bToday
X
달력 선택 되는 날짜 표시 하기
default는 모두 true
void setDateColor(LPCTSTR strID,
LPCTSTR strDate, LPCTSTR strColor,
LPCTSTR strType);
setDateColor strID,
strDate, strColor, strType
X
달력 날짜 색상 변경(글꼴색,배
경색)
strDate는 ^ 구분자로 여러 날짜
의 색상 변경도 가능함 ex)
12^13^14^17
void setDate(LPCTSTR strID, LPCTSTR
strDate);
setDate strID, strDate
X
달력 날짜 선택
void showDateMoveBtn(LPCTSTR strID,
BOOL bTrue);
showDateMoveBtn strID,
bool
X
달력 << < > >> 버튼 표시 여부
www.comsquare.co.kr
Next Generation Web Platform Solution
비
고
가. Script 리스트 및 설명
3.
실제 함수
퀘
TFSystem
Script
살펴보기
vbscript에 적용
(model.)
CComVariant getDayOfWeek(LPCTSTR
strID);
Ref
가
능
설명
○
달력의 요일 얻어오기
void refreshImage(LPCTSTR strID);
refreshImage strID
○
img tag의 ref에 연결된 이미지
소스 URL 을 다시 로딩한고 리플
레쉬 한다.
void setImage(LPCTSTR strID, LPCTSTR
strPath);
setImage strID, strPath
○
strID - 컨트롤 ID or Ref
strPath - 인스턴스 경로
CComVariant encode(LPCTSTR strValue,
LPCTSTR strKey);
encode strValue, strKey
-
Base64Enc
CComVariant decode(LPCTSTR strValue,
LPCTSTR strKey);
decode strValue, strKey
-
Base64Dec
LPDISPATCH GetSubmitInfo(LPCTSTR
strID);
set bid = bind(strID)
X
submitInfo 얻기
X
사용안함.
void SetSubmitInfo(LPCTSTR strID,
LPDISPATCH newValue);
LPDISPATCH m_window;
set win = model.window
-
html window 얻기
LPDISPATCH m_document;
set doc =
model.docudment
-
html document 얻기
LPDISPATCH m_xfm;
set xfm = model.xfm
-
xfm 문서 얻기
www.comsquare.co.kr
Next Generation Web Platform Solution
비
고
가. Script 리스트 및 설명
3.
퀘
TFSystem
Script
살펴보기
실제 함수
vbscript에 적용
(model.)
Ref
가
능
설명
void showMenu(BOOL bTrue);
showMenu bTrue
-
오른쪽 팝업메뉴 보이기 숨기기
○
데이터가 작은 경우 calculation
을 위해 refrehs를 강제로 해줘
야함
- 실제 운영에서의 grid 계산은
직접 그리드 포인터를 얻어서 혹
은 getValue를 통해서 해야 속도
가 빠를것임...
void gridRefresh(LPCTSTR strID);
www.comsquare.co.kr
gridRefresh "grid1"
Next Generation Web Platform Solution
비
고
나. Script을 이용한 간단한 실습
• AcessKey “F7”을 이용 클릭
3.
퀘
TFSystem
Script
살펴보기
• Script을 이용한 값 넣기
• Action을 이용한 값 넣기
Ex-2-1
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Script을 이용한 간단한 실습
3.
퀘
TFSystem
Script
살펴보기
Ex-2-2
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Script을 이용한 간단한 실습
3.
퀘
TFSystem
Script
살펴보기
Ex-2-3
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Script을 이용한 간단한 실습
3.
퀘
TFSystem
Script
살펴보기
Ex-2-4
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Script을 이용한 간단한 실습
3.
퀘
TFSystem
Script
살펴보기
Ex-2-5
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Script을 이용한 간단한 실습
3.
퀘
TFSystem
Script
살펴보기
Ex-2-6
www.comsquare.co.kr
Next Generation Web Platform Solution
가. XPath
퀘
XPath
살펴보기
4.
살펴보기
가. Xpath
1) Basic XPath Functions
2) MS Extension Functions
3) XForms Extension Functions
나. Xpath을 이용한 실습
1) 수식 계산
www.comsquare.co.kr
Next Generation Web Platform Solution
가. XPath
1)
퀘
XPath
살펴보기
4.
Basic XPath Functions
분류
함수명
count()
설명
number
count(node-set)
repeat의 한 노드(컬럼)의 개수를 구하는 함수
예)nodeset이 repeat인 리피트의 row 개수를 count한다.
count(my:root/my:repeat)
id()
node-set
id(object)
id 함수는 단일 ID 로 구성요소를 선택한다. 인자(object)가 nodeset 일때, id 를 인자 node-set 의 각각의 문자열 값에 적용한 결과
의 조합이다.
인자(object)가 다른 타입일때 string 함수가 호출된것처럼 문자열
로 변환된다.
last()
number last()
문맥의 값을 구하는 수식으로부터 문맥의 사이즈(context size)를
구한다.
Node
-Set
localname()
string localname(node-set?)
www.comsquare.co.kr
local-name 함수는 인자 node-set 에서 첫번째 node 의
expanded-name 에서 local part 부분을 반환한다. (어떤형태의
node 는 expanded-name를 갖고 있는데 이것은 local part 와
namespace URI 로 구성되어 있다.
Local part는 문자열이고 namespace URI 는 null 이거나 혹은 문자
열이다.)
Next Generation Web Platform Solution
비
고
가. XPath
퀘
XPath
살펴보기
4.
분류
함수명
name()
Node
-Set
설명
string
name(node-set?)
name 함수는 node-set 의 node 의 expanded name 을 상징하는
Qname(qualified name) 을 포함하는 문자열을 반환한다.
string
namespace-uri 함수는 인자 node-set 에서 node 의 expanded
name 의 namespace-uri 를 반환한다. 인자 node-set 이 비어있
다면 첫번째 node 는 expanded name 이 없고 expanded name
의 namespace-uri 는 null 이다.
namesp
aceuri()
namespaceuri(node-set?)
position
()
number position()
www.comsquare.co.kr
position 함수는 문맥의 값을 구하는 수식으로부터 문맥의 위치
(context position)를 구한다. Context position 은 context size 보
다 작거나 같다.
Next Generation Web Platform Solution
비
고
가. XPath
분류
퀘
XPath
살펴보기
4.
함수명
설명
concat()
string concat(string,
string, string*)
인자의 연결을 반환한다.
contains()
boolean
contains(str1, str2)
첫번째 인자가 두번째 인자를 포함하면 true 그렇지 않으면
false 를 반환한다.
normalizespace()
string normalizespace(string)
normalize-space 함수는 인자 string 의 앞,뒤에 있는 여백
을 떼어내거나 여백문자의 연속을 single space 로 대체시
키므로써 정규화된 여백과 string 을 반환한다.
startswith()
boolean startswith(string, string)
첫번째 인자 string 이 두번째 인자 string 에 우선하면 true
그렇지 않으면 false 를 반환한다.
String
string()
www.comsquare.co.kr
string string(object?)
인자 object 를 정의된 string 으로 반환한다. 인자 nodeset 은 node-set 에서 첫번째 node 의 single value 를 반환
하는 string 으로 변환된다. 숫자는( NaN ->문자열 NaN, +0
-> 문자열 0 , -0 -> 문자열 0 , + 무한대 -> 문자열 무한대,
- 무한대 -> 문자열 무한대 , boolean true -> 문자열 true ,
boolean false -> 문자열 false )
Next Generation Web Platform Solution
비
고
가. XPath
분류
퀘
XPath
살펴보기
4.
String
함수명
설명
stringlength()
number stringlength(string)
인자 string 에서 문자의 수를 반환한다.
substring()
string substring(string,
number, number?)
인자 string 에서 첫번째 number 에서 시작해서 두번째
number 수만큼의 문자를 반환한다.
substringafter()
string substringafter(string, string)
첫번째인자 string 에서 처음 나오는 두번째 인자 string
을 찾아 그후의 문자열을 반환한다.
substringbefore()
string substringbefore(string, string)
첫번째인자 string 에서 처음 나오는 두번째 인자 string
을 찾아 그이전의 문자열을 반환한다.
translate()
string translate(string,
string, string)
두번째인자 string 와 세번째인자 string 에서 부합되는 위
치에 있는 문자들중 첫번째인자 string 에 존재하면 그 문
자(세번째인자 string 에 존재하는것으로)로 바꾼다.
www.comsquare.co.kr
Next Generation Web Platform Solution
비
고
가. XPath
퀘
XPath
살펴보기
분류
함수명
설명
4.
Boolean
boolean()
boolean
boolean(value)
boolean 함수는 정의된 boolean 으로 반환한다.
false()
boolean false()
false 함수는 false 값을 반환한다.
lang()
boolean
lang(string)
lang 함수는 xml의 lang 속성에 의해 설계된 node 가 인자
string 과 같거나 혹은 하위 기호인지 아닌지에 따라 true 혹은
false 를 반환한다.
boolean
not 함수는 인자가 true 이면 false 를 반환하고, 인자가 false
이면 true 를 반환한다.
not()
not(boolean)
true()
boolean true()
www.comsquare.co.kr
true 함수는 true 를 반환한다.
Next Generation Web Platform Solution
비
고
가. XPath
분류
퀘
XPath
살펴보기
4.
함수명
설명
ceiling()
number
ceiling(number)
ceiling 함수는 integer형 인 인자값보다 작지않은 최소값을
반환한다.
floor()
number
floor(number)
floor 함수는 integer형 인 인자값보다 크지않은 최대값을 반
환한다.
number
number(object?)
number 함수는 인자 object를 정의된 number 로 변환된다.
([boolean true -> 1], [boolean false -> 0], [임의의
minus 기호, NUMBER, whitespace 가 따라오는 임의의
whitespace 로 구성된 string 는 IEEE 754 round-tonearest rule 에따르면 string 을 상징하는 수학적 값에 가장
가까운 IEEE 754 number 로 변환된다.], [node-set 인자는
마치 string 함수가 호출된것처럼 string 으로 변환되고 string
인자도 같은 방법으로 변환된다.] [이 4가지 외 다른 type의
인자 object 는 그 type 에 종속적인 숫자로 변환된다.]
number()
Number
round()
sum()
www.comsquare.co.kr
number
round(number)
number
sum(node-set)
round 함수는 인자 nubmer 에 가장 가까운 값을 반환한다.
그값이 두개일경우 + 무한대에 가까운 수를 반환한다.
sum 함수는 repeat 의 한 노드(컬럼)의 전체 합을 구하는 함
수
sum(my:root/my:repeat1/my:output1)
리피트에 속한 output1 컬럼 전체의 합을 구함
Next Generation Web Platform Solution
비
고
가. XPath
2)
퀘
XPath
살펴보기
4.
MS Extension Functions
분류
함수명
설명
ms:type-is()
boolean ms:type-is(string URI, string local-name)
ms:type-local-name()
string ms:type-local-name([node-set])
ms:type-namespace-uri()
string ms:type-namespace-uri([node-set])
ms:xsd-info-available() or
ms:schema-info-available()
boolean ms:xsd-info-available()
XSD
Support
www.comsquare.co.kr
Next Generation Web Platform Solution
비
고
가. XPath
분류
퀘
XPath
살펴보기
4.
Miscellaneo
us Utilities
함수명
설명
ms:string-compare()
number ms:string-compare(string x, string y,
ms:utc()
string ms:utc(string)
ms:namespace-uri()
string ms:namespace-uri(string)
ms:local-name()
string ms:local-name(string)
ms:number()
number ms:number(string)
ms:format-date()
string ms:format-date(string datetime,
ms:format-time()
string ms:format-time(string datetime,
www.comsquare.co.kr
[,string language [,string options]])
string format [,locale])
string format [,locale])
Next Generation Web Platform Solution
비
고
가. XPath
3)
퀘
XPath
살펴보기
4.
XForms Extension Functions
분류
Instance
Data
함수명
설명
비고
getInstance
Document()
getInstanceDocument method 는 xforms model 과 관련된
Instance data 와 대응하는 DOM Document 를 반환한다.
instance()
rebuild()
<rebuild>- 특정한 xforms model 에서 계산관련된 내부 자료
구조를 다시 만들도록 요청하는 response 에서의 처리
<rebuild>
recalculate()
<recalculate> - 특정한 xforms model 과 관련된 모든 계산을
재계산(검토) 하도록 요청하는 response 에서의 처리
<recalculate>
revalidate()
<revalidate> - 특정한 xforms model 을 갱신하도록 요청하
는 response 에서의 처리
<revalidate>
refresh()
<refresh> - 특정한 xforms model 과 관련된 모든 control 을
최신의 것으로 하도록 요청하는 response 에서의 처리
<refresh>
www.comsquare.co.kr
Next Generation Web Platform Solution
가. XPath
퀘
XPath
살펴보기
분류
함수명
설명
비고
booleanfrom-string()
boolean boolean-fromstring(string)
boolean-from-string 함수는 인자 string
이 "true" 혹은 "1" 이면 true 를, 인자
string 이 "false" 혹은 "0" 이면 false 를 반
환한다.
boolean
if()
string if(boolean, string,
string)
if 함수는 첫번째 인자 boolean 을 체크하
여 true 이면 두번째 인자 string 을, false
이면 세번째 인자 string 를 반환한다.
if
4.
Boolean
www.comsquare.co.kr
Next Generation Web Platform Solution
가. XPath
분류
퀘
XPath
살펴보기
4.
함수명
설명
비고
avg()
number avg(node-set)
avg 함수는 인자 node-set string value
를 수로 변환한 결과의 산술평균을 반환
한다.
avg
number min(node-set)
min 함수는 인자 node-set string value
를 수로 변환한 결과의 최소값을 반환한
다. Minum 연산자는 < 로 결정되고 인자
node-set 이 빈 node-set 이면 NaN 이
반환된다.
min
number max(node-set)
max 함수는 인자 node-set string value
를 수로 변환한 결과의 최대값을 반환한
다. Maximum 연산자는 < 로 결정되고
인자 node-set 이 빈 node-set 이면
NaN 이 반환된다.
max
number count-nonempty(node-set)
if node-set > 0 then count else
ignore.
count() 함수?
if node-set > 0
then count else
ignore.
count() 함수?
number index(string)
cursor()로 구현?
ex)xforms:cursor('repeat1')
cusror()로 구현?
ex)xforms:cursor
('repeat1')
min()
max()
Number
countnonempty()
index()
www.comsquare.co.kr
Next Generation Web Platform Solution
가. XPath
퀘
XPath
살펴보기
4.
분류
함수명
String
property()
Date
and
Time
설명
비고
string
property(string)
version; XForms 1.0 ex)
property('version')
version; XForms 1.0 ex)
property('version')
now()
string now()
xsd:dateTime
ex) 2003-01-22T15
xsd:dateTime
ex) 2003-01-22T15
days-fromdate()
number daysfromdate(string)
days-from-date("2002-01-01")
returns 11688
days-from-date("1969-12-31")
returns -1
days-from-date("200201-01") returns 11688
days-from-date("196912-31") returns -1
secondsfromdateTime()
number
seconds-fromdateTime(strin
g)
dateTime과 1970-0101T00:00:00Z 차이 값을 second로
return한다.
dateTime과 1970-0101T00:00:00Z 차이 값을
second로 return한다.
www.comsquare.co.kr
Next Generation Web Platform Solution
가. XPath
분류
퀘
XPath
살펴보기
함수명
설명
비고
seconds()
seconds("P1Y2M") returns 0
seconds("P3DT10H30M1.5S")
returns 297001.5
seconds("3") returns NaN
seconds("P1Y2M")
returns 0
seconds("P3DT10H30M
1.5S") returns 297001.5
seconds("3") returns
NaN
number
months(string)
months("P1Y2M") returns 14
months("-P19M") returns -19
months("P1Y2M")
returns 14
months("-P19M")
returns -19
node-set
instance(string)
string에 해당하는 Instance를 얻어
온다.
ex)
<xforms:instance xmlns=""
id="orderform">
…
</xforms:instance>
ref="instance('orderform')/shipTo/
firstName"
string에 해당하는
Instance를 얻어온다.
ex)
<xforms:instance
xmlns=""
id="orderform">
…
</xforms:instance>
ref="instance('orderfor
m')/shipTo/firstName"
4.
number
seconds(string)
Date
and
Time
months(string)
Node
-set
instance()
www.comsquare.co.kr
Next Generation Web Platform Solution
나. XPath을 이용한 실습
- 아래와 같은 폼을 제작하시오
• Xpath을 이용하여 표시될수있게 한다.
퀘
XPath
살펴보기
4.
• Xpath을 이용하여 연산시킨다.
Ex-2-7
• 오른쪽은 합계 아래는 평균
www.comsquare.co.kr
Next Generation Web Platform Solution
가. Template 저장하기
- Template 이란 ? 폼의 일부분을 파일로 저장 하고 그 내용을 반복적으로
퀘
5. Template
기능 사용
하기
이용하여 폼작성을 원활히 하는 기능이다.
• template로 저장 할 폼을
선택한다.
• 오른쪽 버튼을 클릭하여 템플
릿 저장을 선택한다.
• 저장할 파일의 이름을 선택
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Template 사용하기
퀘
5. Template
기능 사용
하기
• template로 저장 한후 항
상 Refresh를 해준다.
• 방금 저장한 template을
Drag & Drop 한다.
• 저장한 내용이 보여진다.
www.comsquare.co.kr
Next Generation Web Platform Solution
6. Grid를 이용한 폼 그리기
6.
퀘
Grid를
이용한 폼 그
리기
가. 그리드 사용방법
나. Script를 이용한 Grid 사용하기
다. Grid 관련 Script보기
라. Grid 관련 Sample로 사용법 익히기
www.comsquare.co.kr
Next Generation Web Platform Solution
가. Grid 사용방법 (소스 보기)
6.
퀘
Grid를
이용한 폼 그
리기
<repeat id="grid1" type="grid" caption="Caption1^Caption2^Caption3"
colWidth="100,100,100" gridWidth="430" gridHeight="110"
rowHeight="20" dataHeight="20" gridLines="2" gridLinesFixed="2"
fixedColor="#000000" fixedBkColor="#d4d0c8" gridColor="#000000"
gridColorFixed="#000000" multiSelection="true" gridTooltip="false"
left="75" top="100" style="left:75px; top:100px; width:430px;
height:110px;">
<input id="input1" bind="input1" colnum="0" style="left:75px;
top:120px; width:100px; height:20px; vertical-align:middle;"/>
<output id="output1" bind="output1" colnum="1" style="left:175px;
top:120px; width:100px; height:20px; vertical-align:middle;"/>
<select id="combo1" bind="combo1" selectUI="combo" multiple="no“
colnum="2" fixedHeight="0" style="left:275px; top:120px; width:100px;
height:20px;">
<choices/>
</select>
•Caption을 여러 모양으로 할수 있다.
- 두줄 사용시 : Caption1^Caption2^Caption3 |^
</repeat>
Caption4^Caption5^Caption6
- 병합시 : Caption1^Caption1^Caption3
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Script를 이용한 Grid 사용하기
6.
퀘
Grid를
이용한 폼 그
리기
•현재의 Grid의 Row수를 보여준다.
• Insert ,Delete Button으로 Grid의 Row을 추가 삭제한다.
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Script를 이용한 Grid 사용하기 (소스보기)
<script ev:event="insertKey">
6.
퀘
Grid를
이용한 폼 그
리기
<![CDATA[
model.gridInsert "my:root/my:repeat", "xforms:cursor('repeat')", "after"
"my:root/my:repeat[xforms:cursor('repeat')]/my:output1", "aa"
model.gridRebuild "repeat"
model.recalculate
model.refresh
repCnt = model.getValue("my:root/my:repCnt")
model.setFocus "repeat"
set fg = model.vsGrid ("repeat")
fg.select repCnt, 0
fg.EditCell
]]>
model.setValue
</script>
<script ev:event="deleteKey">
<![CDATA[
model.gridDelete "my:root/my:repeat", "xforms:cursor('repeat')"
model.gridRebuild "repeat"
]]>
</script>
</repeat>
<caption id="caption1" style="left:51px; top:17px; width:100px; height:20px; vertical-align:middle;">
row Count
</caption>
www.comsquare.co.kr
Next Generation Web Platform Solution
나. Script를 이용한 Grid 사용하기 (소스보기)
6.
퀘
Grid를
이용한 폼 그
리기
<output id="output2" bind="output2" style="left:151px; top:16px; width:100px; height:20px; verticalalign:middle;"/>
<button id="button1" selected="false" style="left:49px; top:275px; width:100px; height:20px;">
<caption>insert</caption>
<script ev:event="xforms-activate">
<![CDATA[
model.gridInsert "my:root/my:repeat", "xforms:cursor('repeat')", "after"
model.setValue "my:root/my:repeat[xforms:cursor('repeat')]/my:output1", "aa"
model.gridRebuild "repeat"
model.recalculate
model.refresh
repCnt = model.getValue("my:root/my:repCnt")
model.setFocus "repeat"
set fg = model.vsGrid ("repeat")
fg.select repCnt, 0
fg.EditCell
]]>
</script>
</button>
<button id="button2" selected="false" style="left:155px; top:275px; width:100px; height:20px;">
<caption>delete</caption>
<script ev:event="xforms-activate">
<![CDATA[
model.gridDelete "my:root/my:repeat", "xforms:cursor('repeat')"
model.gridRebuild "repeat"
]]>
</script>
</button>
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Grid 관련 Sample로 사용법 익히기
6.
퀘
Grid를
이용한 폼 그
리기
Ex-2-8
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Grid 관련 Sample로 사용법 익히기
6.
퀘
Grid를
이용한 폼 그
리기
Ex-2-9
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Grid 관련 Sample로 사용법 익히기
6.
퀘
Grid를
이용한 폼 그
리기
Ex-2-10
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Grid 관련 Sample로 사용법 익히기
6.
퀘
Grid를
이용한 폼 그
리기
Ex-2-11
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Grid 관련 Sample로 사용법 익히기
6.
퀘
Grid를
이용한 폼 그
리기
Ex-2-12
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Grid 관련 Sample로 사용법 익히기
6.
퀘
Grid를
이용한 폼 그
리기
Ex-2-13
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Grid 관련 Sample로 사용법 익히기
6.
퀘
Grid를
이용한 폼 그
리기
Ex-2-14
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Grid 관련 Sample로 사용법 익히기
6.
퀘
Grid를
이용한 폼 그
리기
Ex-2-15
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Grid 관련 Sample로 사용법 익히기
6.
퀘
Grid를
이용한 폼 그
리기
Ex-2-16
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Grid 관련 Sample로 사용법 익히기
6.
퀘
Grid를
이용한 폼 그
리기
Ex-2-17
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Grid 관련 Sample로 사용법 익히기
6.
퀘
Grid를
이용한 폼 그
리기
Ex-2-18
www.comsquare.co.kr
Next Generation Web Platform Solution
다. Grid 관련 Sample로 사용법 익히기
6.
퀘
Grid를
이용한 폼 그
리기
Ex-2-19
www.comsquare.co.kr
Next Generation Web Platform Solution
가. TFTimer.ocx 사용하기
7.
퀘
실습
Ex-2-20
www.comsquare.co.kr
Next Generation Web Platform Solution
가. TFTimer.ocx 사용하기
7.
퀘
실습
Ex-2-21
www.comsquare.co.kr
Next Generation Web Platform Solution
- 타이머 사용하기
7.
퀘
실습
Ex-2-22
www.comsquare.co.kr
Next Generation Web Platform Solution
가. Calender 사용하기
- Calendar의 날짜를 얻어 오고 날짜의 색을 변경 하기
7.
퀘
실습
Ex-2-23
www.comsquare.co.kr
Next Generation Web Platform Solution
가. HTML 소스 이용하기
• Viewer 1
<BODY>
퀘
8. HTML응
용
(다중 Viewer)
<OBJECT id="TFViewer" classid="CLSID:506B0FD4-B7B2-4F4C-BE3FB61855AB7CAF“ codebase =
" http://trustform.comsquare.co.kr/download/tfviewer.cab#version=1,0,0,7"
width="780" height="200">
<PARAM name="ControlName" value="TFViewer1"/>
<PARAM name="src" value="TFViewer1.xfm"/>
</OBJECT>
• Viewer 2
<br>
<OBJECT id="TFViewer" classid="CLSID:506B0FD4-B7B2-4F4C-BE3FB61855AB7CAF“ codebase =
"http://trustform.comsquare.co.kr/download/tfviewer.cab#version=1,0,0,7"
width="780" height="400">
<PARAM name="ControlName" value="TFViewer2"/>
<PARAM name="src" value="TFViewer2.xfm"/>
</OBJECT>
</BODY>
www.comsquare.co.kr
Next Generation Web Platform Solution
나. 다중 Viewer 실습
퀘
8. HTML응
용
(다중 Viewer)
• 값 셑팅
• Grid를 더블 클릭하면 Viewer 1
에 값이 셑팅
Ex-2-24
www.comsquare.co.kr
Next Generation Web Platform Solution
정리 및 복습
퀘
정리 및
복습
1. 각 컨트롤 별 속성 및 Element
2. Event 란?
3. TFSystem 의 Script
4. XPath 란?
5. Grid 사용방법
6. 다중뷰
www.comsquare.co.kr
Next Generation Web Platform Solution
퀘
9.
Q&A
Q&A
www.comsquare.co.kr
Next Generation Web Platform Solution
퀘
Thanks You
www.comsquare.co.kr
Next Generation Web Platform Solution