1

http://skirtlesden.com/ux/component-column でチュートリアルを見て、次
のようなデモプロジェクトを作成します

デモ
|-index.html
| -Component.js
|-CTemplate.js

これが私のindex.htmlです

    Ext.Loader.setConfig({enabled: true});
    Ext.require([
        'Component'
    ]);

Ext.onReady(function() {

    // create the grid
    var grid = Ext.create('Ext.grid.Panel', {
        title:'Straw Hats Crew',
        width:500,
        height:180,
        stripeRows: true,
        renderTo: Ext.getBody(),
        store: Ext.create('Ext.data.ArrayStore', {
            fields: [
                {name: 'name'}
            ],
            data: [
                ['Monkey D Luffy'],
                ['Roronoa Zoro'],
                ['Sanji'],
                ['Usopp'],
                ['Nami']
            ]
        }),
        columns: [
            {
                header: 'Name', 
                width: 100, 
                dataIndex: 'name',
                xtype: 'componentcolumn', 
                renderer: function(name, meta, record) {
                    return { 
                        value: name, 
                        xtype: 'textfield', 
                        listeners: { 
                            inputEl: { 
                                keydown: function(ev) { 
                                    ev.stopPropagation(); 
                                } 
                            } 
                        } 
                    }; 
                } 
            }
        ]
    });
});

私のComponent.js

Ext.define('Skirtle.grid.column.Component', {
    alias: 'widget.componentcolumn',
    extend: 'Ext.grid.column.Column',
    requires: ['CTemplate'], // modify
    ...

私のCTemplate.js

Ext.define('Skirtle.CTemplate', {
    extend: 'Ext.XTemplate',
    ....

しかし、何も機能していませんか？この問題を解決する方法ありがとう

4

1 に答える 1

2

Firebug を使用してページを調べ、読み込まれたスクリプトを確認する必要があります。ローダー構成でコンポーネントスクリプトへのパスを設定する必要があると思われます。このような：

Ext.Loader.setConfig({
    enabled : true, 
    paths: {
        'Ext.ux': 'js/extjs/ux',           
        'Skirtle.grid.column.Component':'js/extjs/ux/SkirtleComponentColumn.js', 
        'Skirtle.CTemplate'            :'js/extjs/ux/SkirtleCTemplate.js'
    }
});
Ext.require([
    'Skirtle.grid.column.Component'
]);

Firebug の NET タブでこれらのファイルをロードしようとしたが、間違った場所に移動して 404 になったことが表示された場合は、パスを変更してください。

于 2013-08-13T20:24:04.327 に答える