EXT非ajax登录页面

chengyu_555 · 发表于 2013-1-29 07:46:41

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/ext/ext-all.js"></script>

</head>
<body>
<script>
Ext.onReady(function(){
      //使用表单提示
      Ext.QuickTips.init();
      Ext.form.Field.prototype.msgTarget = 'side';

      //定义表单
      var simple = new Ext.FormPanel({
         labelWidth: 75,
         baseCls: 'x-plain',
         defaults: {width: 150},
         defaultType: 'textfield',//默认字段类型
         onSubmit: Ext.emptyFn,
submit: function(){
this.getEl().dom.action = '${pageContext.request.contextPath}/web/manager/login.do'; //连接到服务器的url地址
this.getEl().dom.submit();
},

         //定义表单元素
         items: [{
               fieldLabel: '帐户',
               name: 'name',//元素名称
               //anchor:'95%',//也可用此定义自适应宽度
               allowBlank:false,//不允许为空
               blankText:'帐户不能为空'//错误提示内容
            },{
               inputType:'password',
               fieldLabel: '密码',
               //anchor:'95%',
               name: 'pwd',
               allowBlank:false,
               blankText:'密码不能为空'
            }
         ],

         buttons: [{
            text: '登陆',
            type: 'submit',
            //定义表单提交事件
            handler:function(){simple.form.submit();}//重置表单
         },{
            text: '取消',
            handler:function(){simple.form.reset();}//重置表单
         }]
      });
            //定义窗体
            win = new Ext.Window({
               id:'win',
               title:'用户登陆',
               layout:'fit', //之前提到的布局方式fit，自适应布局
               width:300,
               height:150,
               plain:true,
                     bodyStyle:'padding:5px;',
               maximizable:false,//禁止最大化
               closeAction:'close',
               closable:false,//禁止关闭
               collapsible:true,//可折叠
               plain: true,
               buttonAlign:'center',
               items:simple//将表单作为窗体元素嵌套布局
            });
            win.show();//显示窗体
   });
</script>
</body>
</html>

		自动登录	找回密码
密码			立即注册

EXT非ajax登录页面

浏览过的版块