окно получается в виде точки в левом верхнем углу размером 0х0, если верить инспектору
вот код
если я без окна делаю, а только панель вывожу - по крайней мере видно, но плохо.
если не указываю высоту окна - видно только поле Логин
что я делаю не так? как правильно делать, чтобы окно нарисовалось посередине экрана браузера?
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>PDS</title>
<link rel="stylesheet" type="text/css" href="lib/ext41/resources/css/ext-all.css"/>
<script type="text/javascript" src="lib/ext41/ext-all-debug.js"></script>
</head>
<body>
<div id="formDiv" align="center" style="vertical-align: middle"></div>
<!--<h1>Please Log In</h1>
<form method="POST" action="j_security_check"/>
Login: <input type="text" name="j_username"/><br/>
Password: <input type="password" name="j_password"/><br/>
<input type="submit"/>
</form> -->
</body>
<script type="text/javascript">
var form = Ext.create('Ext.form.Panel', {
width: 300,
height: 150,
url: 'j_security_check',
method: 'POST',
standardSubmit: true,
items: [
{
xtype: 'textfield',
fieldLabel: 'Login',
name: 'j_username'
},
{
xtype: 'textfield',
fieldLabel: 'Password',
inputType: 'password',
name: 'j_password'
},
],
buttons: [
{
text: 'OK',
formBind: true,
handler: function(){
form.submit();
}
}
]
});
var wnd = Ext.create('Ext.window.Window', {
width: 300,
height: 150,
layout: 'fit',
resizable: false,
closable: false,
plain: true,
border: false,
items: [
form
]
});
//form.render('formDiv');// Ext.getBody());
wnd.render(Ext.getBody());
</script>
</html>
