Как указать название модели в магазине extjs 4?

Я расстраиваюсь при работе с магазином и моделью extjs 4. Я получаю Store defined with no model. You may have mistyped the model name. ошибка, хотя я указал название модели в магазине.

Вот мой код:

Ext.define('iWork.store.CandidateDistribution', {
    extend: 'Ext.data.TreeStore',
    autoLoad: true,
    requires: 'iWork.model.Location',
    model: 'iWork.model.Location',

    proxy: {
        type: 'ajax',
        url: 'data/CandidateDistribution/CandidateCount.json',
        reader: {
            type: 'pentahoReader',
            root: 'resultset'
        }
    },
    listeners: {
        load: function(treeStore, currentNode, records, success, options) {
            console.log('in load listener');
            console.log(records);
        },
        beforeappend: function(currentNode, newNode, options) {
            console.log('in beforeAppend listener');

        },
        add: function(store, records, options) {
            console.log('in add listener');
        },
        beforeinsert: function(currentNode, newNode, option) {
            console.log('in beforeInsert listener');
        }
    }
});

Я пытался изменить model: 'iWork.model.Location', в model: 'Location', model: "Location"и к model: "iWork.model.Location" но все равно не работает.

Код в файле модели выглядит следующим образом:

Ext.define('iWork.model.Location', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'name', type: 'string'},
        {name: 'candidateCount', type: 'string'}
    ]
});

и древовидный код, который ссылается на этот магазин, выглядит следующим образом:

Ext.define('iWork.view.CandidateDistribution', {
    extend: 'Ext.window.Window',
    alias: 'widget.candidateDistribution',
    require: ['iWork.store.CandidateDistribution'],
    layout: {
        type: 'hbox',
        align: 'stretch'
    },
    autoShow: true,

    initComponent: function() {
        this.items = [
            {
                xtype: 'treepanel',
                title: 'Location wise customer Distribution',
                store: 'iWork.store.CandidateDistribution',
                width: '25%',
                height: '100%',
                rootVisible: false
            }
        ];
        this.callParent(arguments);
    }
});

Я пытался изменить store: 'iWork.store.CandidateDistribution' в store: 'CandidateDistribution' но тогда также его не работает.

Если я изменю store: 'iWork.store.CandidateDistribution' в store: CandidateDistributionЯ получаю следующую ошибку в ext-debug.js (line 8002)

me.store is undefined
[Break On This Error] },

Я не могу найти, где я допустил ошибку. Пожалуйста, дайте мне знать, если я пропустил какую-либо другую конфигурацию или что я сделал неправильно.

Спасибо!!

РЕДАКТИРОВАТЬ 1: файл index.html моего приложения выглядит следующим образом:

<html>
    <head>
        <title>iWork Dashboards</title>
        <link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css" />
        <script type="text/javascript" src="../extjs/ext-debug.js"></script>
    <script type="text/javascript" src="app/app.js"></script>
    <script type="text/javascript" src="app/PentahoReader.js"></script>
    </head>
    <body>
    </body>
</html>
Источник

1 ответ

Решение

Это ошибка в NodeStore, которая используется Ext.tree.View. Вы всегда увидите это, когда будете использовать древовидную панель.

Если вы прервете строку, генерирующую предупреждение, и посмотрите на стек, вы увидите, что он находится в конструкторе AbstractStore, который был вызван конструктором NodeStore, который, в свою очередь, вызывается initComponent Tree View.

Источник
Другие вопросы по тегам