ext.jsで「通常の」チェックボックスをレンダリングする4

Question

私はEXT.js 4で比較的シンプルでなければならないと思っていますが、回答が見つかりません。私はタイプチェックボックスを "チェックボックス"を作成しようとしていますが、現在はタイプ= "ボタン"としてレンダリングしようとしています。

ここは私がやっていることのサンプルです煎茶自体は、それがある私は、このコード

Ext.create('Ext.form.Panel', { 
    bodyPadding: 10, 
    width  : 300, 
    title  : 'Pizza Order', 
    items: [{ 
     xtype  : 'fieldcontainer', 
     fieldLabel : 'Toppings', 
     defaultType: 'checkboxfield', 
     items: [{ 
      boxLabel : 'Anchovies', 
      name  : 'topping', 
      inputValue: '1', 
      id  : 'checkbox1' 
     }, { 
      boxLabel : 'Artichoke Hearts', 
      name  : 'topping', 
      inputValue: '2', 
      checked : true, 
      id  : 'checkbox2' 
     }, { 
      boxLabel : 'Bacon', 
      name  : 'topping', 
      inputValue: '3' 
      id  : 'checkbox3' 
     }] 
    }], 
    bbar: [{ 
     text: 'Select Bacon', 
     handler: function() { 
      var checkbox = Ext.getCmp('checkbox3'); 
      checkbox.setValue(true); 
     } 
    }, 
    '-', 
    { 
     text: 'Select All', 
     handler: function() { 
      var checkbox1 = Ext.getCmp('checkbox1'), 
       checkbox2 = Ext.getCmp('checkbox2'), 
       checkbox3 = Ext.getCmp('checkbox3'); 

      checkbox1.setValue(true); 
      checkbox2.setValue(true); 
      checkbox3.setValue(true); 
     } 
    },{ 
     text: 'Deselect All', 
     handler: function() { 
      var checkbox1 = Ext.getCmp('checkbox1'), 
       checkbox2 = Ext.getCmp('checkbox2'), 
       checkbox3 = Ext.getCmp('checkbox3'); 

      checkbox1.setValue(false); 
      checkbox2.setValue(false); 
      checkbox3.setValue(false); 
     } 
    }], 
    renderTo: Ext.getBody() 
}); 

が

<input type="button" hidefocus="true" autocomplete="off" class="x-form-field x-form-checkbox x-form-cb" id="checkbox1-inputEl" aria-invalid="false" data-errorqtip=""> 

お知らせタイプ= "ボタン" をRENDERS

）やろうとしていますか？私は "チェックボックス"になるタイプはありません

私にはこの理由が含まれています。私はJAWSの読者にチェックボックスを読ませようとしています。タイプ "ボタン"として、JAWSリーダーはボタンのようにそれを読んで、ラベルのチェックボックスを表示しません。

ご希望の場合は、お気軽にお問い合わせください。ありがとうございました。

ロス

Answer 1

私は私の終わりとその作業罰金であなたのコードを実行していました。私はextjs 6.0.2を使用しています。あなたが見ているのはラベルにプレフィックスをチェックする必要があるボックスだと思います。それは常にボタンのままです。たとえあなたがradiofieldを使っていても、type = "button"で扱うことができるclickイベントを処理する必要があるので、domのtype = "button"になります。 type = "checkbox"として必要な理由を説明できますか？

Answer 2

config autoElを使用してこれを行うことができます。このフィドルをチェックしてください：http://jsfiddle.net/vdazU/3262/

{ 
    xtype: 'component', 
    autoEl: { 
     html: '<input type="checkbox" id="checkbox1" name="topping" >Anchovies' 
} 

あなたはDOMを検査する場合は、HTMLの入力チェックボックスを表示することができます。