Segmented Button 的应用

{
    xtype: ‘container‘,
    items: [{
            xtype: ‘segmentedbutton‘,
            allowMultiple: true,
            layout: ‘hbox‘,
            cls: ‘segBtns‘,
            defaults: {
                ui: ‘plain‘,
                cls: ‘btn‘
            },
            items: [{
                    text: ‘爱情‘,
                    flex: 1,
                    pressed: true
                },
                {
                    text: ‘事业‘,
                    flex: 1
                },
                {
                    text: ‘梦想‘,
                    flex: 1
                },
            ],
            listeners: {
                element: ‘element‘,
                toggle: {
                    fn: function(container, button, pressed) {
                        alert();
                    }
                }
            }
        }

    ],
}

.segBtns .btn{
    color: white;
    border-radius: 0px;
    background: #0E4A75;
}
.segBtns .btn.x-button-pressed{
    background: yellow;
    color: red;
}