Question

我的道场选择宽度有问题。 select小部件的选项由ajax调用填充。一些标签非常长，并且选择小部件的宽度随着标签的大而增长。有没有办法设置选择小部件的最大宽度？这样宽度不会超过180px？ PS：我通过编程方式实现小部件，如

new Select({
    name: "select2"
}).placeAt(win.body())

编辑：这里例如http://jsfiddle.net/5r3gR/3/当我选择“VeryVeryVeryLongLabel”时，select dijit的宽度会发生变化，但它应该保持宽度。

Answer 1

我使用claro主题添加了......

的规则

.dijitSelectLabel {
    text-align:left;
    overflow: hidden;
    width:100px;
}

这使得文本框的宽度静态为100px。下拉选项仍会扩展到您选项的最大宽度

JSFiddle

要设置不同宽度的不同选项，请进行以下更改

<强>的CSS

.bigSelect .dijitSelectLabel {
    text-align:left;
    overflow: hidden;
    width:200px;
}

.smallSelect .dijitSelectLabel {
    text-align:left;
    overflow: hidden;
    width:100px;
}

<强>代码

var big = new Select({
    store: os,
    class: "bigSelect"
}, "target");

var small = new Select({
    store: os,
    class: "smallSelect"
}, "target");

JSFiddle

dojo选择设置最大宽度

1 个答案: