Question

extjs GridPanel 问题 两个容器分开不显示，合一起就可以显示

ProPropertyTab=new Ext.TabPanel({
enableTabScroll:true, //tab溢出滑动
activeTab:0,
items:[{
title: '附表1',
items:ProProperty
},{
title: '附表2'
}]
});
ProProperty=new Ext.grid.GridPanel({
store:dssec,
colModel: new Ext.grid.ColumnModel({
defaults: {
width: 120,
sortable: true,
align:'center'
},
columns: [
{header:'字段1',width:80},
{header:'字段2',width:80},
{header:'字段3',width:80}
]
}),
viewConfig: {
forceFit: false
},
sm: new Ext.grid.RowSelectionModel({
singleSelect:true
})
});
这样gridpanel显示：
结合到一起却可以显示。
ProPropertyTab=new Ext.TabPanel({
enableTabScroll:true, //tab溢出滑动
activeTab:0,
items:[{
title: '附表1',
items:new Ext.grid.GridPanel({
store:dssec,
colModel: new Ext.grid.ColumnModel({
defaults: {
width: 120,
sortable: true,
align:'center'
},
columns: [
{header:'字段1',width:80},
{header:'字段2',width:80},
{header:'字段3',width:80},
]
}),
viewConfig: {
forceFit: false
},
sm: new Ext.grid.RowSelectionModel({
singleSelect:true
})
})
},{
title: '附表2'
}]
});

Answer 1

可以的啊， 你首先确认 grid中的store 是否正确，
然后 Ext 里面的js 初始化 和jsp中也是一样的 你要先声明才能引用的，你tabPanel中引用了：
items:[{
title: '附表1',
items: 【ProProperty】
},
这个对象的声明却在tab后，所以不能显示，我修改了下，Ext.onReady(function() {
var dssec = new Ext.data.ArrayStore({
autoDestroy : true,
fields : ['id', 'sex'],
data : [['1', '男'], ['2', '女'], ['3', '保密']]
});
var ProProperty=new Ext.grid.GridPanel({
store:dssec,
colModel: new Ext.grid.ColumnModel({
defaults: {
width: 120,
sortable: true,
align:'center'
},
columns: [
{header:'字段1',width:80},
{header:'字段2',width:80},
{header:'字段3',width:80}
]
}),
viewConfig: {
forceFit: false
},
sm: new Ext.grid.RowSelectionModel({
singleSelect:true
})
});

var ProPropertyTab=new Ext.TabPanel({
enableTabScroll:true, //tab溢出滑动
activeTab:0,
renderTo : 'test2',
items:[{
title: '附表1',
items:ProProperty
},{
title: '附表2'
}]
});

});