XForms Tutorial > I-6.2.8. The select1 Element

xforms:select1 Element
 
이 폼 컨트롤은 HTML의 <select>와 유사한 유저인터페이스를 제공한다. HTML <select> 컨트롤이 리스트 아이템을 선택하는 방식에 있어서 하나의 컨트롤을 통해 Single 및 Multiple 선택을 지원한다면 XForms는 Single과 Multiple를 분리하여 컨트롤을 제공한다. select1 element는 single 선택을 지원하는 XForms 컨트롤이다.
Common Attributes : Common, UI Common, Single Node Binding
Special Attributes : incremental, selection
  • selection
  • Optional attribute로서 디폴트 값은 “closed” 이다.
  • 이 어트리뷰트는 HTML <select> 컨트롤의 Drop-Down List 형식으로 입력이 불가능한 기능을 개선할 수 있다. 즉, selection 값이 true인 경우 콤보 박스에서 입력 가능한 인터페이스를 제공한다.
  • Data Binding Restrictions
  • Binds to xsd: any derived simpleContent
  • instace node data type과 표현
  • instance node의 데이터 타입에 따라 표현하는 방법은 select element와 동일하지만 single 선택을 위한 인터페이스 방법으로 제공되어야 한다는 점이 다르다.
appearance="full" appearance="compact" appearance="minimal"
Sample. list datatypes의 예 
…(생략)...
<xforms:model>
 <xforms:instance>
  <root>
   <listitems>
    <depts> 
     <id>DEV</id>
     <desc>제품개발팀</desc> 
    </depts>
    <depts> 
     <id>SI</id>
     <desc>시스템통합 사업팀</desc> 
    </depts>
   </listitems>
       
   <selectitems />
  </root>
 </xforms:instance> 

 <xforms:bind id="bind_depts" nodeset="listitems/depts" />
</xforms:model>

</head>

<body>
 
 <xforms:select1 ref="selectitems" selection="open" >
  <xforms:itemset bind="bind_depts">
   <xforms:label ref="desc" />
   <xforms:value ref="id" />
  </xforms:itemset>   
 </xforms:select1>
 
 <br />
 <xforms:input ref="selectitems" >
  <xforms:label> 선택한 아이템의 코드는 : </xforms:label>
 </xforms:input>
</body>
…(생략)...
  • 출력하고자 하는 인스턴스의 바인딩과 선택했을 때 그 값을 저장하고자 인스턴스 바인딩을 분리해야 한다.
  • select element를 통해 바인딩하는 대상은 선택한 값을 저장하고자 하는 인스턴스를 지정해야 한다.
  • itemset 그리고 label,value element를 통해 바인딩하는 대상은 출력하고자 하는 인스턴스를 지정해야 한다.
  • selection attribute를 통해 입력 가능한 콤보 박스를 설정할 수 있다.

라벨:

댓글 없음:

댓글 쓰기

피드 구독하기: 댓글 (Atom)