본문 바로가기

『IT/개발』/HTML

[jQuery EasyUI] 콤보박스(Combobox) 의 height 자동 조절.

jQuery EasyUI 콤보박스(Combobox)


<select id="combo" class="easyui-combobox" data-options="" name="">

        <option value="one">하나</option>

        <option value="two">둘</option>

</select>



위와 같이 할 경우 정상적으로 콤보박스가 생성이 될것입니다.

하지만 선택할 수 있는 내용은 두개 뿐인데 콤보박스의 세로  크기가 왜이리 큰지...

default 값이 있는지 상당히 큰 것을 확인 할 수 있을 겁니다.


Documentation 을 찾아 봐도 height 의 속성을 주는 값은 안보이더라구요.

그래서 구글링 해본 결과 해답은 있었습니다.


<select id="combo" class="easyui-combobox" data-options="panelHeight: 'auto'" name="">

        <option value="one">하나</option>

        <option value="two">둘</option>

</select>



data-options="panelHeight: 'auto'" 값을 추가 하면 세로 크기가 자동으로 조절이 됩니다.