1 / 83

TrustForm System [ 중급 교육 자료 ]

TrustForm System [ 중급 교육 자료 ]. 컴스퀘어 주식회사. Updated : 2003 년 7 월 23 일. 1. 컨트롤 세부 살펴보기 2. Event 살펴보기 3. TFSystem Script 살펴 보기 4. XPath 살펴보기 5. Template 기능 사용하기 6. Grid 를 이용한 폼 그리기 7. 실습. Index Of Contents. 1. 컨트롤 세부 살펴보기. 1. 컨트롤 세부 살펴보기.

jessica-welch
Download Presentation

TrustForm System [ 중급 교육 자료 ]

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. TrustForm System [중급 교육 자료] 컴스퀘어 주식회사 Updated : 2003년 7월 23일

  2. 1. 컨트롤 세부 살펴보기 • 2. Event 살펴보기 • 3. TFSystem Script 살펴 보기 • 4. XPath 살펴보기 • 5. Template 기능 사용하기 • 6. Grid 를 이용한 폼 그리기 • 7. 실습 Index Of Contents

  3. 1. 컨트롤 세부 살펴보기 1. 컨트롤 세부 살펴보기 • 가. Input, Secret, Textarea • 1) 소스 보기 • 2) Element • 3) 속성 • 4) Style • 5) Event • 나. Select (Checkbox,Radio, Listbox, Combo) • 다. Button

  4. 1. 컨트롤 세부 살펴보기 가. Input, Secret, TextArea, Output • 소스 설명 <xhtml:head> <xhtml:title>Untitle</xhtml:title> <model> <instance> <my:root xmlns:my="http://www.comsquare.co.kr/example"> <my:input/> <my:secret/> <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된 컨트롤 정보 • Instance와 Mapping되지 않은 컨트롤 정보

  5. 1. 컨트롤 세부 살펴보기 가. Input, Secret, TextArea, Output <xhtml:body> <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> <secret id="secret1" bind="secret1" style="left:35px; top:55px; width:100px; height:20px; vertical-align:middle;"/> <textarea id="textarea1" bind="textarea2" scroll="vertical" style="left:35px; top:100px; width:200px; height:100px; vertical-align:middle;"/> <output id="output1" bind="output1" style="left:35px; top:230px; width:100px; height:20px; vertical-align:middle;"/> </xhtml:body> • Event 정보 • Control Name • Bind정보의 ID • Control ID • Control의 Style

  6. 1. 컨트롤 세부 살펴보기 가. Input, Secret, TextArea, Output • Element

  7. 1. 컨트롤 세부 살펴보기 가. Input, Secret, TextArea, Output • 속성

  8. 1. 컨트롤 세부 살펴보기 가. Input, Secret, TextArea, Output • 속성

  9. 1. 컨트롤 세부 살펴보기 가. Input, Secret, TextArea, Output • 속성(Bind)

  10. 1. 컨트롤 세부 살펴보기 가. Input, Secret, TextArea, Output • Style

  11. 1. 컨트롤 세부 살펴보기 가. Input, Secret, TextArea, Output • Style

  12. 1. 컨트롤 세부 살펴보기 나. Select 계열(Check, Radio, Listbox, Combo) • 소스 설명 <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>

  13. 1. 컨트롤 세부 살펴보기 나. Select 계열(Check, Radio, Listbox, Combo) <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>

  14. 1. 컨트롤 세부 살펴보기 나. Select 계열(Check, Radio, Listbox, Combo) <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="xforms-select"> <![CDATA[value1]]> </setValue> <refresh ev:event="xforms-select"/> </item> </choices> </select>

  15. 1. 컨트롤 세부 살펴보기 나. Select 계열(Check, Radio, Listbox, Combo) <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="xforms-select"> <![CDATA[value1]]> </setValue> <refresh ev:event="xforms-select"/> </item> </choices> </select> </xhtml:body>

  16. 1. 컨트롤 세부 살펴보기 나. Select 계열(Check, Radio, Listbox, Combo) • Element

  17. 1. 컨트롤 세부 살펴보기 나. Select 계열(Check, Radio, Listbox, Combo) • 속성

  18. 1. 컨트롤 세부 살펴보기 다. Button • 소스 설명 <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>

  19. 1. 컨트롤 세부 살펴보기 다. Button • Element

  20. 1. 컨트롤 세부 살펴보기 다. Button • 속성

  21. 2. Event 살펴보기 가. Event

  22. 2. Event 살펴보기 가. Event

  23. 2. Event 살펴보기 가. Event

  24. 2. Event 살펴보기 가. Event

  25. 3. TFSystem Script살펴보기 가. TFSystem Script 살펴보기 • 가. Scrip 리스트 및 설명 • 나. 스크립트를 이용한 간단한 실습 • 1) 컨트롤 CSS 변경하기 • 2) Grid Row 추가 삭제

  26. 3. TFSystem Script살펴보기 가. Script 리스트 및 설명

  27. 3. TFSystem Script살펴보기 가. Script 리스트 및 설명

  28. 3. TFSystem Script살펴보기 가. Script 리스트 및 설명

  29. 3. TFSystem Script살펴보기 가. Script 리스트 및 설명

  30. 3. TFSystem Script살펴보기 가. Script 리스트 및 설명

  31. 3. TFSystem Script살펴보기 가. Script 리스트 및 설명

  32. 3. TFSystem Script살펴보기 가. Script 리스트 및 설명

  33. 3. TFSystem Script살펴보기 가. Script 리스트 및 설명

  34. 3. TFSystem Script살펴보기 가. Script 리스트 및 설명

  35. 3. TFSystem Script살펴보기 나. Script을 이용한 간단한 실습 • AcessKey “F7”을 이용 클릭 • Script을 이용한 값 넣기 • Action을 이용한 값 넣기 Ex-2-1

  36. 3. TFSystem Script살펴보기 나. Script을 이용한 간단한 실습 Ex-2-2

  37. 3. TFSystem Script살펴보기 나. Script을 이용한 간단한 실습 Ex-2-3

  38. 3. TFSystem Script살펴보기 나. Script을 이용한 간단한 실습 Ex-2-4

  39. 3. TFSystem Script살펴보기 나. Script을 이용한 간단한 실습 Ex-2-5

  40. 3. TFSystem Script살펴보기 나. Script을 이용한 간단한 실습 Ex-2-6

  41. 4. XPath살펴보기 가. XPath살펴보기 • 가. Xpath • 1) Basic XPath Functions • 2) MS Extension Functions • 3) XForms Extension Functions • 나. Xpath을 이용한 실습 • 1) 수식 계산

  42. 4. XPath살펴보기 가. XPath • Basic XPath Functions

  43. 4. XPath살펴보기 가. XPath

  44. 4. XPath살펴보기 가. XPath

  45. 4. XPath살펴보기 가. XPath

  46. 4. XPath살펴보기 가. XPath

  47. 4. XPath살펴보기 가. XPath

  48. 4. XPath살펴보기 가. XPath • MS Extension Functions

  49. 4. XPath살펴보기 가. XPath

  50. 4. XPath살펴보기 가. XPath • XForms Extension Functions

More Related