码迷,mamicode.com
首页 > Web开发 > 详细

[extjs] ExtJs4.2 Form 表单提交

时间:2015-12-29 11:07:15      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:

 

基本代码:

<script>

Ext.onReady(function(){ Ext.create(‘Ext.form.Panel‘, { title: ‘登录‘, bodyPadding: 5, width: 350, // 将会通过 AJAX 请求提交到此URL url: ‘${pageContext.request.contextPath}/back/login.do‘, // 表单域 Fields 将被竖直排列, 占满整个宽度 frame: true, layout:‘auto‘, // The fields defaultType: ‘textfield‘, items: [{ fieldLabel: ‘用户名‘, name: ‘name‘, allowBlank: false, blankText:‘用户名不能为空‘ },{ fieldLabel: ‘密码‘, inputType:‘password‘, name: ‘pwd‘, allowBlank: false, blankText:‘密码不能为空‘ },{ fieldLabel: ‘用户类型‘, name:‘type‘, allowBlank: false, hidden:true, //隐藏组件 默认false value:1//表单默认值 } ], // 重置 和 保存 按钮. buttons: [{ text: ‘重置‘, handler: function() { this.up(‘form‘).getForm().reset(); } }, { text: ‘保存‘, formBind: true, //only enabled once the form is valid disabled: true, handler: function() { var form = this.up(‘form‘).getForm(); if (form.isValid()) { form.submit({ success: function(form, action) { Ext.Msg.alert(‘提示信息‘, action.result.restMsg); }, failure: function(form, action) { Ext.Msg.alert(‘提示信息‘, action.result.restMsg); } }); } } }], renderTo: Ext.getBody() }); }); </script>

  没有添加字段校验,验证码,密码加密等,只是纯粹的登录功能的实现,具体细节暂时忽略!

login.do 对应的程序:

 

    /**
     * 登录
     * 
     * @return
     */
    @RequestMapping("/login")
    @ResponseBody
    public void login(@RequestParam String name,@RequestParam String pwd,@RequestParam int type,Writer writer) {
        String valMsg ="";
        try {
            User user = new User();
            user.setUname(name);
            user.setPwd(pwd);
            user.setUtype(type);
            User getUser = userService.queryUser(user);
            if(getUser!=null){
                valMsg=showResultMsg(true, "登录成功");
                //跳转到首页
            }else {
                valMsg=showResultMsg(false, "用户不存在!");
            }
        } catch (Exception e) {
            e.printStackTrace();
            valMsg=showResultMsg(true, "登录失败");
        }finally {
            try {
                writer.write(valMsg);
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }

 

返回的结果:

{"result":true,"restMsg":"登录成功!"}

 

[extjs] ExtJs4.2 Form 表单提交

标签:

原文地址:http://www.cnblogs.com/lonelywolfmoutain/p/5084977.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!