1 var frm
 2 Ext.onReady(function() {
 3     Ext.QuickTips.init();
 4     Ext.form.Field.prototype.msgTarget = 'under';
 5     new Ext.FormPanel({
 6         labelWidth: 75,
 7         id: 'frm',
 8         frame: true,
 9         title: 'simple form',
10         bodyStyle: 'padding: 5px',
11         width: 350,
12         defauls: { width: 230 },
13         defaultType: 'textfield',
14         applyTo: 'con',
15         autoHeight: true,
16         items: [
17             {
18                 fieldLabel: 'First Name',
19                 name: 'first',
20                 allowBlank: false
21             }, {
22                 fieldLabel: 'Last Name',
23                 name: 'last'
24             }, {
25                 fieldLabel: 'Company',
26                 name: 'company'
27             }, {
28                 fieldLabel: 'Email',
29                 name: 'email',
30                 vtype: 'email',
31                 allowBlank: false
32             }, {
33                 xtype: 'timefield',
34                 fieldLabel: 'Time',
35                 name: 'time',
36                 minValue: '8:00am',
37                 maxValue: '6:00pm',
38                 allowBlank: true
39             }
40         ],
41         buttons: [
42             { text: 'Save', handler: submit },
43             { text: 'load', handler: load },
44             { text: 'Reset', handler: reset }
45         ]
46     });
47     frm = Ext.getCmp('frm');
48 });

1 function submit() {
 2     if (!frm.getForm().isValid()) return;
 3     frm.getForm().submit({
 4         waitMsg: '正在提交数据',
 5         waitTitle: '提示',
 6         url: 'submit.ashx',//这里没使用asp.net网页
 7         method: 'GET',//指定为GET方式时,url中指定的参数将失效，表单项转换成url中的key=value传递给服务,见http://blog.csdn.net/goodshot/article/details/9116973
 8         success: function(form, action) {
 9             Ext.Msg.alert('提示', '保存成功');
10         },
11         failure: function(form, action) {
12             Ext.Msg.alert('提示', '原因如下：' + action.result.errors.info);
13         }
14     });
15 }

1<%@ WebHandler Language="C#" Class="submit" %>
 2
 3using System;
 4using System.Web;
 5
 6public class submit : IHttpHandler {
 7    
 8    public void ProcessRequest (HttpContext context) {
 9        context.Response.ContentType = "text/json";
10        bool result = false;
11        // 简单的业务逻辑省略。可以从context.Request["表单的ID"]来读取从formPanel传递过来的表单值。
12        // 再根据这些值。做一系列的业务逻辑处理。
13        // 以下是提交成功与否，所做出的反馈。
14        if (result)
15        {
16            context.Response.Write("{ success: true, errors:{} }");
17        }
18        else
19        {
20            context.Response.Write("{ success: false, errors:{info: '错误了'} }");
21        }
22        
23    }
24 
25    public bool IsReusable {
26        get {
27            return false;
28        }
29    }
30
31}

1 function load() {
 2     frm.getForm().load({
 3         waitMsg: '正在加载数据',
 4         waitTitle: '提示',
 5         url: 'Handler.ashx',
 6         method: 'GET',
 7         success: function(form, action) {
 8             Ext.Msg.alert('提示', '加载成功');
 9         }
10     });
11 }

1<%@ WebHandler Language="C#" Class="Handler" %>
 2
 3using System;
 4using System.Web;
 5
 6public class load : IHttpHandler {
 7    
 8    public void ProcessRequest (HttpContext context) {
 9        //string result = string.Format("{success: {0}, errors:{1}}", "false", "Hello world");
10        context.Response.ContentType = "text/json";
11        context.Response.Write(@"
12{
13    success: true,
14    data: { first: 'tom', last: 'king', company: 'microsoft', email: 'czclkg@21cn.com', time: '10:00am' }
15}
16");
17        
18    }
19 
20    public bool IsReusable {
21        get {
22            return false;
23        }
24    }
25
26}