【问题标题】:ExtJs 4.2 grid panel not rendering header columns properlyExtJs 4.2 网格面板未正确呈现标题列
【发布时间】:2014-08-06 01:13:50
【问题描述】:

我是 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'
    }
]

});

我哪里出错了?

【问题讨论】:

  • 我觉得你的截图有误?
  • 不,不是。相信我......这就是我得到的......底部看起来像一个简单的标签和一个盒子的东西是我的网格渲染的。不同的是我在这个截图之后添加了一些列。
  • 在高度下方尝试添加布局:{ type: 'fit' },
  • 没有控制台错误 karlipoppins / 添加布局:{type: 'fit'},没有改变任何东西 :( @JesseRules

标签: javascript extjs extjs4.2 gridpanel


【解决方案1】:

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

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

【讨论】:

  • 这没有提供问题的答案。要批评或要求作者澄清,请在他们的帖子下方发表评论 - 您可以随时评论自己的帖子,一旦您有足够的reputation,您就可以comment on any post
  • 嗯...对不起,我不知道我是否理解您写的内容,但是...我自己创建了这个帖子并自己找到了解决方案,所以我发布了我为修复我所做的事情问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-02-16
  • 2023-01-29
  • 1970-01-01
  • 2014-07-11
  • 2015-01-02
  • 1970-01-01
相关资源
最近更新 更多