表单提交Ext Js SegmentedButton值提交

Question

如何在表单提交中获取Ext.SegmentedButton值？

 { 
     xtype: 'segmentedbutton', 
     name: 'title', 
     items: [ 
      {text: 'Mr', value: 'Mr'}, 
      {text: 'Mrs', value: 'Mrs'}, 
      {text: 'Madam', value: 'Madam'}, 
      {text: 'Ms', value: 'Ms'}, 
      {text: 'Dr', value: 'Dr'}, 
      {text: 'Prof', value: 'Prof'},   
      ], 
     }, 

Answer 1

如果你有分段按钮的引用，you can just query it for elements that are pressed

segmented.down('[pressed=true]'); 

完整的示例https://fiddle.sencha.com/#fiddle/ctk

var segmented = Ext.widget({ 
    xtype: 'segmentedbutton', 
    name: 'title', 
    items: [ 
      {text: 'Mr', value: 'Mr'}, 
      {text: 'Mrs', value: 'Mrs'}, 
      {text: 'Madam', value: 'Madam'}, 
      {text: 'Ms', value: 'Ms'} 
    ], 
}); 


var container = Ext.create('Ext.panel.Panel', { 
    width: 400, 
    renderTo: Ext.getBody(), 
    buttons: [{ 
     text: 'Get Selected', 
     handler: function() { 
      var selectedBtn = segmented.down('[pressed=true]'); 
      alert(selectedBtn && selectedBtn.value); 
     } 
    }], 
    items: segmented 
});