Dojo RadioButton，以编程方式设置组

我有一个自定义小部件'MyWidget'，它带有三个放射按钮，我希望它们是同一个“组”。如果我在模板文件中的单选按钮中设置了'name'属性，那么问题是我创建乘'MyWidget'小部件，然后所有单选按钮共享相同的组。Dojo RadioButton，以编程方式设置组

我试着用

radioWifget.set('name', some_value)

没有成功，也将直接向DOM代码把“名”单选按钮：

dojo.query("INPUT[type='radio']", this.domNode).forEach(dojo.hitch(this, function(inputNode){ 
    inputNode.name = 'perill_'+this.id; 
}));

第二种形式将名称attrbitue但它不能作为一个组使用。

任何帮助。

在此先感谢。

我很抱歉，因为我自己找到了答案。

我会冒险有人投我负面的，但更喜欢把解决方案放在这里，因为也许可以帮助别人以外的人。

解决方案是“MyWidget”模板中的单选按钮必须包含在“dijit.form.Form”小部件中。这样每个'MyWidget'都会有自己的单选按钮组。

来源

2011-11-14 EricSonaron

我会去定制FormValueWidget和混合_WidgetsInTemplateMixin，像这样：

declare([ 
    "dojo/_base/declare", 
    "dijit/form/_FormValueWidget", 
    "dijit/_WidgetsInTemplateMixin", 
    "dijit/form/RadioButton", 
    "dojo/domReady!" 
], function (declare, _FormValueWidget, _WidgetsInTemplateMixin) { 

    return declare([_FormValueWidget, _WidgetsInTemplateMixin], { 
     templateString: "<div><h2>Group of radioBtns '${name}'</h2>" + 
      "<input type='radio' ${!nameAttrSetting} data-dojo-attach-point='focusNode' data-dojo-type='dijit/form/RadioButton' checked='checked' data-dojo-props='value:\"radio1\"'></input>" + 
      "<input type='radio' ${!nameAttrSetting} data-dojo-type='dijit/form/RadioButton' data-dojo-props='value:\"radio2\"'></input>" + 
      "<input type='radio' ${!nameAttrSetting} data-dojo-type='dijit/form/RadioButton' data-dojo-props='value:\"radio3\"'></input>" + 
      "<input type='hidden' value='${value}'/>" + 
      "</div>", 
     _getValueAttr : function() { 
      var selectedRadio = registry.findWidgets(this.domNode).filter(function(w){ 
       return w.get("checked"); 
      }).pop(); 
      return selectedRadio.get("value"); 
     } 
    }); 
});

在这里看到一个例子：http://jsfiddle.net/psoares/FdMEU/

来源

2013-05-06 15:29:14 Philippe

Dojo RadioButton，以编程方式设置组

回答

相关问题