Question

Ext中如何将TabPanel放入到EditorGridPanel的一个面板中啊

function showUrl(value) {
return "<a href=" + value + ">" + value + "</a>";
}

Ext.onReady(function() {

var store = new Ext.data.Store( {
url : "XML/DBTable.xml",
reader : new Ext.data.XmlReader( {
record : "row"
}, [ "id", "name", "evaluate", "url" ])
});
var dbtable = new Ext.grid.ColumnModel( [ {
header : "排名",
dataIndex : "id",
sortable : true,
editor : new Ext.form.TextField
}, {
header : "剑名",
dataIndex : "name",
sortable : true,
editor : new Ext.form.TextField
}, {
header : "评价",
dataIndex : "evaluate",
sortable : true,
editor : new Ext.form.TextField
}, {
header : "网址",
dataIndex : "url",
renderer : showUrl,
editor : new Ext.form.TextField
} ]);
var grid = new Ext.grid.EditorGridPanel( {
renderTo : "DBTable",
// title : "中国历史十大名剑",
height : 450,
width : 720,
cm : dbtable,
store : store,
autoExpandColumn : 2
});
store.load();
var panel = new Ext.TabPanel( {
width : 300,
height : 200,
items : [ new Ext.Panel( {
title : "面板一",
height : 30,
html : ""
}), new Ext.Panel( {
title : "面板二",
height : 30
}), new Ext.Panel( {
title : "面板三",
height : 30
}) ]
});

panel.render("hello");
});
应该怎么把EditorGridPanel放入到TabPanel的面板一中了？？？？？？？？？？？
需求具体点的代码，新手

Answer 1

var classTabs = new Ext.TabPanel({
deferredRender: false,
activeTab: 0,
bodyStyle :'padding:5px 0px 0px 5px;',
height: 230,
items:[{
title: '课程表信息',
items: [agendaGrid]
}]
});

其中，agendaGrid即为一个gridpanel
放在你的里面就是
var panel = new Ext.TabPanel( {
width : 300,
height : 200,
items : [{
title:'中国十大名剑'
items:[grid]
}]
});

即可

Answer 2

EditorGridPanel 也是Panel , 和其他panel作为items[] ,
或者动态添加add(EditorGridPanel ) 然后再重新布局一下。

追问

能具体点么，最好有详细点的代码，我是新手

Answer 3

用http代理组件就是实现