EXT JS布局XHTML

Question

我正在尝试将ExtJS 2.0与Java丰富的界面相集成。我正在尝试使用Ext.Panel获取基本布局。 所以我写了这样的代码：

Ext.onReady(function() 
{ 

Ext.QuickTips.init(); 

var myBorderPanel = new Ext.Panel(
{ 
renderTo: document.body, 
width: 700, 
height: 500, 
title: 'Border Layout', 
layout: 'border', 
items: 
[ 
{ 
    autoLoad:{url: 'panel.html', scripts:true}, 
    renderTo: document.body.footer, // a div by name footer 
    title: 'South Region is resizable', 
    region: 'south',  // position for region 
    height: 100, 
    split: true,   // enable resizing 
    minSize: 75,   // defaults to 50 
    maxSize: 150, 
    margins: '0 5 5 5' 
}] 
}); 

});' 

上面的代码工作正常。但在上面的代码中，如果我使用panel.xhtml而不是panel.html，它不起作用。

如果这是转贴，我很抱歉。

Answer 1

我得到它的工作，但没有使用autoLoad。我使用了contentEl，这是一个完美的选择。