ExtJS 进度条样式设置
来源:互联网 发布:电气控制仿真软件exe 编辑:程序博客网 时间:2024/05/02 00:59
progressbar.js:
Ext.onReady(function(){ //手动 var config = { text: '请稍后...', width: '300', renderTo: document.getElementById('progressbar'), //cls: 'progress-bar' }; var pBar = new Ext.ProgressBar(config); var count = 0; var percentage = 0; var progressText = ''; var cfig = { run: function(){ count += 0.5; if(count > 10){ pBar.updateText('完成!'); Ext.TaskManager.stopAll(); return; } percentage = count / 10; progressText = percentage * 100 + '%'; pBar.updateProgress(percentage, progressText); }, interval : 1000 }; Ext.TaskManager.start(cfig);});2.自定义模式只需将上面注释的 cls 属性取消注释即可。panel.html代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>helloext.html</title> <meta http-equiv="content-type" content="text/html; charset=gbk"> <link rel="stylesheet" type="text/css" href="../extjs-4.1.1/resources/css/ext-all.css"> <script type="text/javascript" src="../extjs-4.1.1/ext-all.js"></script> <script type="text/javascript" src="../js/msgbox.js"></script> <script type="text/javascript" src="../js/progressbar.js"></script> <style type="text/css"> body{text-align:center;} div{margin:0 auto;} .progress-bar{border:1;} .progress-bar .x-progress-inner{ height:16px; background: red; } .progress-bar .x-progress-bar{ background: transparent url(../imgs/favicon.ico) repeat-x 0 0; background-color: #0C6; border-top: 0; border-bottom: 0; border-right: 0; } </style> </head> <body> <br/> <div id="msgbox"></div> <br/> <div id="progressbar" align="left"></div> </body></html>
0 0
- ExtJS 进度条样式设置
- extjs进度条设置
- cocos2dx进度条样式设置
- ExtJS 设置TreeNode节点样式
- ExtJS 设置TreeNode节点样式
- ExtJS 设置TreeNode节点样式
- 代码动态设置ProgressBar进度条样式
- ExtJs textfield 设置边框的样式
- Extjs 进度条
- Extjs 进度条
- Extjs进度条
- ExtJs 进度条
- Extjs进度条
- 进度条样式
- Python progressbar源码修改(支持设置进度条样式)
- Qt中用CSS对进度条的样式表进行设置
- EXTJS panel 比较节省html的样式设置
- Ajax and Extjs 进度条
- Hadoop的woldcount终于好使了
- HDOJ 1715 大菲波数
- 华为C语言经典面试题
- PIC单片机之中断
- Android 自定义preference组件
- ExtJS 进度条样式设置
- uva11754 - Code Feat 枚举 中国剩余定理
- SpringMVC JQuery Ajax Get Post请求在Tomcat中乱码解决方案
- HDU 1214圆桌会议
- HDOJ 1753 大明A+B
- 在Android模拟器里安装apk
- HDU1358kmp求循环串
- Notepad++ 正则表达式使用
- char s[]和char *s的区别