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

目前还没有答案

相关推荐

ExtJS4多文件上传，带进度条及管理: 本文将详细解析"ExtJS4多文件上传，带进度条及管理"这一主题，涵盖其核心概念、实现方式以及相关技术。 **一、ExtJS4概述** ExtJS4是Sencha公司推出的一个前端框架，它提供了丰富的组件库和强大的数据绑定机制，...

extjs 进度条的显示: 例如，在代码片段中，我们首先创建了一个带有进度条的对话框： ```javascript var progressBar = Ext.Msg.show({ title: "", // 对话框标题 msg: "正在加载大量数据", // 显示的消息 progress: true, // 是否...

ExtJS+ASP.NET实现真实的进度条显示: 在本文中，我们将探讨如何利用ExtJS和ASP.NET来实现在服务器端进行长时间操作时，向用户展示一个实时更新的进度条，从而提升用户体验。这一技术对于那些需要处理大量数据或执行复杂计算的Web应用程序至关重要。 ...

extjs swfupload .net 多文件带进度条上传: 【标题】"extjs swfupload .net 多文件带进度条上传"涉及的核心技术是前端的EXTJS框架、后端的ASP.NET平台以及中间的文件上传组件SWFUpload。这种组合允许用户在Web应用中实现批量文件上传并显示上传进度，提供了...

extjs java 上传文件进度条: 同时，需要有良好的错误处理机制，当上传失败时，能够向用户清晰地反馈错误信息。 8. **用户体验优化**：为了提供更好的用户体验，可以设计合理的UI提示，如显示上传速度、预估剩余时间等。此外，可以考虑添加暂停...

ExtJS_可编辑Grid进度条: 例如，当进度达到一定阈值时，进度条的颜色可以改变，以视觉上提示用户当前进度的状态。 4. 嵌入式滚动条：这里的“嵌入式滚动条”可能指的是在Grid列内部实现的滚动条，而不是整个Grid的滚动条。这需要我们自定义...

extjs属性方法大全: - `Ext.form.Action.Submit`: 提交表单时触发，携带 `success` 和 `errors` 属性。 - `Ext.form.Action.Load`: 加载数据时触发，携带 `success` 和 `data` 属性。 #### 二、`Ext.form.BasicForm` 类 `Ext.form....

Asp.net+Extjs+Ajax轮询进度条.rar: "Asp.net+Extjs+Ajax轮询进度条.rar"这个压缩包文件显然包含了一个使用这些技术实现的特定功能——一个实时显示服务器处理进度的进度条界面。下面，我们将详细探讨这些技术以及它们在实现轮询进度条中的应用。 Asp...

ExtJs4.0 表单提交Demo: - 为了提高用户体验，可以在表单提交时显示加载动画，通过`Ext.MessageBox.show`实现。 - 验证数据完整性，避免无效数据提交，可以使用`form.isValid()`检查表单是否有效。 7. **实际应用** 这样的表单提交示例...

extjs4 grid(含form): extjs4 grid 包括form js代码

ExtJs实现进度条实例: 在“ExtJs实现进度条实例”中，我们可以探索如何使用ExtJs创建不同样式的进度条。进度条通常分为两种类型：线性进度条和圆形进度条。线性进度条是沿直线展示进度，而圆形进度条则以圆形或弧形展示。在ExtJs中，这两...

Extjs优化(二)Form表单提交通用实现: 4. `params`: 可选的额外参数，可以在提交时传递给服务器。 5. `callback`: 回调函数，用于处理成功或失败后的业务逻辑。函数首先检查表单是否有效（`isValid()`），只有当表单所有字段都符合验证规则时，才会继续...

extjs4 入门基础，form、grid、tree: ExtJS 是一个强大的JavaScript 框架，专用于构建富客户端Web应用程序。它提供了一整套组件化的用户界面...此外，不断实践和探索ExtJS的高级特性，如数据绑定、插件扩展、自定义组件等，将有助于提升你的前端开发技能。

extjs+swfupload实现多文件上传下载删除带进度条: 本篇将详细讲解如何利用`ExtJS`和`SwfUpload`来创建一个支持多文件上传、下载和删除，并带有进度条显示的系统。 `ExtJS`是一个基于JavaScript的UI框架，它提供了丰富的组件库和强大的数据绑定机制，可以构建出复杂...

Flex仿Extjs局部遮罩（可带进度条）: 自己整理的的一个仿Extjs局部遮罩，可带进度条。只是一个思路，组件有些小问题，比如组件大小改变时，遮罩没有随着组件大小变。大家使用时候可以优化了下。

ExtJs框架系列之ProgressGrid进度条: 在"ExtJs框架系列之ProgressGrid进度条"这个主题中，我们将深入探讨如何利用ExtJs框架中的特殊组件——ProgressColumn，来实现表格中显示动态进度条的功能。 ProgressColumn是Ext.ux.grid的一个扩展，它允许你在...

ExtJS带进度条的多文件上传和图片预览: 在ExtJS中，这通常通过`Ext.form.FileField`（文件选择字段）的`multiple`属性实现，配合HTML5的`<input type="file" multiple>`属性来支持。 3. **带进度条的文件上传**：在上传过程中显示进度条，可以提供实时的...

EXTJS属性文档: - `hiddenName`：创建一个隐藏字段来存储选定值，便于表单提交时服务器端处理。 - `listWidth`和`minListWidth`：控制下拉列表的宽度。 - `loadingText`：加载数据时的提示信息，适用于远程模式。 - `minChars`：...

extjs-form组件配置参数详解: `Ext.form.Action`是ExtJS中的一个类，用于处理表单提交和加载数据的动作。它提供了多种配置选项和属性来控制表单操作的过程。 **配置项** - **success**: 执行成功后的回调函数，该函数接收两个参数：`form`（当前...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics