欢迎访问中国最大的EXTJS讨论社区 首页 论坛 教程

Ext教程-一起Ext

当前位置: 首页 > 教程 > Ext Form >

EXT的form表单ajax提交的一个例子

时间:2009-04-01 15:25来源: 作者: 点击:
EXT的form表单ajax提交(默认提交方式) 相对单独的ajax提交来说优点在于能省略写参数数组 将按钮添加单击事件 表单验证登陆 ------------------------------------------------------------------------ !D

  

EXT的form表单ajax提交(默认提交方式)
相对单独的ajax提交来说优点在于能省略写参数数组 将按钮添加单击事件

表单验证登陆
------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title>New Document</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css"
            href="lib/ext/resources/css/ext-all.css" />
        <script type="text/javascript" src="lib/ext/adapter/ext/ext-base.js">
        </script>
        <script type="text/javascript" src="lib/ext/ext-all.js">
        </script>
    </head>
    <body>
        <script>
Ext.onReady(function(){  
//编码方式
Ext.lib.Ajax.defaultPostHeader += \'; charset=utf-8\';
          //使用表单提示
          Ext.QuickTips.init();
          Ext.form.Field.prototype.msgTarget = \'side\';
      
        //定义表单
          var simple = new Ext.FormPanel({
            labelWidth: 75,         
            baseCls: \'x-plain\',
            defaults: {width: 150},
            defaultType: \'textfield\',//默认字段类型
                
            //定义表单元素
            items: [{
                  fieldLabel: \'帐户\',
                  name: \'name\',//元素名称
                  //anchor:\'95%\',//也可用此定义自适应宽度
                  allowBlank:false,//不允许为空
                  blankText:\'帐户不能为空\'//错误提示内容
               },{
                   inputType:\'password\',
                  fieldLabel: \'密码\',
                  //anchor:\'95%\',
                  name: \'pws\',
                  allowBlank:false,
                  blankText:\'密码不能为空\'
               }
            ],

            buttons: [{
               text: \'登陆\',
               type: \'submit\',
               //定义表单提交事件
               handler:function(){

声明:本站教程文章版权为一起Ext(http://www.17ext.com/)所有,转载请注明出处
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
推荐内容