Dojo: dijit.form.select не запускает событие «onClick» при первом щелчке

Question

Я прошел через документы Dojo, а также API и попытался Google, но не могу найти решение моей проблемы, я надеюсь, что кто-нибудь здесь может помочь мне.

Я пытаюсь создать программу dijit.form.select программно (используя Dojo 1.4) и подключиться к «onClick» -эвенту виджета. Вот часть моего кода:

var dataSelect = new dijit.form.Select({ 
     id : "myselect", 
     name : "myselect", 
     labelAttr: "label", 
     labelType: "html" 
     }, 
     "selectid"); 
     dataSelect.addOption({value: "value", label: "first item label"}); 

     dojo.connect(dataSelect, "onClick", function() { 
     alert("clicked!"); 
     }); 

Что он делает: Избранная ящик создается с заменой ввода-поле с идентификатором «selectid», вариант «первый элемент ярлык» создается. Все в порядке, пока здесь. Затем я подключаюсь к «onClick» -эвенту выбора, который должен загружать больше параметров через AJAX (но в этом примере будет отображаться предупреждение для целей тестирования).

Проблема: когда я нажимаю на маленькую стрелку рядом с выпадающим меню, событие запускается (ОК). Но когда я нажимаю на сам поле выбора (область, содержащая эту опцию), событие НЕ запускается при первом щелчке мыши (если только я не нажал на стрелку раньше). Когда я нажимаю кнопку выбора во второй раз (и каждый раз после этого), событие срабатывает!

Я попытался использовать «onFocus» вместо «onClick», который работает, но затем раскрывающийся список не открывается при первом нажатии, даже если я использую функцию openDropDown (которая работает при подключении к "по щелчку"!).

Это я, я столкнулся с ошибкой Dojo или это странная функция, которую я просто не понимаю? Любая помощь приветствуется.

Привет, Select0r

Answer 1

Select (который расширяет _HasDropDown) имеет причудливый код для обработки:

1. мышь вниз по избранному виджету
2. мышь перейти к одному из вариантов
3. mouse up

Возможно, это отмена события click.

Возможно, вы можете перейти в _loadChildren() вместо этого.

Answer 2

Попытки подключиться не к самому виджету но это дом узел:

dojo.connect(dataSelect.domNode, "onclick", function() { 
     alert("clicked!"); 
     }); 

Answer 3

Вот кросс браузер решение:

var sizeSelect = new dijit.form.Select({ 
    id: "sizeSelect", 
    name: "state", 

    options: size, 
    onChange: function(val) { 
      dojo.style(dojo.byId("textInput"), {"fontSize":val}); 
    } 
}, "sizeSelect"); 

Answer 4

Основной причиной этой проблемы является то, что метод _onDropDownMouseDown из dijit._HasDropDown будет манипулировать узел DOM, которые вызывают e.target из OnMouseDown и OnMouseUp изменения для первой инициализации.

Как известно, событие onclick будет срабатывать только тогда, когда цель onmousedown и onmouseup будет одинаковой целью.

В этом случае событие onclick не запускается.

Кажется, что в Dojo 1.5 проблема остается.