Combobox в ExtJS. Установка автоматической ширины выпадающего списка

При работе с интерфейсной частью (на frontend`е), часто бывает, что функциональный элемент, такой как combobox, например, не должен стилистически зависеть от данных, с которыми он работает. Но при этом пользователя нельзя ограничивать в usability.

При работе на frontend`е с фреймворком ExtJS (v4.2.2) возникла необходимость разделить определение ширины самого комбобокса (которая может быть как фиксированной, так и зависеть от соседних элементов в рамках одного блока) от ширины выпадающего списка, который появляется при нажатии на combobox. Ширина должна всегда иметь максимальное значение по содержимому, т.е. зависеть от самого длинного значения в store combobox`а. Казалось бы ничего сложного в этой задаче нету: гугл + офф. документация (а лучше наоборот) должны решить этот вопрос. Но в случае с ExtJS не все так просто :)


Читать дальше

Обязательный выбор select при помощи атрибута required в HTML5

Многие вебмастера уже давно используют HTML5 в вёрстке своих сайтов. Не секрет, что HTML5 открывает нам некоторые удобства, при проверке ввода данных формы.

Одним из удобств является атрибут required. При его использовании форма не будет отправлена, если элемент с атрибутом required не заполнен.

select при помощи атрибута required в HTML5
С элементами input всё просто, но как быть с select. А очень просто, нужно указать первому (не результативному элементу) значение — «пусто».

Чтоб было проще понять, перейдём к примеру:
<select name="client[pay]" required="">
     <option value="">Выберите вариант оплаты</option>
     <option value="1">Оплата при получении</option>
     <option value="2">Оплата картой VISA / MASTERCARD</option>
</select>
В данном случае, по умолчанию будет выбран выриант
<option value="">Выберите вариант оплаты</option>
с пустым значением value="", а значит и валидатор HTML5 сработает правильно.