extJs formpanel小例 - 飞扬部落编程仓库-专注编程,网站,专业技术

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>用户后台</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext/ext-all.js"></script>
    <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">

</head>

        items: [{
                fieldLabel: '帐户',
                name: 'name',
                allowBlank:false,
                blankText: '帐户不能为空'
            },{
                fieldLabel: '密码',
                name: 'pws',
    inputType:'password',
    allowBlank:false,//禁止为空
    blankText: '密码不能为空'
            }
        ],

        buttons: [{
            text: '登录',
   handler:function(){

      if(simple.form.isValid()){
               this.disabled=true;
                      simple.form.doAction('submit',{
url:'f.html',
                          method:'post',
        waitTitle:"请稍候",
                          waitMsg:"正在提交表单数据，请稍候。。。。。。",
        params:'',
        success:function(form,action){
           Ext.Msg.alert('操作',action.result.data);                                                        this.disabled=false;
        },
        failure:function(){
        Ext.Msg.alert('操作','保存失败！');
        this.disabled=false;
        }
                      });
               }
        }
        },{
            text: '取消',
   handler:function(){simple.form.reset();}//重置表单
        }]
    });
    win = new Ext.Window({
id:'win',
title:'登陆',
layout:'fit',
width:360,
height:150,
plain:true,
bodyStyle:'padding:5px 5px 5px 5px;',
maximizable:false,
closeAction:'close',
closable:false,
collapsible:true,
plain: true,
buttonAlign:'center',
items:simple
});
win.show();

});
</script>

<body>

</body>
</html>

Tags: ExtJS formpanel 小例

原创文章如转载，请注明：转载自：飞扬部落编程仓库 : http://www.busfly.net/csdn/

本文链接地址：http://www.busfly.net/csdn/post/649.html

如果你喜欢本文，请顶一下，支持我，你的支持是我继续发好文章的最大动力。谢谢。
好东西需要分享，快把本文发给你的朋友吧~!~