道场选择设置最大宽度

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;
}

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

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