struts2-jquery-plugin - 如何更改自动完成小部件的大小

Question

我尝试了项目中的代码来更改选择框的大小：

<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为实际输入字段。但是您可以使用纯 CSS 来设置此输入字段的样式。将您的某些元素放在内部以仅更改特定输入，然后您可以使用类似的东西：cssClass<sj:autocompleter><sj:autocompleter>

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

wheretype-select是包装器元素s2j-combobox-input的类，是生成的输入字段的类<sj:autocompleter>。