0

我需要向我的用户展示两个选项。

我希望这些是可以点击的大按钮,而不是RadioButton,其中的标签通常不是可点击的元素,而只是一个传统的小圆圈来点击。

例如

在此处输入图像描述

当用户单击每一个时,会使用不同的变量调用一个函数,这样其他一些魔法就可以在我的应用程序的其他地方发生。

我看到了如何在 jQuery中做到这一点,所以这将是我的备用计划。

看到我正在尝试学习 Dojo 并且 90% 的应用程序目前是基于 Dojo (1.7) 构建的,我希望在 Dojo 中会有一个类似的组件。

我假设我可以将两个单独的Dojo 按钮并排放置,并有一个全局变量 catch,其中一个当前已被最后一次单击,当它有时,确保另一个按钮被禁用,但这听起来并不那么优雅。

实现选择两个按钮的最佳方法是什么,当单击一个按钮时,另一个按钮将被禁用,并以特定值触发一个函数?

4

1 回答 1

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
    });

});​</p>

请注意,我还没有检查代码,所以它可能需要一些修改

于 2012-12-29T21:27:26.110 回答