在Extjs中使用autoload加载页面到右边面板问题

2025-06-21 12:51:22
推荐回答(1个)
回答1:

你打开这个页面里面的连接指定target没?

target:

_blank 在新窗口中打开被链接文档。 

_self 默认。在相同的框架中打开被链接文档。 

_parent 在父框架集中打开被链接文档。 

_top 在整个窗口中打开被链接文档。 

framename 在指定的框架中打开被链接文档。 

你右面用的是iframe么? 

 

   

  

   href="../ext2.x/resources/css/ext-all.css" />

   

  

  

  

 

html,body {

 font: normal 12px verdana;

 margin: 0;

 padding: 0;

 border: 0 none;

 overflow: hidden;

 height: 100%;

}

.empty .x-panel-body {

 padding-top: 0;

 text-align: center;

 font-style: italic;

 color: gray;

 font-size: 11px;

}

.x-btn button {

 font-size: 14px;

}

.x-panel-header {

 font-size: 14px;

}

 

 

  

Ext.onReady(function() {

 var addPanel = function(btn, event) {

  var n;

  n = tabPanel.getComponent(btn.id);

  if (n) {

   tabPanel.setActiveTab(n);

   return;

  }

  n = tabPanel.add({

   id : btn.id,

   title : btn.text,

   html : '',

   // autoLoad : '',

   closable : 'true'

  });

  tabPanel.setActiveTab(n);

 }

 var item1 = new Ext.Panel({

  title : '后台管理',

  // html :'<empty panel>',

  cls : 'empty',

  items : [new Ext.Button({

   id : 'a1',

   text : '查看',

   width : '100%',

   listeners : {

    click : addPanel

   }

  }),

  new Ext.Button({

   id : 'b1',

   text : '管理',

   width : '100%',

   listeners : {

    click : addPanel

   }

  })

  ]

 });

 var item2 = new Ext.Panel({

  title : 'Accordion Item 2',

  html : '<empty panel>',

  cls : 'empty'

 });

 var item3 = new Ext.Panel({

  title : 'Accordion Item 3',

  html : '<empty panel>',

  cls : 'empty'

 });

 var item4 = new Ext.Panel({

  title : 'Accordion Item 4',

  html : '<empty panel>',

  cls : 'empty'

 });

 var item5 = new Ext.Panel({

  title : 'Accordion Item 5',

  html : '<empty panel>',

  cls : 'empty'

 });

 var accordion = new Ext.Panel({

  region : 'west',

  margins : '5 0 5 5',

  split : true,

  width : 210,

  layout : 'accordion',

  items : [item1, item2, item3, item4, item5]

 });

 var tabPanel = new Ext.TabPanel({

  region : 'center',

  enableTabScroll : true,

  deferredRender : false,

  activeTab : 0,

  items : [{

   title : 'index',

   html : ""

  // html : "aaa"

  // autoLoad :'b.jsp'

  }]

 });

 var viewport = new Ext.Viewport({

  layout : 'border',

  items : [accordion, tabPanel]

 });

});

  

 

a1.html

  

    

    

 

  

     

    aaa

    

     bbb