Как расположить значки на рабочем столе в Ext JS4

Question

У меня одна проблема с правильной расстановкой элементов рабочего стола.У меня было двенадцать элементов, которые должны отображаться в виде ярлыка на рабочем столе

Но я не могу правильно отобразить их в виде трех столбцов и четырех строк.

как пример:

1 ==> 2 ==> 3 ==> 4

5 ==> 6 ==> 7 ==> 8

9 ==> 10 ==> 11 ==> 12

Я добавляю свои ярлыки с указанным ниже кодом.

shortcuts: Ext.create('Ext.data.Store', {
                model: 'RT.model.ShortcutModel',
                data: [{
                    name: 'Grid Window',
                    iconCls: 'grid-shortcut',
                    module: 'grid-win'
                },{
                    name: 'Accordion Window',
                    iconCls: 'accordion-shortcut',
                    module: 'acc-win'
                },{
                    name: 'Notepad',
                    iconCls: 'notepad-shortcut',
                    module: 'notepad'
                },{
                    name: 'System Status',
                    iconCls: 'cpu-shortcut',
                    module: 'systemstatus'
                },{
                    name: 'Company Management',
                    iconCls: 'companymgt-shortcut',
                    module: 'companymgt'
                },{
                    name: 'Client Management',
                    iconCls: 'clientmgt-shortcut',
                    module: 'clientmgt'
                },{
                    name: 'HR Management',
                    iconCls: 'hrmgt-shortcut',
                    module: 'hrmgt'
                },{
                    name: 'User Management',
                    iconCls: 'usermgt-shortcut',
                    module: 'usermgt'
                }]
            })

Пожалуйста, предоставьте мне правильное руководствоили любой фиктивный пример, чтобы я мог понять это и правильно его реализовать

Answer 1

Вот отличный сайт, который позволяет вам проверить код и примеры для различных макетов Ext.Я согласен с «DmitryB», что лучше всего использовать макет type:'vbox'.

http://dev.sencha.com/deploy/ext-4.0.0/examples/layout-browser/layout-browser.html

Answer 2

Вы можете использовать vbox, чтобы нарисовать три контейнера.Каждый контейнер имеет макет hbox и содержит 4 кнопки в качестве элементов.