EXT.PANEL面板加载和更新内容

(一)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