Question

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

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

例如：

1 ==→2 ==→3 ==→4

5 ==→6 ==大于7 ==＆GT; 8

9 ==→10 ==＆GT; 11 ==＆GT; 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个按钮作为项目。

Answer 2

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

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

如何在Ext JS4中排列桌面上的图标

2 个答案: