Websquare combobox setValue가 아닌 index로 설정하기 - setSelectedIndex() : Programming Story

Websquare combobox에서 default 값을 설정할 때

comboboxId.setValue() 로는 설정이 불가능한 상황이 있다.

예를 들어 dataset을 사용하는데 2번째 행과 3번째 행이 모두 "Z"라는 value를 가지고 있을 경우이다.

만약 내가 3번째 행을 default로 선택해서 보여주고 싶은데 2번째 행과 3번째 행이 모두 Z라는 value를 가지고 있다면

comboboxId.setValue("Z") 라고 하면 2번째 행이 디폴트로 보여진다.

이럴 때는 setSelectedIndex를 사용하면 되는데

setSelectedIndex( idx )

idx에 해당하는 index로 항목을 선택하는 기능으로 chooseOption, allOption 속성이 정의 된 경우 해당 item도 index에 포함된다.
Parameternametyperequireddescription
idxNumberY항목의 index.
Sample
//아래와 같이 chooseOption이 적용 된 selectbox가 정의 된 경우. 
<xf:select1 id="selectbox1" chooseOption="true" style="position: relative;width: 148px;height: 21px;"disabledClass=" w2selectbox_disabled" appearance="minimal" > 
    <xf:choices> 
        <xf:item> 
            <xf:label><![CDATA[남성]]></xf:label> 
            <xf:value><![CDATA[M]]></xf:value> 
        </xf:item> 
        <xf:item> 
            <xf:label><![CDATA[여성]]></xf:label> 
            <xf:value><![CDATA[F]]></xf:value> 
        </xf:item> 
    </xf:choices> 
</xf:select1> 
 
selectbox1.setSelectedIndex(1); //chooseOption속성이 true임으로 "남성" 항목이 선택된다.

Parameter
name	type	required	description
idx	Number	Y	항목의 index.

웹스퀘어 홈페이지에 나와있는 것처럼 index로 항목을 선택하는 기능이다.

comboboxId.setSelectedIndex() 이런식으로 하면 되고 index는 0부터 시작하기 때문에 3번째 항목을 디폴트로 보여주고 싶으면

comboboxId.setSelectedIndex(2) 라고 써주면 된다.