表單提交中的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

如果您有對分段按鈕的引用，則可以僅查詢分段按鈕中被按下的元素

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
});