我在 JSP 文件正文标记内创建 Java 小程序和 extjs 按钮,当我单击按钮时,我正在创建带有浮动选项的 extjs 窗口。
问题是:
- 按钮呈现在小程序下方。
- 窗口正在小程序下呈现(窗口不在前面)
(我也试过tofront()
方法和setzindex
窗口。)
我需要渲染如下:
- 小程序需要占用整个身体
- 按钮需要放在小程序的顶部中心。
- Extjs 窗口需要在小程序的前面(上方)呈现。
我怎样才能实现上述场景?
我通过以下代码添加:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<script language="javascript">
Ext.onReady(function() {
function CreateWindow()
{
var win = new Ext.Window( {
layout : 'fit',
floating: true,
// resizable : false,
width : 500,
height : 120,
closeAction : 'close',
closable : true,
plain : true,
//items : [grid],
});
win.show();
//win.setZIndex('2');
}
new Ext.Button({
text: 'submit ExtJS',
handler: function() {
CreateWindow();
},
id: 'submit_button',
renderTo:document.body
});
});
</script>
<title>Insert title here</title>
</head>
<body>
<applet archive="**.jar, mylib.jar" code="" height="250" width="98%" vspace = "20">
<param name="schema" value="<%= request.getScheme() %>" />
<param name="serverName" value="<%= request.getServerName() %>" />
<param name="serverPort" value="<%= request.getServerPort() %>" />
<param name="context" value="<%= request.getContextPath() %>" />
</applet>
</body>
</html>