表单加载

     //使用了Ext.form.action.Load从服务器的返回信息示例是{success:true,data:{introduction:'.....'}}.introduction是待加载数据的表单项名。
        Ext.QuickTips.init();//Load加载表单方式从服务器返回的json对象包含两个配置项{success和data}这是加载成功的时候
        var product_Form = Ext.create('Ext.form.Panel', {//失败的时候是{success：false，errorMessage：’。。。‘}
            renderTo: Ext.getBody(),
            frame: true,
            title: '表单加载',
            bodyStyle: 'padding: 5px',
            width: 400,
            defauls: { labelWidth: 80, width: 300 },
            //defaultType: 'textfield',
            items: [
              {
                  xtype: 'textfield',
                  fieldLabel: '产品名称',
                  name: 'productName',
                  value: 'U盘'
              }, {
                  fieldLabel: '金额',
                  name: 'price',
                  xtype: 'numberfield',
                  value: 100
              }, {
                  fieldLabel: '生产日期',
                  name: 'productDate',
                  xtype: 'datefield',
                  format: 'Y-m-d',
                  value: new Date()
              }, {
                  xtype: 'textarea',
                  fieldLabel: '产品简介',
                  name: 'introduction',
              },
        //定义一个隐藏字段，表单提交后，在后台确定表单已提交
              {
                  xtype: 'hidden',
                  name: 'productId',
                  value: '001'


              }


            ],
            buttons: [


                { text: '加载简介', handler: load }


            ]
        });
        function load() {
            var params = product_Form.getForm().getValues();//获取表单中所有字段的值。忘记给getValues()加括号导致得不到正确结果。
            product_Form.getForm().load({//load()是form.Basic的用于执行表单读取的函数，下面就是其配置对象（以json形式定义的对象就是配置对象）
                params: params,//params默认是表单的baseParams，但是若表单中未定义baseParams则params即为空，是负责向服务器传入http参数。不配置请求就为空了把～
                url: 'Handler1.ashx',//请求的页面，此页面处理http请求，然后响应http请求
                method: 'GET',//提交表单的方式，适合提交文本。post适合提交更多的数据量
                success: function (form, action) { Ext.Msg.alert('提示', '成功加载产品简介'); },//是请求成功后的回调函数
                failure: function (form, action) { Ext.Msg, alert('提示', '加载产品简介失败<br>失败原因:' + action.result.errorMessage); }
                //请求失败的回调函数
            });
        };