В AlloyUI (или YUI3, я полагаю), как я могу вызвать событие изменения при проверке переключателя с помощью setAttribute?

Question

Изменение значения radioButton с использованием setAttribute ('checked', true) изменяет значение переключателя, но не запускает событие изменения.

Это не похоже на YUI или AlloyUI (см., Например, Detecting a change in radio button/checkbox state).

Чтобы обойти эту проблему, я хотел бы программно запустить событие изменения, когда я установил значение моей переключателя.

Как это сделать в пользовательском интерфейсе сплава (я использую Liferay 6.1 GA2)?

Благодаря Alain

Некоторые особенности:

HTML-:

<aui:input type="radio" label="${viewMenuItem.label}" value="${viewMenuItem.value}" 
    id="${messageWallDisplay.newMessageOptionName}${viewMenuItem.value}" 
    name="${messageWallDisplay.newMessageOptionName}" data="${viewMenuItem.dataMap}" 
    checked="${viewMenuItem.value == messageWallDisplay.newMessageOptionDefaultValue}"/> 

событие установки делегации (я также попытался обратного вызова событий на радиокнопок):

messageTypeRadioGroup.delegate('change', function (event){ 
    var option = event.currentTarget; 
    if (option.get("checked")==true){ 
     showHideUserSelection(option); 
    } 
    }, 'input[type=radio]'); 

Атрибут setAttribute, который не вызвать событие изменения:

MWC.newMessageDefaultOption.setAttribute('checked',true); 

Answer 1

Этот ответ здесь выглядит как то, что вы пытаетесь достичь: Javascript: simulate a click on a link

Если MWC.newMessageDefaultOption ваш узел радио, вы можете просто сделать что-то вроде этого:

MWC.newMessageDefaultOption.simulate('change'); 

Как отмечено в комментарии Simulate для тестирования. Для лучшей практики:

var doThingsOnChangeFunc = function(arg1, arg2) { 
    // do things! 
} 

myNode.on(
    'change', 
    function(event) { 
     var arg1 = event.currentTarget; 
     var arg2 = "something"; 

     doThingsOnChange(arg1, arg2); 
    } 
); 

Тогда позже, когда вы программно изменить свой радио кнопка \ Флажок

myNode.setAttribute('checked', true); 

doThingsOnChange(arg1, arg2); 

Answer 2

Я в конечном итоге рефакторинга кода, заменяя переменную MWC.newMessageDefaultOption с помощью обратного вызова: функция который выбирает переключатель по умолчанию и выполняет те же действия, что и в обработчике событий.

Answer 3

Пожалуйста, попробуйте ниже код,

var allRadios = A.all("input[type='radio']"); 
     allRadios.on('change', function(e) { 
      var portletNamespace='<portlet:namespace/>'; 
      var selectedRadioButtonValue = e.currentTarget.get('value'); 
      // add your custom code here 
    }); 

Над кодом события изменения Прибавьте к радио-кнопки и, когда происходит событие изменения он будет выполнять код внутри функции.

Пожалуйста, дайте мне знать, если вам нужно больше ничего