随笔-9  评论-168  文章-266  trackbacks-0
(一)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;
     }
posted on 2008-08-21 12:24 紫蝶∏飛揚↗ 阅读(12766) 评论(3)  编辑  收藏 所属分类: EXTJS

评论:
# re: EXT.PANEL面板加载和更新内容[未登录] 2009-04-22 11:29 | 1
1  回复  更多评论
  
# re: EXT.PANEL面板加载和更新内容 2011-06-07 14:35 | 紫蝶∏飛揚↗
自已回来复习哈...虽说现在EXTJS4了,但用起来还是没EXTJS3顺手.  回复  更多评论
  
# re: EXT.PANEL面板加载和更新内容 2011-09-07 15:50 | 路过
nodetitle是指什么?我要更新的是同一面板的内容。  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: