ExtJs 4.2网格面板没有正确呈现标题列

时间:2014-08-06 01:13:51

标签: javascript extjs extjs4.2 gridpanel

我是ExtJs的新手,我发现自己无法使用网格:

由于标题未正确呈现,因此单击网格项时无法进行排序,调整大小甚至通知。

网格代码是这样的:

Ext.define('Simviab.view.empresa.SociosGrid', {
extend: 'Ext.grid.Panel',
alias: 'widget.sociosgrid',


store:  'sociosempresa',            
width: 400,
height: 200,
columns: [
    {text: 'Nome do Socio', dataIndex: 'TE_RAZAO', flex:1},
    {text: 'Cargo/Função', dataIndex: 'TS_CARGO', width: 100},
    {text: '%', dataIndex: 'TS_PERCENTUAL', width: 100},
    {text: 'Participação no Capital Social', dataIndex: 'TS_PARTICIPACAO', width: 150}
]


});

我将它呈现在一个窗口上,如下所示:

Ext.define('Simviab.view.empresa.SociosWindow', {
extend: 'Ext.window.Window',

alias: 'widget.socioswindow',

title: 'Adicionar sócios',
modal: true, 
autoShow: true,

iconCls: 'icon-form',

width: 400,
height: 400,    

items:[
    {
        xtype:'label',
        text: 'Adicionar sócios a Empresa: ',
        itemId: 'empresaNome',
    },{
        xtype: 'fieldset',
        title: 'Capital Social',
        items: [
            {
                xtype: 'textfield',
                fieldLabel: 'Nome do Sócio',
                maxLength: 50,
                allowBlank: false
            },
            {
                xtype: 'textfield',
                fieldLabel: 'Cargo/Função',
                maxLength: 50,
                allowBlank: false
            },
            {
                xtype: 'numberfield',
                fieldLabel: 'Percentual de participação',
                maxValue: 100,
                minValue: 1,
                allowBlank: false,
                step: 0.5
            }
        ]

    },{
        xtype: 'sociosgrid'
    }
]

});

我哪里错了?

1 个答案:

答案 0 :(得分:0)

我终于发现问题出在Sencha CMD生成的app文件夹中,现在我已经创建了一个新应用程序并将我的代码放在那里,现在它运行良好......

奇怪的是,我之前尝试创建另一个应用程序但没有成功!