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

スタイルがありません。

Sencha Command を使用してプロジェクトを作成した場合 (microloader ブートストラップを使用してプロジェクトをロードしています。index.html を参照してください)、アプリで使用したコンポーネントのすべての require を定義したことを確認し、ルートからこのコマンドを起動する必要があります。ディレクトリ：

sencha app build

このコマンドは、(とりわけ) アプリで使用される CSS をコンパイルします。あなたも試すことができます：

sencha app refresh

最新のコマンドが機能しない場合は、最新の 2 つのコマンド (両方を使用):

sencha app clean
sencha app build

それがうまくいくことを願っています

于 2015-02-10T14:23:40.577 に答える