0

私はSenchaにかなり慣れていません。現在、プロジェクトのビュー/ストア/モデルを実行している方法が機能しない理由を理解しようとしています><

製品リストを json から取得しようとしていますが、現在は実際には機能していません。アドバイスをいただければ幸いです。

コードは次のとおりです(編集、最初に間違ったコードを貼り付け、修正しました><申し訳ありません):

意見:

Ext.define('Sencha.view.ProductsList', {
   extend: 'Ext.DataView',
   xtype: "productslist",

   config: {
    flex:1,
     scrollable: true,

     store: 'Plist',
 itemTpl: '<img src={image} width="90%"><br>{name}'
   }
});

モデル

Ext.define('Sencha.model.ProductsList', {
        extend: 'Ext.data.Model',
        config: {
            fields: [
                {
                    name: 'name',
                    type: 'string'
                }, {
                    name: 'image',
                    type: 'string'
                }

            ]

        }
    });

Ext.create('Ext.data.Store',{
    storeId: 'Plist',
    model:'Sencha.model.ProductsList',
    title: 'My Collection',
    proxy: {
        type: 'ajax',
        url : '/products.json',
        reader: {
            type: 'json',
            root: 'products'
        }
    }
});

ありがとう!!

追加情報: 3 つのセクションをまとめてビュー ファイルに入れました (名前を に変更Sencha.model.ProductsListするとProductslist、機能しました。それらをビュー、ストア、モデルに分離すると、機能しなくなります。リンク方法と関係があります)。これらのファイル。

もっと洞察力のある人はいますか?

4

1 に答える 1

0

ひとこと:

reader: {
    type: 'json',
    root: 'products'
}

次のようにする必要があります。

reader: {
    type: 'json',
    rootProperty: 'products'
}

また、

itemTpl: '<img src={image} width="90%"><br>{name}'

前後に引用符を付ける必要があります{image}:

itemTpl: '<img src="{image}" width="90%"><br>{name}'
于 2013-05-18T20:29:26.593 に答える