环境 extjs 3.4, myeclipse10
源码如下 :
 layout.js
         Ext.onReady(function(){

var main_panel = new Ext.TabPanel({
layoutOnTabChange:true,
region : "center"
});

var button = new Ext.Button({
text : "导出数据",
id    : "data_button",
width : 210,
listeners :{
click : function(bnt,event){
var n;
n = main_panel.getComponent("data_layout");
if(n){
main_panel.setActiveTab("data_layout");
return;
}
n = main_panel.add({
id : "data_layout",
title : "测试",
height : 300,
// html : "<iframe width=100% height=100% src=container/ajaxdata.jsp />",
autoLoad : {
url : "container/ajaxdata.jsp",
scripts : true
},
closable : true,
autoShow : true
}).show();
main_panel.setActiveTab(n);

}
}
});


var item1 = new Ext.Panel({
title : "this is item1",
items : [button]
});

var item2 = new Ext.Panel({
title : "this is item2",
});

var item3 = new Ext.Panel({ 
title : "this is item3"
});

var west_panel = new Ext.Panel({
layout : "accordion",
region : "west",
width : 210,
collapsible : true,
disable : true,
items : [item1,item2,item3]
});

var view = new Ext.Viewport({
layout : "border",
items : [west_panel,main_panel]
});


});
export.js
//Ext.onReady(function(){

var fields = ["id" , "name", "level","leaf","pid"];


var e_proxy = new Ext.data.HttpProxy({
method: "GET",
url : "control?action=find"
});

var e_reader = new Ext.data.JsonReader({
totalProperty : "total",
root : "items",
fields : fields
});

var e_store = new Ext.data.Store ({
proxy : e_proxy ,
reader : e_reader
});

e_store.load({params : {start : 0, limit : 30}});
var e_bbar =   new Ext.PagingToolbar({
pageSize: 30,
store : e_store,
displayInfo : true,
displayMsg : '总记录数 {0} - {1} of {2}',
emptyMsg : "没有记录"
});

var e_girdpanel = new Ext.grid.GridPanel ({
renderTo : "data",
region : "center",
store : e_store,
height : 650,
loadMask : true,
stripeRows : true,
//disableSelection : true,
columns : [ {
header : "id",
dataIndex : "id"
}, {
header : "Name",
dataIndex : "name"
}, {
header : "Level",
dataIndex : "level"
}, {
header : "Leaf",
dataIndex : "leaf"
}, {
header : "Pid",
dataIndex : "pid"
} ],
bbar : e_bbar
});
// var viewport = new Ext.Viewport({
// layout : "border",
// items : [e_girdpanel]
// });

//});