1

SenchaTouch2を使用してローカルのjsonファイルをデータビューにロードしようとしています。

Firebugで確認すると、ファイルはSenchaによってロードされていますが、何らかの理由で表示されていません。

なぜ何かアイデア？

これが私のコードです（HTMLは基本的なSencha htmlです）：

    Ext.require([
    'Ext.Panel',
    'Ext.tab.Panel',
    'Ext.Ajax'
]);

new Ext.application({
    name: 'MyApp',
    useLoadMask: true,
    launch: function () {

        Ext.regModel('City', {
           fields: [
            {name:'ID', type:'string'},
            {name:'Name', type:'string'}
           ]
        });

        var CitiesStore = new Ext.create('Ext.data.Store',{
            autoLoad: true,
            storeId: 'CitiesStore',
            model: 'City',
            proxy: {
                type: 'ajax', // ajax is for same domain, jsonp for cross-domain
                url: 'cities.json',
                reader: {
                    type: 'json',
                    root: 'cities'
                }
            }
        });

        Ext.create('Ext.TabPanel',{
            fullscreen: true,
            tabBarPosition: 'bottom',
            scrollable: true,
            items: [
                {
                    title: 'Home',
                    iconCls: 'home',
                    html: 'Welcome to my app',
                    style: 'text-align: center;'
                },
                {
                    title: 'Search',
                    iconCls: 'search',
                    items: [
                        Ext.create('Ext.DataView', {
                            store: 'CitiesStore',
                            itemConfig: {
                                tpl: '<h2>{Name}</h2>'
                            }
                        })
                    ]
                },
                {
                    xtype: 'toolbar',
                    title: 'My App',
                    dock: 'top'
                }
            ]
        }).setActiveItem(1); // this is set for debugging only

    }
});

すべてのjsonは非常に単純です

{"cities":[{"ID":1,"Name":"new york"},{"ID":2,"Name":"las vegas"},{"ID":3,"Name":"los angeles"}]}

どうもありがとう！

4

3 に答える 3

2

親コンテナの幅が値に設定されているか、レイアウトが「fit」に設定されていない限り、リストまたはデータビューが表示されないという問題がありました。違いが生じる場合は、次のことを試してください。

    title: 'Search',
    iconCls: 'search',
    layout: 'fit',
于 2012-01-09T07:19:06.013 に答える
0

非常に一瞥した...いくつかのこと-しかし、最初にあなたの店への言及は間違っています。

DataViewでは、引用符は必要ありません。

store: CitiesStore,

newまた、Ext.Createを使用しているため、ストアのキーワードは必要ありません。

これにより、少なくとももう少し先に進むことができます。

于 2012-01-05T17:46:30.083 に答える
0

Firefoxを使用していますか？FirefoxとIEは、ChromeまたはSafariを使用してプライを表示するときに問題が発生することがあります。

于 2012-01-06T17:13:22.163 に答える