表单加载
//使用了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); }
//请求失败的回调函数
});
};
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); }
//请求失败的回调函数
});
};