0

学习 ExtJS5 我遇到了网格问题。我有这样的面板描述:

{
                xtype: 'tabpanel',
                items: [
                    {
                        title: 'Texts',
                        xtype: 'gridpanel',
                        reference: 'textGrid',
                        store: Ext.create('Ext.data.Store', {
                            fields: ['active', 'textValue'],
                            data: {
                                items: [
                                    {active: true, textValue: 'test'},
                                    {active: false, textValue: 'no test'}
                                ]
                            },
                            proxy: {
                                type: 'memory',
                                reader: {
                                    type: 'json',
                                    rootProperty: 'items'
                                }
                            }
                        }),
                        columns: [
                            { xtype: 'checkcolumn',
                                text: 'Enable', dataIndex: 'active', width: 100,
                                editor: {
                                    xtype: 'checkbox',
                                    cls: 'x-grid-checkheader-editor'
                                }
                            },
                            { text: 'Value', dataIndex: 'textValue', flex: 1,
                                editor: {
                                    xtype: 'textfield',
                                    allowBlank: false
                                }
                            }

                        ],
                        plugins: {
                            ptype: 'rowediting',
                            clicksToEdit: 1
                        }
                    },
                    {
                        title: 'Images',
                        xtype: 'gridpanel'
                    }
                ]
            }

但它呈现错误。我没有看到复选框,并且文本列的区域太小。firebug 控制台中没有任何错误。

网格

代码有什么问题?

谢谢。

4

2 回答 2

0

我也遇到了这个问题,看起来有时会在您的课程中缺少需求时发生这种情况。

在控制台中查看如下警告:

[Ext.Loader] Synchronously loading 'Ext.layout.container.Border'; consider adding  Ext.require('Ext.layout.container.Border') above Ext.onReady

并将缺少的类添加到使用它们的类的 requires 数组中,如下所示:

Ext.define('Test.view.main.Main', {
    extend: 'Ext.container.Container',
    requires: [
        'Ext.layout.container.Border',
        'Ext.tab.Panel'
    ],
    ...
于 2014-07-23T14:14:03.777 回答
0

缺少样式。

如果您使用 Sencha 命令创建了项目(您正在使用 microloader 引导程序加载项目,请参阅您的 index.html),那么您必须确保您已经定义了您在应用程序上使用的组件的所有要求并从根启动此命令目录:

sencha app build

此命令编译将在您的应用程序上使用的 css(除其他外)。你也可以试试:

sencha app refresh

如果最新的不起作用,则使用最新的两个命令(同时使用):

sencha app clean
sencha app build

希望它有效

于 2015-02-10T14:23:40.577 回答