Как мне установить ширину dijit.form.Select?

Question

У меня есть программно сгенерированный dijit.form.Select.В отличие от большинства других виджетов, селекторы не предлагают метод изменения размера, такой как

dijit.resize({w: width, h: height});

Я не нашел стандартизированного способа установки ширины выбора.Это очень плохо, потому что автоматическое изменение размеров заставляет диалоги «взрываться» при длинных значениях выбора.

Есть ли стандартный способ изменить размер пропущенного выбора?Или у меня беспорядок с разметкой выбора трудного пути?

Спасибо!

Answer 1

Этого можно достичь с помощью CSS, установив ширину внутренней метки следующим образом:

.tundra .dijitSelect .dijitButtonText {
    text-align: left;
}

.tundra .dijitSelectLabel {
    width: 120px;
    overflow: hidden;
}

Answer 2

Предоставить стиль конструктору:

var mySelect = new Select({
      id: 'mystatus',
      name: 'mystatus',
      style: {width: '150px'},
      required : false, 
      store: os,
      searchAttr: 'label',
  }, "mystatus");

Answer 3

Почему бы вам просто не сделать это, установив стиль виджета?

http://jsfiddle.net/QEjYD/1/

К сожалению, из-за того, как виджет написан, этот не работает, если вы подключаете ширину в классе CSS или устанавливаете стиль ширины после , виджет был создан.

Answer 4

Я бы использовал

dojo.marginBox(selectWidget.domNode, {w: width, h:height})

Answer 5

попробуйте

.dijitSelect .dijitButtonNode {
  width: 16px !important;
}

dom-style.set(dojo.query('.dijitSelect')[0], 'width', with);