EXTJS 滚动条之数据加载进度

简介:

1.申明控制参数

var progressBar = {};//显示窗体
var tcount = 0;
var count = 0; //计数器
var bartext = ""; 
var curnum = 0;
var beloaded = false; //是否加载成功

2.申明进度任务

var task = {
run : function() {
tcount++;
count = count + 5;
// 时间大于200秒
if (count >= 94) {
if (beloaded == false) {
count = count - 5;
}
}
if (count >= 100) {
progressBar.hide();
Ext.TaskMgr.stop(task); //做完停止任务,非常重要
count = 0; //清空计数器,及相关变量
bartext = "";
curnum = 0;
tcount = 0;
}
if (beloaded == true) {
count = 100;
}
curnum = count / 100;
bartext = curnum * 100 + "%";
progressBar.updateProgress(curnum, bartext);


},
interval : 500
};

3. 开始加载滚动条窗体

function SetProgressBar() {
tcount = 0;
count = 0;
bartext = "";
curnum = 0;
beloaded = false;
progressBar = Ext.Msg.show({
msg : "正在加载数据,请稍候...",
progress : true,
width : 300
});
Ext.TaskMgr.start(task);
}

4. 在数据加载结束的地方设置beloaded=true;控制task任务使之为100%,并隐藏滚动条窗体

log_treeloader.on('load', function(obj, node, response) {
beloaded = true;
if ((response.responseText.search('db_insert_error_j')) >= 0) {
alert(response.responseText);
}
count = 100;
});


本文转自elbertchen 51CTO博客,原文链接:http://blog.51cto.com/linkyou/751909,如需转载请自行联系原作者
相关文章
|
1天前
|
云安全 人工智能 自然语言处理
|
5天前
|
搜索推荐 编译器 Linux
一个可用于企业开发及通用跨平台的Makefile文件
一款适用于企业级开发的通用跨平台Makefile,支持C/C++混合编译、多目标输出(可执行文件、静态/动态库)、Release/Debug版本管理。配置简洁,仅需修改带`MF_CONFIGURE_`前缀的变量,支持脚本化配置与子Makefile管理,具备完善日志、错误提示和跨平台兼容性,附详细文档与示例,便于学习与集成。
314 116
|
8天前
|
数据采集 人工智能 自然语言处理
Meta SAM3开源:让图像分割,听懂你的话
Meta发布并开源SAM 3,首个支持文本或视觉提示的统一图像视频分割模型,可精准分割“红色条纹伞”等开放词汇概念,覆盖400万独特概念,性能达人类水平75%–80%,推动视觉分割新突破。
592 53
Meta SAM3开源:让图像分割,听懂你的话
|
20天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
5天前
|
人工智能 Java API
Java 正式进入 Agentic AI 时代:Spring AI Alibaba 1.1 发布背后的技术演进
Spring AI Alibaba 1.1 正式发布,提供极简方式构建企业级AI智能体。基于ReactAgent核心,支持多智能体协作、上下文工程与生产级管控,助力开发者快速打造可靠、可扩展的智能应用。
|
4天前
|
弹性计算 人工智能 Cloud Native
阿里云无门槛和有门槛优惠券解析:学生券,满减券,补贴券等优惠券领取与使用介绍
为了回馈用户与助力更多用户节省上云成本,阿里云会经常推出各种优惠券相关的活动,包括无门槛优惠券和有门槛优惠券。本文将详细介绍阿里云无门槛优惠券的领取与使用方式,同时也会概述几种常见的有门槛优惠券,帮助用户更好地利用这些优惠,降低云服务的成本。
267 132
|
8天前
|
机器学习/深度学习 人工智能 自然语言处理
AgentEvolver:让智能体系统学会「自我进化」
AgentEvolver 是一个自进化智能体系统,通过自我任务生成、经验导航与反思归因三大机制,推动AI从“被动执行”迈向“主动学习”。它显著提升强化学习效率,在更少参数下实现更强性能,助力智能体持续自我迭代。开源地址:https://github.com/modelscope/AgentEvolver
412 29
|
15天前
|
安全 Java Android开发
深度解析 Android 崩溃捕获原理及从崩溃到归因的闭环实践
崩溃堆栈全是 a.b.c?Native 错误查不到行号?本文详解 Android 崩溃采集全链路原理,教你如何把“天书”变“说明书”。RUM SDK 已支持一键接入。
724 223