EXTJS登录界面

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="adapter/ext/ext-base.js" type="text/javascript"></script>
<script src="ext-all.js" type="text/javascript"></script>
<link href="resources/css/ext-all.css" rel="stylesheet" type="text/css" />
  
</head>
<script type="text/javascript">
    Ext.onReady(function () {
        //begin
        var logf = new Ext.FormPanel({
            renderTo: "log",
            title: "用户登录",
            width: 300,
            height: 150,
            frame: true,
            floating: true,
            defaultType: "textfield",
            labelAlign: "right",
            items: [
            {
                fieldLabel: "用户名"
            },
            {
                inputType: "password",
                fieldLabel: "密码"
            }
            ],
            buttons: [{ text: "登录", handler: function () {
               alert("确认提交按钮！");
            }
            }, { text: "重置"}]


        });
        //end
        var vp = new Ext.Viewport();
        var x = (vp.getSize().width - logf.getSize().width) / 2;
        var y = (vp.getSize().height - logf.getSize().height) / 2;
        logf.setPosition(x, y);

    })

</script>


<body>
<div id="log"></div>
</body>
</html>

posted @ 2011-05-22 22:52  风云8  阅读(6316)  评论(1)    收藏  举报