0

我处于煎茶触摸的初学者水平。现在，我正在阅读本教程。虽然本教程很旧，但到目前为止，我还是在文档的帮助下设法与 Sencha touch 的新方法同步。

我的问题是[WARN][Ext.dataview.List#applyStore] The specified Store cannot be found在 Chrome 中运行代码时出现控制台错误。

预期的结果是它将显示一个数据列表，该列表作为存储通过itmTpl配置传递。

这是小提琴

我也尝试通过创建model和解决store它

model --> NotesApp.model.Notes       (instead of "Notes")
store --> NotesApp.store.NotesStore  (instead of "NotesStore")

但没有用。还是一样的错误。

4

1 回答 1

1

您遵循的教程是旧式的，我建议您遵循本教程。

相同的应用程序，但您遵循的不是 MVC，我分享的教程遵循 MVC，我在开始 sencha touch 时遵循了本教程。

这个应用程序对你来说是一个很好的开始，另外我想提一下，这个应用程序只是一个不完美的开始。

随着您了解更多，您将了解最佳实践。

话虽如此，让我们解决旧代码中的警告

您刚刚定义了商店，但没有在商店管理器中创建和注册 NotesStore

Ext.regStore(id,config)会为你做这件事，试试这个代码。

Ext.application({
    name : ('SF' || 'SenchaFiddle'),
    launch : function() {
       Ext.define('Notes', {
            extend: 'Ext.data.Model',
            id: 'modelId',
            config: {
                fields: [
                    { name: 'id', type: 'int' },
                    { name: 'date', type: 'date', dateFormat: 'c' },
                    { name: 'title', type: 'string' },
                    { name: 'narrative', type: 'string' }
                ],
                validations: [
                    { type: 'presence', field: 'id' },
                    { type: 'presence', field: 'title' }
                ]
            }
        });

      Ext.regStore('NotesStore', {
            require: 'Ext.data.Store',
            model: 'Notes',
            storeId : 'NotesStore',
            sorters: [{
                property: 'date',
                direction: 'DESC'
            }],
            proxy: {
                type: 'localstorage',
                id: 'notes-app-store'
            },
            // TODO: remove this data after testing.
            data: [
                { id: 1, date: new Date(), title: 'Test Note', narrative: 'This is simply a test note' }
            ]
        });


        Ext.Viewport.add({
            xtype: 'panel',
            fullscreen: true,
            layout: 'card',
            html: "hello",
            items: [{
                xtype: 'panel',
                id: 'notesListContainer',
                layout: 'fit',
                html: 'This is the notes list container',
                items: [{
                    xtype: 'toolbar',
                    docked: 'top',
                    id: 'notesListToolbar',
                    title: 'My Notes'
                },
                {
                    xtype: 'list',
                    id: 'notesList',
                    //require: ['Notes.model.Notes','NotesApp.store.NotesStore'],
                    store: 'NotesStore',
                    itemTpl: '<div class="list-item-title">{title}</div>' +
                            '<div class="list-item-narrative">{narrative}</div>'
                }]
            }]
        });
    }
});
于 2013-08-01T05:25:18.120 回答