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