IT教程 | 加入收藏 | 简体 | 繁体
Tangram教程:JavaScript...JQuery教程ExtJS教程Tangram教程Ajax教程
当前位置: 首页 > Js+Ajax > Tangram教程

baidu.ui.ProgressBar 进度条控件

2012-07-21来源:[www.121ask.com]热度:0℃ 【字体:

baidu.ui.ProgressBar进度条控件,返回值:<instance> 实例对象

  参数

<Object> * options 参数
<String> * options.layout 取值horizontal横向或是vertical竖向
<Number>    options.value 初始值,默认是0

实例方法

<string> getString() 获得控件字符串
<void> render(...) 渲染进度条
<void> update(...) 更新progressBar状态
<number> getValue() 获得当前的value
<void> disable() 禁用进度条
<void> enable() 启用进度条
<HTMLElement> getTarget() 获取target元素
<HTMLElement> getBar() 获取进度条元素
<void> dispose() 销毁当前实例

 实例:

<body>
 
<div id="progressbarId" style="margin:20px;"></div><div id="info"></div>
 
</body>
 
<script type="text/javascript">
 
var instance = new baidu.ui.ProgressBar({value: 30});
 
instance.render("progressbarId");
 
/*
 
(function(){
 
  alert(instance.getValue());
 
})();
 
*/
 
/*
 
(function(){
 
  instance.enable();
 
  baidu.dom.g('info').innerHTML = '已启用!';
 
})();
 
*/
 
/*
 
(function(){
 
  instance.disable();
 
  baidu.dom.g('info').innerHTML = '已禁用!';
 
})();
 
*/
 
/*
 
(function(v){
 
  if(!instance.disabled){
 
    instance.update({value:parseInt(v)});
 
    baidu.dom.g('info').innerHTML = '更新成功!';
 
   }else{
 
    baidu.dom.g('info').innerHTML = 'disabled,更新失败!';
 
   }
 
})('50');
 
*/
 
//提示:您可以使用注释中的代码进行演示
 
</script>

 

以上IT文章《baidu.ui.ProgressBar 进度条控件》由名客技术网[www.121ask.com]提供阅读!
名客技术网是一个免费为广大IT技术人员提供IT教程,绿色软件,asp/php/jsp/java/net等实例视频教程,CMS教程,破解软件下载以及学习相关源码、知识的IT网站。
名客技术网如果无意之中侵犯了您的版权,请来电告知,本站将在3个工作日内删除 QQ:175352796
Copyright 2011-2017 Powered by 121ASK.COM, All Rights Reserved.
备案号:鄂ICP备11013833号-3