Создание SegmentedButton для покрытия всего доступного пространства в FieldSet с использованием SenchaTouch - PullRequest
1 голос
/ 31 октября 2011

Если вы посмотрите на изображение ниже, у меня есть кнопка сегмента, которая находится сверху FieldSet.Я хочу, чтобы сегментированная кнопка закрывала все пространство, доступное в FieldSet.Я использовал следующий макет для SegmentedButton.Помоги мне исправить это.

 var btn = new Ext.SegmentedButton({
         layout: {
            type : 'hbox',
            pack : 'center',
            align: 'stretchmax'
        },
        allowMultiple: false,
        items: [
            {
               text: 'Switch 1',
                widht:'100%',
               labelWidth : '100%',
                modal: true,
                pressed: true
            },
            {
                text   : 'Switch 2',
                widht:'100%',
                labelWidth :'100%',
                modal: true
            }
        ]
    });

enter image description here

1 Ответ

2 голосов
/ 31 октября 2011

У вас есть widht вместо width, и вам нужно установить его на 50%, а не на 100%

var btn = new Ext.SegmentedButton({
     layout: {
        type : 'hbox',
        pack : 'center',
        align: 'stretchmax'
    },

    allowMultiple: false,
    items: [
        {
           text: 'Switch 1',
            width:'50%',
           labelWidth : '100%',
            modal: true,
            pressed: true
        },
        {
            text   : 'Switch 2',
            width:'50%',
            labelWidth :'100%',
            modal: true
        }
    ]
});

живой пример по адресу: http://jsfiddle.net/p5K4q/31/

...