1

Sencha Touch2 について質問がありますか? dataView が表示されないのはなぜですか? どうもありがとう

これはモデル ファイル app/model/Worklist.js です。

Ext.define('Geo.model.Worklist', {
    extend: 'Ext.data.Model',

    config: {
        fields: [
            {name: 'name', type: 'string'},
            {name: 'url',   type: 'string'}
        ]
    }
});

これはストア ファイルです。 app/store/Worklist.js /** * これはストア ファイルです。 * app/store/Worklist.js */

Ext.define('Geo.store.Worklist',{
    extend: 'Ext.data.Store',
    config: {
        model: 'Geo.model.Worklist',
        autoLoad: true,
        data:[
            {name:'book1',url:'images/html51.jpg'},
            {name:'book2',url:'images/html52.jpg'},
            {name:'book3',url:'images/html53.jpg'},
            {name:'book4',url:'images/html54.jpg'},
            {name:'book5',url:'images/html55.jpg'}
        ]
    }
});

これはビュー ファイルです。 app/view/dashboard/Show.js /** * これはビュー ファイルです。 * app/view/dashboard/Show.js */

Ext.define('Geo.view.dashboard.Show', {
    extend: 'Ext.DataView',
    xtype: 'dashboard-show',

    //fullscreen: true,
    scrollable: 'vertical',
    store: 'Worklist',
    itemTpl: new Ext.XTemplate(
        '<tpl for=".">',
            '<div style="font-size:12px;">',
            '<img src="{url}" titel="{name}"><br />',
            '{name}',
            '</div>',
        '</tpl>'
    )
});

/** * メインコントローラーファイル、Application.js */

config: {
    refs: {
        main: 'mainview',
        editButton: '#editButton',
        dashboards: 'dashboards',
        showDashboard: 'dashboard-show',
        editDashboard: 'dashboard-edit',
        saveButton: '#saveButton'
    }
}
var workStore = Ext.create('Geo.store.Worklist');
this.showDashboard = Ext.create('Geo.view.dashboard.Show');
this.showDashboard.setStore(workStore);
this.getMain().push(this.showDashboard);

リストアイテムの1つをタップしても表示されない理由がわかりません。誰か助けてください。どうもありがとう

4

1 に答える 1

1

問題が見つかりました。Geo.view.dashboard.Show の構成プロパティを忘れてしまいました

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

 config:{
    fullscreen: true,
    scrollable: 'vertical',
    store: 'Worklist',
    itemTpl: new Ext.XTemplate(
        '<tpl for=".">',
            '<div style="font-size:12px;">',
            '<img src="{url}" titel="{name}"><br />',
            '</div>',
        '</tpl>'
    )
}

どうもありがとう

于 2013-08-06T04:43:04.363 に答える