`
liubl2011
  • 浏览: 236845 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

Extjs4 gird请求后台时的进度条

阅读更多
Extjs4版本ext-4.0.2a。
在Extjs中form请求时可以设置属性waitTitle,waitMsg显示进度条
form.getForm().submit({
  method: 'POST',
  waitTitle: '系统提示',
  waitMsg: '正在处理,请稍候',
  url: 'task/addTaskInfo',
  success: function(){
    Ext.Msg.alert('成功', '保存成功');
    store.load();
  },
  failure: function(form, action){
    Ext.Msg.alert('系统提示', '添加失败');
   }
});

但是在grid页面tbar的button上没有这个属性,这样我们在提交前加上两段代码
var el = grid.getEl();   
el.mask("正在发布中……");  
Ext.Ajax.request({
  // 定义后台url映射。参数为选择行的任务id。
  url: 'task/sendTaskInfo',
  params: {
    task_code : str
  },
  // 发送请求成功回调函数。
  success: function(){
    Ext.Msg.alert('成功', '发布成功');
    store.load();
    el.unmask();
  },
  // 发送请求失败回调函数。
  failure: function(){
    Ext.Msg.alert('失败', '发布失败');
    el.unmask();
  }
});

这样也可以锁定页面出现进度条的效果。
小宝制造。
分享到:
评论
2 楼 liubl2011 2011-11-10  
一起学习。
1 楼 liuwuping1206 2011-11-08  
不错。。我刚学习  实在找不到资料。。希望多写些文章学习 呵呵

相关推荐

    ExtJS4多文件上传,带进度条及管理

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

    extjs swfupload .net 多文件带进度条上传

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

    extjs 进度条的显示

    这里,我们每秒钟增加`count`变量,当`count`达到10时,隐藏进度条对话框,同时更新`curnum`和`bartext`,以反映当前进度。 #### 4. 显示等待状态 对于快速完成的任务,可以使用`wait: true`选项,结合`waitConfig...

    Extjs4的FormPanel从后台load json数据的要点

    在本篇文章中,我们将深入探讨如何使用Extjs4中的FormPanel组件从后台加载JSON数据,并将其映射到表单的各个字段中进行显示。这是一项非常实用的技术,尤其是在需要动态填充表单的情况下。 ### 一、Extjs4 ...

    Flex仿Extjs局部遮罩(可带进度条)

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

    ExtJS_可编辑Grid进度条

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

    extjs java 上传文件进度条

    4. **HTTP协议与multipart/form-data**:文件上传通常涉及HTTP协议中的POST请求,且文件数据会被编码为`multipart/form-data`格式。Java服务器需要解析这种格式的数据,以便正确处理每个部分。 5. **JSON或自定义...

    Extjs4后台框架

    这个“Extjs4后台框架”可能指的是一个特定的、与ExtJS4集成的后端解决方案,用于支持前端应用的数据交互和管理。让我们深入探讨一下ExtJS4及其相关的后台开发概念。 首先,ExtJS4提供了丰富的组件库,包括表格、...

    ExtJS+ASP.NET实现真实的进度条显示

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

    extjs和数据库的后台交互

    ExtJS的组件和模型(Models)支持JSON数据,因此在与后台交互时,通常会将数据库中的数据转换为JSON格式发送给前端,或者接收前端提交的JSON数据并保存到数据库。使用JSON的好处在于其结构清晰、易于解析,并且跨...

    Asp.net+Extjs+Ajax轮询进度条.rar

    这个接口在后台任务执行期间被Ajax调用,返回的进度值会被用于更新ExtJS的进度条组件。 总的来说,这个项目展示了Asp.NET、ExtJS和Ajax的强大结合,实现了Web应用中的实时进度反馈功能。通过Asp.NET处理服务器端...

    EXTJS产品级别管理后台源代码

    4. **分页与排序**:在管理大量产品级别时,分页和排序功能至关重要。EXTJS的Grid Panel支持动态分页和列排序,用户可以通过配置`Ext.grid.plugin.PagingToolbar`实现分页,通过设置`sortable`属性对列进行排序。 5...

    Extjs4.0通用后台管理系统源码完整大型项目(ExtJS 4.2+Hibernate 4.1.7+Spring MVC 3.2.8)

    可二次开发Extjs4.0通用后台管理系统源码完整大型项目。数据库在项目里面的一个sql文件里面 1、采用Spring MVC的静态加载缓存功能,在首页将Javascript文件、CSS文件和图片等静态资源文件加载进来放进内存,极大提高...

    Extjs4学习指南源代码(JAVA后台)

    个人《Extjs4学习指南》电子文档过程中整理的Myeclipse工程,有以下修改:1、数据库改为Mysql;2、前四章后台改为servlet;3、最后一章后台改为SSH架构。 使用说明:1、BeginExtjs4目录为前四章的例子代码;2、SSH_...

    ExtJs实现进度条实例

    例如,当用户点击“上传”按钮时,可以启动一个后台进程,并同步更新进度条。 6. **HTML文档和源代码**: 提供的"Extjs进度条.doc"可能是关于进度条实现的详细文档,包括代码示例和解释。而"ExtJs实现进度条实例....

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    ExtJs框架系列之ProgressGrid进度条

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

    Extjs4+MVC+struts2后台管理系统

    在"Extjs4+MVC+struts2后台管理系统"中,ExtJS4作为前端框架,负责用户界面的交互和展示,而MVC(Model-View-Controller)设计模式则被用来组织和管理应用程序的逻辑。 MVC模式在ExtJS4中被广泛使用,将应用程序...

    基于ExtJS的通用后台管理系统

    Java以其稳定性和可扩展性,常用于构建企业级的后台服务,处理数据请求,执行业务逻辑,并返回JSON格式的数据给ExtJS前端。 描述中提到"淘宝买的",这可能意味着这个系统是基于某个开源模板或者框架修改而来的,...

    extjs+swfupload实现多文件上传下载删除带进度条

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

Global site tag (gtag.js) - Google Analytics