javascript - Ext RadioGroup - 選択したラジオボタンの値にアクセスする方法は?

Question

ラジオグループで選択したラジオボタンの値にアクセスするのに苦労しています。フォーラムや Web 上の他の投稿での議論に基づいて、さまざまなアプローチを試みました。残念ながら、それを機能させるのに十分な幸運 (またはスキル) がありませんでした。次の FormPanel 構成に基づいて、グループ「mainPhone」で選択したラジオの値を取得する方法を誰かが教えてくれることを期待していました。

ありがとう！

EXT-JS フォーラムでは何の助けも得られなかったのに、stackoverflow から応答を得ることができたことを示すために更新したかったのです。さすがスタックオーバーフロー！

マット

function createForm(elem) {
var myForm2 = new Ext.form.FormPanel({
  renderTo:elem,
  width:425,
  frame:true,
  style:"margin: 10px auto 10px auto;",
  items: [{xtype:'fieldset',
            title: 'Contact Info',
            autoHeight:true,
            items :[new Ext.form.RadioGroup({
                        fieldLabel: 'Main Phone',
                        vertical: false,
                        id:"mainPhone",
                        items: [
                            {boxLabel: 'Home', name: 'id-1', inputValue: 'H', checked:true},
                            {boxLabel: 'Work', name: 'id-1', inputValue: 'W'},
                            {boxLabel: 'Other', name: 'id-1', inputValue: 'O'}
                        ]    

                    }),
                  new Ext.form.TextField({
                    id:"frm_CreateCustomerHomePhone",
                    fieldLabel:"Home Phone",
                    width:275,
                    allowBlank:true
                 }),
                 new Ext.form.TextField({
                    id:"frm_CreateCustomerWorkPhone",
                    fieldLabel:"Work Phone",
                    width:275,
                    allowBlank:true
                 })
                  new Ext.form.TextField({
                    id:"frm_CreateCustomerOtherPhone",
                    fieldLabel:"Other Phone",
                    width:275,
                    allowBlank:true
                 })
    ]}]});              
}

score 10 · Accepted Answer

10

勝手な推測ですが、以下はどうでしょう。

myForm2.getForm().getValues()['id-1'];

于 2009-01-05T21:59:06.800 に答える

score 5 · Accepted Answer

ラジオグループ自体のメソッドgetValue()は、チェックされているオブジェクトがある場合はそのオブジェクトを返し、そうでない場合は undefined を返します。

（ちなみに、ボックスにinputValueの代わりに値を設定しましたが、大きな違いはないと思いますが、おそらく最後の「getValue」でそうです）、extjs 3.0を使用しており、ラジオグループの設定はあなたのものとは少し異なります。

var checkedItem = Ext.getCmp('mainPhone').getValue();

if (checkedItem == undefined) return '';

return checkedItem.getGroupValue();
// The getGroupValue will return the value of the checked option in a group,
// unfortunately, it only seems to work on the items and not the radiogroup 
// itself

score 3 · Accepted Answer

この質問は古いことは知っていますが、参考のために追加しています。次のスニピットはExt2.2afaikに有効です。

Ext.getCmp("mainPhone").items.get(0).getGroupValue();

score 3 · Accepted Answer

Lo-Tanからの答えは私にとってはうまくいきます。私も extjs 2.2.1 を使用しています。私のように、ext.Form.Formpanel はなく、検索ボックスとラジオグループしかない場合があります。このコードを使用して、ラジオグループから値を取得します。

私のラジオグループ：

var begrens_sok = new Ext.form.RadioGroup({  
fieldLabel: 'Begrens søket',  
columns: 1,
name: 'sokspecs',
id:'sokspecs',
 items: [  
      {boxLabel: 'Scientific name', name: 'sokspec', inputVale:'SN'},
      {boxLabel: 'Norsk navngruppe', name: 'sokspec', inputValue:'NNG'},
      {boxLabel: 'Norsk navnart', name: 'sokspec', inputValue:'NNA'},
      {boxLabel: 'Prosjektsøk', name: 'sokspec', inputValue:'PROJ'},
      {boxLabel: 'Fritekst søk', name: 'sokspec', inputValue:'FSOK', 'id':'sokspec', checked: true}
 ]  
    });

チェックされたラジオボタンの値を取得するには、次を使用します。

var radiovalue=  Ext.getCmp('sokspecs').items.get(0).getGroupValue()

score 1 · Accepted Answer

フィールドの特定の値を取得する場合は、使用します

myForm2.getForm().findField('id-1').getGroupValue();

score 0 · Accepted Answer

これが単純すぎるかどうかはわかりませんが、'inputValue' プロパティを使用して (Ext 3.3.1 で) 値にアクセスできました。

var radio = ...;
var value = radio.inputValue;

score 0 · Accepted Answer

MVC を使用している場合は、おそらく ID の使用を無視しようとします。したがって、変更イベントで値を取得するための解決策の1つは

change : function(radioButton, newValue, oldValue, eOpts){
        console.log(newValue.individual);
}

score -2 · Accepted Answer

function get_radio_value()
{
    for( var i=0; i < document.myForm.mainPhone.length; i++ )
    {
       if( document.myForm.mainPhone[ i ].checked )
       {
           return document.myForm.mainPhone[ i ].value;
       }
    }
}

javascript - Ext RadioGroup - 選択したラジオ ボタンの値にアクセスする方法は?

8 に答える 8

Related

Reference

javascript - Ext RadioGroup - 選択したラジオボタンの値にアクセスする方法は?