java - 如何在 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

您可以使用 vbox 绘制三个容器。每个容器都有 hbox 布局，并包含您的 4 个按钮作为项目。