Набор кнопок / Панель кнопок в Dojo

Question

Мне нужно представить своим пользователям выбор из двух вариантов.

Я хочу, чтобы это были хорошие большие кнопки, которые нужно нажимать, в отличие от RadioButton, где метка обычно является не активным элементом, а просто традиционным маленьким кружком для нажатия.

например

Когда пользователь щелкает каждый из них, вызывается функция с другой переменной, так что какое-то другое волшебство может произойти в другом месте моего приложения.

Я видел, как это можно сделать в jQuery, так что это будет моим планом резервного копирования.

Видя, что я пытаюсь изучить Dojo, и 90% приложений в настоящее время построено на Dojo (1.7), я надеялся, что в Dojo будет подобный компонент.

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

Каков наилучший способ добиться выбора двух кнопок, когда при нажатии одной кнопки другая кнопка отключается и функция запускается с определенным значением?

Answer 1

Вы можете использовать что-то вроде этого (обратите внимание, что я не запускаю код)

<button data-dojo-type="dijit/form/ToggleButton" id='toggle1' data-dojo-props="iconClass:'dijitCheckBoxIcon', checked: true">
<button data-dojo-type="dijit/form/ToggleButton" id='toggle2' data-dojo-props="iconClass:'dijitCheckBoxIcon', checked: false">​

и этот javascript:

​dojo.require('dojo.parser');
dojo.require('dojo.form.ToggleButton');

dojo.ready(function(){
    dojo.parser.parse();
    dojo.connect(dijit.byId('toggle1'),'onChange',function(){
        dijit.byId('toggle2').set('checked',false);
        //what you want to do
    });
    dojo.connect(dijit.byId('toggle1'),'onChange',function(){
        dijit.byId('toggle2').set('checked',false);
        //what you want to do
    });

});

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