extjs 有target属性时,form提交的进度条问题 - ITeye问答

问答首页 → Web前端技术

0 0

extjs 有target属性时,form提交的进度条问题5

大家好,我现在有一个问题,想请各位帮忙. 一个页面,上面是查询区域,有查询条件和查询按钮,下面是结果展示区域,它是一个重定向的页面.需求:点击查询按钮的时候,遮罩整个页面,并显示进度条,重定向页面加载完后,遮罩层消失,进度条消失.现在的问题是,用了target后,遮罩层和进度条不会自动消失;如果不用target,遮罩层和进度条能自动消失,但整个页面都被重定向页面替换了,上面的查询区域没有了.代码如下:

var form = Ext.create('Ext.form.Panel', {
   ...
});//查询区域,有查询条件和查询按钮

var panel = Ext.create('Ext.panel.Panel',{
    	region: 'center',
    	flex:1,
    	html:'<iframe name="report_frame" src="#" width="100%"    height="100%"/>'
});
    
Ext.create('Ext.Viewport', {
    layout:'border',
    items : [form, panel]
});

var m = mask();//实现遮罩功能
form.getForm().doAction('standardsubmit', {
	url: '...',
        method: 'POST',
        target: 'report_frame',
        success: function(basic,action){
            m.hide();//遮罩层消失
            
        },
        failure: function(basic,action){
            m.hide();//遮罩层消失
        }
});

ExtJS target form提交时的重定向页面加进度条

2014年2月17日 11:04

heyajun945
25
0 0 2

目前还没有答案

相关推荐

extjs 多文件上传代码实例: 在实现多文件上传时，我们需要将FileField的`multiple`属性设置为`true`，以便支持同时选择多个文件。例如： ```javascript { xtype: 'filefield', name: 'uploadFiles', fieldLabel: '选择文件', multiple: ...

EXTJS 上传组件及示例: - 上传组件通常与EXTJS的`Ext.form.Panel`配合使用，表单提交通常使用`Ext.Ajax.request`或`form.submit()`方法。 - `Ext.form.Basic`对象用于处理表单验证，确保所有字段都符合要求。 4. **异步上传**： - ...

Extjs中文教程2.x: `new Ext.form.TextField({ labelWidth: 100, labelAlign: 'right', allowBlank: false, listeners: { afterrender: function(field) { field.el.on('mouseover', function(e) { var tip = new Ext.ToolTip({ target...

ext上传文件例子文章: 在EXTJS中，还可以利用`Ajax`和`FormPanel`的异步提交方式，或者使用`FormData`对象来实现更复杂的文件上传逻辑，比如批量上传、进度条显示等。例如，通过`FormData`可以方便地添加额外的表单数据，并利用...

掏钱学Ext(完整版) 附全部源码: 5.3.3. 下一个例子是进度条 5.3.4. 动画效果，跳出来，缩回去 5.4. 更进一步撒。 6. 奔腾吧！让不同的浏览器里显示一样的布局。 6.1. 有了它，我们就可以摆脱那些自称ui设计师的人了。 6.2. 关于...

Ext 开发指南学习资料: 4.6. form提交数据的三重门 4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式 4.6.3. 单纯ajax 4.7. 验证苦旅 4.7.1. 不能为空 4.7.2. 最大长度，最小长度 4.7.3. 借助vtype 4.7.4. 自定义验证规则 4.7.5....

EXT2.0中文教程: 4.6. form提交数据的三重门 4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式 4.6.3. 单纯ajax 4.7. 验证苦旅 4.7.1. 不能为空 4.7.2. 最大长度，最小长度 4.7.3. 借助vtype 4.7.4. 自定义验证规则 4.7.5....

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics