• 表单加载


         //使用了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',
                400,
                defauls: { labelWidth: 80, 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); }
                    //请求失败的回调函数
                });
            };
  • 相关阅读:
    高等软工第三次作业——设计也可以按图索骥
    高等软工第二次作业-从需求分析看软件开发的挑战
    高等软工第一次作业——期望与笃信
    【ACM-ICPC 2018 徐州赛区网络预赛】D.Easy Math 杜教筛
    【HDU 6428】Calculate 莫比乌斯反演+线性筛
    【BZOJ 4199】[Noi2015]品酒大会 后缀自动机+DP
    【BZOJ 3238】差异 后缀自动机+树形DP
    【Codeforces Round #466】E. Cashback DP+ST表
    【BZOJ 4709】柠檬 斜率优化dp+单调栈
    Hello Tornado
  • 原文地址:https://www.cnblogs.com/lz3018/p/4579789.html
Copyright © 2020-2023  润新知