javascript - dojo 选择设置最大宽度

Question

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

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

编辑:这里例如 http://jsfiddle.net/5r3gR/3/当我选择“VeryVeryVeryLongLabel”时，选择 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