Sencha Touch Float / Переместить вправо - PullRequest
Новая
       4

Sencha Touch Float / Переместить вправо

0 голосов
/ 16 июня 2011

Я впервые использую Sencha touch, мне удалось показать некоторые пункты меню, но я хотел бы, чтобы они перемещались / плавали вправо, кто-нибудь знает, как это сделать?

это мой код для кнопок: 

spaceosaur.views.Home = Ext.extend(Ext.Panel, {
initComponent: function(){

this.dockedItems = [{
        xtype: 'toolbar',
        title: 'Spaceosaur',
        items: [                 
            { xtype: 'segmentedbutton', items: [
              { iconMask: true, iconCls: '', text: 'Featured', pressed : true },
              { iconMask: true, text: 'Latest' },
              { iconMask: true, text: 'Popular' },
            ]},
            { iconMask: true, ui: 'action', text: 'Refresh' },

        ]
    }]

    spaceosaur.views.Home.superclass.initComponent.call(this);
}

});

Ext.reg ('home', spaceosaur.views.Home);

А пример сайта здесь: http://cameronmlewis.com/pad/

1 Ответ

1 голос
/ 17 июня 2011

Самый простой способ изменить выравнивание кнопок на панели инструментов - добавить распорки .

Чтобы выровнять что-либо по правому краю, вы можете сделать следующее: 

 items: [
    {xtype: 'spacer'},
    { iconMask: true, ui: 'action', text: 'Refresh' }
 ]

Проставка подтолкнет все вправо.Вы можете проявить творческий подход к свойствам flex & width спейсера и / или кнопок, чтобы все выстроилось и выстроилось правильно.

...