dojo select установить максимальную ширину

У меня проблема с шириной моего выбора додзё. Варианты виджета select заполняются вызовом ajax. Некоторые метки очень длинные, и ширина виджета выбора увеличивается вместе с размером метки. Есть ли способ установить максимальную ширину виджета выбора? Чтобы ширина не превышала 180 пикселей? PS: Я реализую виджет программно, например

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

Изменить: здесь, например, http://jsfiddle.net/5r3gR/3/, когда я выбираю " VeryVeryVeryLongLabel "ширина выбранного dijit изменяется, но она должна оставаться такой же.


javascript dojo dijit.form
person user3808286    schedule 08.07.2014    source источник
comment
Можете ли вы добавить любую тему, которую вы используете, к своей скрипке?   -  person James Sampica    schedule 09.07.2014

Ответы (1)


arrow_upward
2
arrow_downward

Я использовал тему кларо с добавленным правилом ...

.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

person James Sampica    schedule 08.07.2014
comment
Хороший ответ. Я бы добавил вызов startup() - обязательную часть жизненного цикла dijit. Обновленный JSFiddle: jsfiddle.net/uTtd6/1 - person Nick Maynard; 09.07.2014
comment
О, спасибо, работает :). Есть ли способ программно добавить стиль к dijit.select.label? У меня есть несколько избранных виджетов, и все они имеют определенную ширину. - person user3808286; 09.07.2014
comment
@NickMaynard Готово. Спасибо - person James Sampica; 09.07.2014
comment
Отредактировано, чтобы выделенные области имели разную ширину - person James Sampica; 09.07.2014