EXTJS如何清空表单
时间: 2023-06-06 09:09:10 浏览: 63
可以使用Ext.form.Panel对象的reset()方法清空表单。代码如下:
```javascript
var formPanel = Ext.getCmp('formPanelId');
formPanel.getForm().reset();
```
相关问题
extjs设置表单提交
在 ExtJS 中设置表单提交可以通过以下步骤完成:
1. 创建一个表单组件:
```javascript
Ext.create('Ext.form.Panel', {
title: 'My Form',
width: 300,
height: 200,
renderTo: Ext.getBody(),
items: [
// 表单字段
],
buttons: [
// 表单按钮
]
});
```
2. 添加表单字段:
```javascript
items: [
{
xtype: 'textfield',
fieldLabel: 'Name',
name: 'name'
},
// 其他表单字段
]
```
3. 添加表单按钮:
```javascript
buttons: [
{
text: 'Submit',
handler: function() {
var form = this.up('form').getForm();
if (form.isValid()) {
form.submit({
url: 'submit.php', // 表单提交的URL
success: function(form, action) {
// 成功回调函数
},
failure: function(form, action) {
// 失败回调函数
}
});
}
}
},
// 其他按钮
]
```
4. 在服务器端接收表单数据:
在上述代码中,表单提交的URL为`submit.php`,你需要在服务器端编写 `submit.php` 文件来接收表单数据,并进行相应的处理。
这就是在 ExtJS 中设置表单提交的基本步骤,你可以根据自己的需求进行进一步的定制和扩展。
extjs4.2 Form表单 提交
提交 ExtJS 4.2 Form表单有两种方式:通过表单的submit()方法提交和通过Ajax请求提交。
1. 通过表单的submit()方法提交
```
Ext.getCmp('formId').submit({
url: 'yourUrl',
method: 'POST',
success: function(form, action) {
// 成功后的操作
},
failure: function(form, action) {
// 失败后的操作
}
});
```
2. 通过Ajax请求提交
```
Ext.Ajax.request({
url: 'yourUrl',
method: 'POST',
params: Ext.getCmp('formId').getValues(),
success: function(response) {
// 成功后的操作
},
failure: function(response) {
// 失败后的操作
}
});
```
其中,`Ext.getCmp('formId').getValues()` 方法可以获取表单的所有值,也可以通过 `Ext.getCmp('formId').getForm().getValues()` 方法获取表单的所有值。在提交表单时,需要设置提交的URL和提交方式,提交成功后执行success回调函数,失败后执行failure回调函数。