select 엘레멘트에 데이터 연결을 기능을 제공한다.
|
script | object.style.behavior="url('dataselect.htc')"; |
|---|---|---|
| object.addBehavior('dataselect.htc'); | ||
| HTML | <SELECT style="behavior:url('dataselect.htc')" id=idVal> | |
| XML | <prefix:CustomTag id=idVal style="behavior:url('dataselect.htc')" /> |
| prefix | CustomTag과 연관된 XML namespace 접두어이다. HTML 태그에서 xmlns 애트리뷰트로 설정한다. |
| CustomTag | 작성자가 정의하여 사용하는 태그이다. |
| idVal | 개체을 대표하는 유일한 인식자 문자열이다. |
window.onload 이벤트가 발생되기 전에는 스크립트로 아래 속성이나 이벤트에 접속할 수 없다. 문서가 완전히 로딩되고, onload 이벤트가 발생되면 해당 페이지의 비헤이버가 적용되고, 모든 속성, 메서드, 이벤트를 스크립트로 사용할 수 있다. 이벤트 발생전에 스트립트로 개체에 접속을 시도하면 스트립트는 그 속성이 개체에서 지원되지 않는다는 오류를 발생시킨다.
dataselect 비헤이버가 작용하게 하기 위하여 데이터 원천 개체는 즉시화(instantiate) 되어야 한다.
이 비헤이버는 IE5(win32,unix)부터 적용된다.
| attribute | property | 설명 |
|---|---|---|
| datafldtext | dataFldText | dataselect 비헤이버 옵션의 보이는 text에 사용되는 필드의 이름을 반환하거나 설정한다 |
| datafldvalue | dataFldValue | dataselect 비헤이버 옵션의 보이는 value에 사용되는 필드의 이름을 반환하거나 설정한다. |
| datasrc | dataSrc | dataselect 비헤이버의 데이터 원천을 반환하거나 설정한다. |
| value | value | dataselect 비헤이버에서 당초 선택한 옵션을 반환하거나 설정한다. |
| 이벤트 | 설명 |
|---|---|
| ondatasetcomplete | dataselect비헤이버가 select 엘레멘트의 내용을 차지하였을 때 발행한다. |
| 개체 | IE |
|---|---|
| <SELECT style="behavior:url('dataselect.htc')" id=idVal> | IE5(,win32,unix) |
select 엘레멘트에 연결된 텍스트에 dataselect 비헤이버를 적용한다.
<HTML>
<HEAD>
<TITLE>언어 참조 - Javascript - 비헤이버(behavior) - dataselect</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=euc-kr">
<LINK rel="stylesheet" type="text/css" href="../../public/jscript.css">
<STYLE>
.bound { behavior: url("../../behavior/exp/DataSelect.htc") }
</STYLE>
</HEAD>
<BODY>
<H4>데이터 연결 선택 박스</H4>
<P class=small>데이터연결(databinding)을 통하여<BR>
주어진 데이터 파일에서 선택 엘레멘트를 생성한다.</P>
<P>데이터 텍스트 파일:
<SPAN onclick="window.open('../../behavior/exp/dataselect.txt','sample','width=300,height=200');"
style="color:blue;cursor:hand;padding:3;background:dff"><FONT color=blue>dataselect.txt</FONT></SPAN><BR><BR>
<IFRAME src="dataselect.txt" width="150"></IFRAME>
</P>
<P class=small><SPAN class=htmlobj>SELECT</SPAN> 엘레멘트에
<SPAN class=htmlobj>OPTION</SPAN> 엘레멘트들을 생성한다.<BR><BR>
<SELECT name="oTest" class="bound" datasrc="#oData" value="4a" dataFldText="column2" dataFldValue="column1"></SELECT>
</P><BR><BR>
<OBJECT id="oData" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83">
<PARAM name="DataURL" value="dataselect.txt">
<PARAM name="FieldDelim" value=",">
</OBJECT><BR>
<HR width=60% color=gray>
<A href="#" onclick=self.close()>예제 닫기</A>
</BODY>
</HTML>