extjs - 定义组合框时出错

Question

我使用 extjs mvc 并定义了组合框

Ext.define('Ext.view.Common.PersonageComboBox', {
    extend: 'Ext.form.ComboBox',
    alias: 'widget.PersonageComboBox',
    minChars: 0,
    store: 'PersonageStore',
    style: 'float: right;',
    valueField: 'Id',
    displayField: 'Title',
    typeAhead: true,
    hideLabel: false,
    hideTrigger: true,
    width: 300,
    queryMode: 'server',
    listConfig: {
        loadingText: 'درحال جستجو',
        getInnerTpl: function () {
            return '{Title} - {Type}<br />';
            }
        }
});

在控制器中我定义

extend: 'Ext.app.Controller',
requires: ['Profiler.resource.Icon', 'Profiler.resource.Size'],
stores: ['PhoneTypeStore',
    'PhoneStore',
    'EmailStore',
    'SettingStore',
    'AgentStore',
    'PersonageStore'],
models: [
    'PhoneInfo',
    'PhoneTypeInfo',
    'EmailInfo',
    'SettingInfo'],
views: [
    'Common.PersonageComboBox',
    'Personage.PhoneGrid',
    'Personage.PhoneAssignment',
    'Personage.EmailGrid',
    'Personage.Settings',
    'Personage.AgentGrid'
],
refs: [{
    ref: 'phone',
    selector: 'PhoneList'
}, {
    ref: 'PhoneAssignment',
    selector: 'PhoneAssignment'
}, {
    ref: 'EmailList',
    selector: 'EmailList'
}],

这是我的模型

Ext.define('Profiler.model.PersonageInfo', {
    extend: 'Ext.data.Model',
    fields: [{ name: 'Id', type: 'int' },
        'Title', 'Type'],
});

但我的页面是白色的并且没有错误

Answer 1

Ext.define('Ext.view.Common.PersonageComboBox', { ...

PersonageComboBox.js 文件在哪个目录中？