extjs如何关闭当前表单所在的窗体
时间: 2024-04-11 10:26:33 浏览: 11
在 ExtJS 中关闭当前表单所在的窗体,可以通过以下步骤完成:
1. 获取当前表单的引用:
```javascript
var form = Ext.getCmp('formId'); // 根据表单的 id 获取表单组件的引用
```
或者
```javascript
var form = this.up('form'); // 在按钮的点击事件处理程序中使用 "this" 来获取当前按钮所在的表单组件
```
2. 获取当前窗体的引用:
```javascript
var window = form.up('window'); // 使用 "up" 方法来获取当前表单所在的窗体组件
```
3. 关闭窗体:
```javascript
window.close(); // 使用 "close" 方法来关闭窗体
```
完整的代码示例:
```javascript
var form = Ext.getCmp('formId'); // 或者使用 this.up('form');
var window = form.up('window');
window.close();
```
通过以上步骤,你可以关闭当前表单所在的窗体。请确保在代码中正确设置表单和窗体的 id 或其他唯一标识符,以便能够正确地获取表单和窗体的引用。
相关问题
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回调函数。
EXTJS如何清空表单
可以使用Ext.form.Panel对象的reset()方法清空表单。代码如下:
```javascript
var formPanel = Ext.getCmp('formPanelId');
formPanel.getForm().reset();
```