上面的问题继续,form内的值如何传递给后台
时间: 2024-03-08 13:48:07 浏览: 119
在 ExtJS 4.2 中,可以通过表单对象的 getValues 方法来获取表单中所有字段的值,然后将这些值发送到后台。例如:
```javascript
Ext.create('Ext.form.Panel', {
title: 'My Form',
width: 300,
bodyPadding: 10,
renderTo: Ext.getBody(),
url: 'submit.php', // 表单提交的 URL
items: [{
xtype: 'textfield',
name: 'username',
fieldLabel: 'Username'
}, {
xtype: 'textfield',
name: 'password',
inputType: 'password',
fieldLabel: 'Password'
}, {
xtype: 'combo',
name: 'colors',
fieldLabel: 'Choose Colors',
store: ['Red', 'Green', 'Blue', 'Yellow'],
multiSelect: true,
queryMode: 'local',
displayField: 'text',
valueField: 'value'
}],
buttons: [{
text: 'Submit',
handler: function() {
var form = this.up('form').getForm();
if (form.isValid()) {
var values = form.getValues(); // 获取表单中所有字段的值
form.submit({
params: values, // 将表单的值作为参数传递给后台
success: function(form, action) {
Ext.Msg.alert('Success', action.result.msg);
},
failure: function(form, action) {
Ext.Msg.alert('Failed', action.result.msg);
}
});
}
}
}]
});
```
在这个示例中,我们创建了一个表单,并添加了三个字段:一个文本框、一个密码框和一个多选下拉框。在提交按钮的事件处理函数中,我们首先调用表单的 getValues 方法来获取表单中所有字段的值,然后将这些值作为参数传递给表单的 submit 方法。在后台接收到这些参数后,可以根据需要进行处理。
在表单的 submit 方法中,我们通过 params 属性将表单的值作为参数传递给后台。params 属性是一个对象,其中的键是参数的名称,值是参数的值。在这个示例中,我们将表单的值作为一个参数传递给后台。当后台接收到这个参数时,可以通过 $_POST['colors'] 来获取用户选择的颜色值。
阅读全文