(一)PANEL面板加载JSP内容
var boardcenter = new Ext.Panel({
id : 'boardcenter',
autoLoad : {
url : './informationbean/information.jsp'
},
title : '公告',
region : 'north',
html : '公告区测试内容!'
});
(二) 直接用PANEL面板的LOAD方法更新内容
panelobject.load({
url: "your-url.jsp", params: {param1: "foo", param2: "bar"}, // or a URL encoded string
callback: yourFunction,
scope: yourObject, // optional scope for the callback
discardUrl: false,
nocache: false,
text: "Loading...",
timeout: 30,
scripts: false
});
(三) 以获得其PANEL面板内容对象,来更新面板内容.
var detailcenter = new Ext.Panel({
id:'detailcenter',
height : 250,
region : 'south',
title : '内容详细区',
html : '详细内容.'
});
// fn : function() {// ----------------
//
// var selNode = view.getSelectedNodes();
// // var detailEl = Ext.getCmp('img-detail-panel').body;
// if(selNode && selNode.length > 0){
// selNode = selNode[0];
// // Ext.getCmp('ok-btn').enable();
// // var data = this.lookup[selNode.id];
// // detailEl.hide();
// // this.detailsTemplate.overwrite(detailEl, data);
// // detailEl.slideIn('l', {stopFx:true,duration:.2});
// // }else{
// // Ext.getCmp('ok-btn').disable();
// // detailEl.update('');
//
//
var bd = Ext.getCmp('detailcenter').body; // 获得panel主体内容
bd.update('').setStyle('background', '#fff'); // 清空panel内容
switch (nodetitle)
{
case '测试文章标题1':bd.hide().update('测试文章标题1').slideIn('0', {stopFx:true,duration:.2});break;
default:bd.hide().update('测试文章标题2').slideIn('l', {stopFx:true,duration:.2});break;
}
http://www.blogjava.net/algz/articles/223457.html