【发布时间】: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