以下是一个使用 ExtJS Panel 来加载 JSP 页面的示例代码。在这个例子中,我们将创建一个 ExtJS 应用程序,它包含一个窗口(Window),窗口中有一个面板(Panel),该面板将用于加载一个远程的 JSP 页面。

```javascript

extjs panel 加载jsp实例,ExtJSPanel加载JSP实例  第1张

Ext.onReady(function() {

Ext.create('Ext.Window', {

title: 'JSP 页面加载示例',

width: 600,

height: 400,

layout: 'fit',

items: [{

xtype: 'panel',

id: 'jspPanel',

autoLoad: {

url: 'jspPage.jsp', // 这里填写你的JSP文件路径

method: 'get',

params: {

// 可以添加额外的参数

},

renderTo: 'jspPanel'

}

}],

buttons: [{

text: '关闭',

handler: function() {

this.up('window').close();

}

}]

}).show();

});

```

在上面的代码中,我们首先定义了一个 ExtJS 的 Window,它将包含一个 Panel。在 Panel 的 `autoLoad` 配置中,我们指定了要加载的 JSP 页面的 URL,这里是 `'jspPage.jsp'`,你需要将这个字符串替换为你的实际 JSP 文件的路径。

请确保你的服务器已经配置好了 JSP 支持,并且 JSP 文件是可访问的。此代码将请求服务器上的 JSP 页面,并将响应内容渲染到面板中。注意,`renderTo` 属性是用于旧版本的 ExtJS,新版本中不再需要此属性,因为 Panel 会自动处理内容。

在按钮部分,我们添加了一个关闭按钮,当点击这个按钮时,窗口将被关闭。