JSPファイルのボディタグ内にJavaアプレットとextjsボタンを作成しています。ボタンをクリックすると、floatオプションで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>