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

dm7nw8vv  于 2022-09-26  发布在  其他
关注(0)|答案(2)|浏览(157)

我尝试在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:'
        }

    ]
mnowg1ta

mnowg1ta1#

你想要不同名称的单选按钮吗?
单选按钮按名称分组,这将破坏其功能,除非您执行一些JS代码来修复所破坏的内容。

zysjyyx4

zysjyyx42#

最好的方法是为所有无线电设置相同的名称,并为每个无线电设置不同的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/

相关问题