Question

我正在尝试在ExtJS中对单选按钮进行分组，而不使用相同的name配置。这可能吗？这是我的代码：

 items:
    [
        {
            xtype: 'radio',
            name: 'is_self_employed',
            boxLabel: 'Self Employed:'
        },
        {
            xtype: 'radio',
            name: 'is_voluntary',
            boxLabel: 'Voluntary:'
        },
        {
            xtype: 'radio',
            name: 'is_ofw',
            boxLabel: 'OFW:'
        },
        {
            xtype: 'radio',
            name: 'is_non_working_spouse',
            boxLabel: 'Non Working Spouse:'
        },
        {
            xtype: 'radio',
            name: 'is_farmer_or_fisherman',
            boxLabel: 'Farmer or Fisherman:'
        }

    ]

Answer 1

你想要不同名称的单选按钮吗？

单选按钮按名称分组，这将破坏其功能，除非您使用某些JS代码来修复损坏的内容。

Answer 2

最好的方法是为所有无线电设置相同的名称，并为每个无线电设置不同的inputValue。

另一种可行的实施方式是在启用其他单选按钮时手动取消选中。

 listeners: {
     change: function(rd, value) {
        if (value) {
          var radios = rd.up("form").query("radio");
          Ext.each(radios, function(r) {
            if (r != rd)
              r.setValue(false);
          });
        }
     }
  }

小提琴：http://jsfiddle.net/gilsha/s48FD/51/

将具有不同名称的ExtJS单选按钮分组以保存在数据库中

2 个答案: