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

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 会自动处理内容。
在按钮部分,我们添加了一个关闭按钮,当点击这个按钮时,窗口将被关闭。







