如何在 Ext JS4 中以行方式排列桌面上的图标答案

【问题标题】：How to arrange icons on Desktop row wise in Ext JS4如何在 Ext JS4 中以行方式排列桌面上的图标
【发布时间】：2011-12-05 06:43:49
【问题描述】：

我在正确安排桌面项目时遇到了一个问题。我有十二个项目要在我的桌面上显示为快捷方式。

但我无法以三列四行的方式正确显示它们。

例如：

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'
                }]
            })

请为我提供适当的指导或任何虚拟示例，以便我能够理解并正确实施它

【问题讨论】：

标签： java javascript jsp extjs4

【解决方案1】：

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

【讨论】：

【解决方案2】：

这是一个很棒的网站，可让您查看不同 Ext 布局的代码和示例。我同意“DmitryB”的观点，即使用 type:'vbox' 的布局是您最好的选择。

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

【讨论】：