Как добавить/заменить некоторые картины на ▼ знак dijit.form.ComboBox или dijit.form.FilteringSelectНастройка ComboBox додзё
и картинка может переключаться при движение мыши в и выйти ,
И как изменить bg-цвет всплывающего окна ComboBox.
(мне нужно скопировать, как оригинал с этого сайта. Но этот сайт использовать пользовательский виджет, то я не знаю, как получить источник.)
Если кто-нибудь знает, как настроить, как, пожалуйста, научите меня. Благодарю.
Изменение внешнего вида виджетов Dojo осуществляется с использованием тем. http://dojotoolkit.org/reference-guide/1.7/dijit/themes.html
Вы можете увидеть темы, которые поставляются по умолчанию в http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html (Примечание: Эта страница на основе ночной сборки, так soemtimes он сломан)
Тема применяются с использованием CSS.
Я бы создал вашу собственную таблицу стилей CSS. Добавьте название темы в узел тела.
<body class="tundra myTheme">
Конкретная CSS вы ищете
.myTheme .dijitComboBox .dijitDownArrowButton {} /* The grey box */
.myTheme .dijitComboBox .dijitDownArrowButton .dijitArrowButtonInner { /* The arrow */
background: url(images/spriteArrows.png) no-repeat scroll 0 center;
}
/* Hover */
.myTheme .dijitComboBox .dijitDownArrowButtonHover {} /* The grey box */
.myTheme .dijitComboBox .dijitDownArrowButtonHover .dijitArrowButtonInner {} /* The arrow */
/* Active (mouse down) */
.myTheme .dijitComboBox .dijitDownArrowButtonActive {} /* The grey box */
.myTheme .dijitComboBox .dijitDownArrowButtonActive .dijitArrowButtonInner {} /* The arrow */
Использование инструментов разработчика с вашим браузером поможет определить классы CSS, которые вы ищете, чтобы переопределить.
я, глядя на код, внимательно, то я нашел, что это не использует dijit.form.ComboBox или dijit.form.FilteringSelect.
Он используется при обычном HTML <div><input><a>
Здесь http://jsfiddle.net/fQZFr/
Я закончил.
Спасибо @Craig Swing, но я забыл спросить, как переключить изображение, когда мышь перемещается и выходим. – OammieR
_And +1 к вашим новым знаниям. – OammieR
Я обновил css, чтобы показать наведение и активные стили для ComboBox. Элементы управления Dojo используют одну и ту же технику с зависанием и активностью. Существуют и другие «состояния», и вы видите больше в базовом mixin - dijit._CssStateMixin. –