ExtJs: данные магазина не отображаются - PullRequest
Новая
       17

ExtJs: данные магазина не отображаются

0 голосов
/ 09 сентября 2018

Я новичок в ExtJ, попробовал начать работу и по-прежнему быстро решать проблемы. Может быть, кто-то может помочь мне с этим простым примером. Я не могу визуализировать данные хранилища данных. Панель и столбцы работают нормально, но данных нет. Ты находишь мою ошибку?

Main.js: 

Ext.define('QuickApp.view.main.Main', {
    extend: 'Ext.tab.Panel',

    xtype: 'tabpanel',
    items: [{
        title: 'Employee Directory',
        xtype: 'grid',
        iconCls: 'x-fa fa-users',
        store: 'QuickApp.store.Employee', //change here
        columns: [{
            text: 'First Name',
            dataIndex: 'firstName',
            flex: 1
        }, {
            text: 'Last Name',
            dataIndex: 'lastName',
            flex: 1
        }, {
            text: 'Phone Number',
            dataIndex: 'phoneNumber',
            flex: 1
        }]
    },{
        title: 'About Sencha',
        iconCls: 'x-fa fa-info-circle'
    }]
});

Магазин: 

 Ext.define('QuickApp.store.Employee', {
    extend: 'Ext.data.Store',

    model: 'QuickApp.model.Employee',

    data: [{
        "firstName": "Jean",
        "lastName": "Grey",
        "officeLocation": "Lawrence, KS",
        "phoneNumber": "(372) 792-6728"
    }, {
        "firstName": "Phillip",
        "lastName": "Fry",
        "officeLocation": "Lawrence, KS",
        "phoneNumber": "(318) 224-8644"
    }, {
        "firstName": "Peter",
        "lastName": "Quill",
        "officeLocation": "Redwood City, CA",
        "phoneNumber": "(718) 480-8560"
    }]
 });

Модель: 

 Ext.define('QuickApp.model.Employee', {
    extend: 'Ext.data.Model',

    fields: [
        {name: 'firstName', type: 'string'},
        {name: 'lastName', type: 'string'},
        {name: 'officeLocation', type: 'int'},
        {name: 'phoneNumber', type: 'string'}
    ]
 });

Спасибо!

...