는 어떻게 선택 상자의 크기를 변경하는 프로젝트에서 코드를 시도 위젯 크기

Question

을 Autocompleter에 변경 :

<strong>Result Div :</strong> 
<div id="formResult" class="result ui-widget-content ui-corner-all">Submit form bellow.</div> 
<strong>Topics Div :</strong> 
<div id="topics" class="result ui-widget-content ui-corner-all"></div> 
<s:form id="form" action="echo" theme="simple" cssClass="yform"> 
    <fieldset> 
     <legend>Select Box as Autocompleter</legend> 
     <div class="type-select"> 
      <label for="echo">Echo: </label> 
      <sj:autocompleter 
        id="customers" 
        name="echo" 
        list="%{customers}" 
        listValue="name" 
        listKey="id" 
        selectBox="true" 
        selectBoxIcon="true" 
        onChangeTopics="autocompleteChange" 
        onFocusTopics="autocompleteFocus" 
        onSelectTopics="autocompleteSelect" 
        cssStyle="width:100%;" 
        /> 
     </div> 
     <div> 
      <sj:submit 
        targets="formResult" 
        value="AJAX Submit" 
        indicator="indicator" 
        button="true" 
        /> 
      <img id="indicator" src="images/indicator.gif" alt="Loading..." style="display:none"/> 
     </div> 
    </fieldset> 
</s:form> 

<br/> 

을했지만 작동하지 않습니다. 나는이 코드의 문제점이 무엇인지 모른다.

Answer 1

생성 된 HTML을 보면 실제 입력 필드에는 cssStyle도 cssClass도 <sj:autocompleter> 태그가 설정되어 있지 않습니다. 그러나 일반 CSS를 사용하여이 입력 필드의 스타일을 지정할 수 있습니다. type-select이 래퍼 요소 및 s2j-combobox-input의 클래스가

.type-select .s2j-combobox-input { 
    width: 100%; 
} 

가 <sj:autocompleter>에 대한 생성 된 입력 필드의 클래스입니다 : 당신이 그런 일을 사용할 수있는 특정 입력을 변경하는 일부 요소의 당신의 <sj:autocompleter> 내부를 넣습니다.