dojo comobox彈出式菜單寬度太大

Question

我正在製作一個帶組合框的dojo小部件。但由於某些原因，組合框的下拉總是在我身體元素的100％處。

這裏是我的HTML：

<div style="width: 30%;"> 
    <div data-dojo-type="dojo/store/Memory" 
data-dojo-id="stateStore" 
data-dojo-props="data: [{id: 'y', name: 'yes'}, {id: 'n', name: 'no'}]"> 
    </div> 
    <input data-dojo-type="dijit/form/ComboBox" 
data-dojo-props="hasDownArrow:false, store:stateStore, searchAttr:'name'" 
name="state" /> 
</div> 

Answer 1

您可以強制下拉的寬度，通過使用叫做forceWidth屬性是相同的寬度文本框本身。要更改組合框的形式，您應該嘗試使用style屬性。

它的信息可以在API Documentation找到。

對於你的榜樣，我會用：

<input data-dojo-type="dijit/form/ComboBox" data-dojo-props="hasDownArrow:false, store:stateStore, searchAttr:'name', forceWidth: true, style: { width: '100%' }" name="state" /> 

而且我的jsfiddle用來測試它：http://jsfiddle.net/g00glen00b/smF2C/