EXT JS布局XHTML

时间:2010-08-09 06:06:50

标签: xhtml layout extjs

我正在尝试将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,它就不起作用。

如果这是转发,我很抱歉。

1 个答案:

答案 0 :(得分:0)

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