• 用extjs4做个登录框


    原来用extjs 3做过登录框,但是extjs 4对与键盘事件有些不大一样了,在旧版本中通过“keys”实现按“Enter”登录,在extjs 4中就不可以这样子做了。习惯性贴出代码:

     1         Ext.onReady(function () {
     2             Ext.tip.QuickTipManager.init();
     3             var loginForm = Ext.widget('form', {
     4                 title: '用户登录',
     5                 labelWidth: 60,
     6                 monitorValid: true,
     7                 frame: true,
     8                 bodyStyle: 'padding:5px 5px 0',
     9                  300,
    10                 url: '/account/logon',
    11                 defaults: {
    12                     anchor: '100%',
    13                     allowBlank: false,
    14                     msgTarget: 'side',
    15                     labelWidth: 60
    16                 },
    17                 defaultType: 'textfield',
    18                 renderTo: 'login',
    19                 items: [{
    20                     fieldLabel: '用户名',
    21                     name: 'userName',
    22                     allowBlank: false
    23                 }, {
    24                     fieldLabel: '密码',
    25                     inputType: 'password',
    26                     name: 'password',
    27                     allowBlank: false,
    28                     enableKeyEvents: true,
    29                     listeners: {
    30                         specialkey: function (fied, e) {
    31                             if (e.getKey() == e.ENTER) {
    32                                 loginForm.onLogin();
    33                             }
    34                         }
    35                     }
    36                 }],
    37                 buttons: [{
    38                     text: '登录',
    39                     formBind: true,
    40                     handler: function () {
    41                         loginForm.onLogin();
    42                     }
    43                 }, {
    44                     text: '重置',
    45                     handler: function () {
    46                         this.up('form').getForm().reset();
    47                     }
    48                 }],
    49                 onLogin: function () {
    50                     var form = loginForm.getForm();
    51 
    52                     if (form.isValid()) {
    53                         form.submit({
    54                             waitTitle: '用户登录',
    55                             waitMsg: '正在登录',
    56                             success: function (form, action) {
    57                                 loginForm.setVisible(false);
    58                                 window.location = '@ViewBag.ReturnUrl';
    59                             },
    60                             failure: function (form, action) {
    61                                 Ext.Msg.alert('用户登录', '登录失败');
    62                             }
    63                         });
    64                     }
    65                 }
    66             });
    67         });
  • 相关阅读:
    Java调度实现
    关于《报表》的实际运用案例
    mybaits错误解决:There is no getter for property named 'parentId ' in class 'java.lang.String'
    Java Eclipse进行断点调试
    切割时间工具类
    JavaWeb开发技术基础概念回顾篇
    解决无线网络连接出现黄色感叹号---win10
    登录界面Demo
    MD5加密Demo
    java.lang.NullPointerException&com.cb.action.LoginAction.execute(LoginAction.java:48)
  • 原文地址:https://www.cnblogs.com/TerryLiang/p/2166541.html
Copyright © 2020-2023  润新知