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

baidu.ui.Popup 建立一个popup实例

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

baidu.ui.Popup 

popup 基类,建立一个popup实例

  语法: new baidu.ui.Popup(options)  

返回值:<baidu.ui.Popup> Popup类

  扩展插件(增加对象参数和实例方法)

$coverable 支持背景遮罩 查看+

参数

<Object> * options 选项
<DOMElement> * options.content 要放到popup中的元素,如果传此参数时同时传contentText,则忽略contentText。
<String> * options.contentText popup中的内容
<String|Number> * options.width 内容区域的宽度。注意,这里的内容区域指getContent()得到元素的区域,不包含title和footer。
<String|Number> * options.height 内容区域的高度
<String|Number> * options.top popup距离页面上方的距离
<String|Number> * options.left popup距离页面左方的距离
<String> * options.classPrefix popup样式的前缀
<Number> * options.zIndex popup的zIndex值
<Function>    options.onopen popup打开时触发
<Function>    options.onclose popup关闭时触发
<Function>    options.onbeforeclose popup关闭前触发,如果此函数返回false,则组织popup关闭。
<Function>    options.onupdate popup更新内容时触发
<Boolean> * options.closeOnEscape keyboardSupport模块提供支持,当esc键按下时关闭popup
<String> * options.closeText closeButton模块提供支持,关闭按钮上的文字
<Boolean> * options.modal modal模块支持,是否显示遮罩
<String> * options.modalColor modal模块支持,遮罩的颜色
<Number> * options.modalOpacity modal模块支持,遮罩的透明度
<Number> * options.modalZIndex modal模块支持,遮罩的zIndex值
<Boolean> * options.draggable draggable模块支持,是否支持拖拽
<Function>    options.ondragstart draggable模块支持,当拖拽开始时触发
<Function>    options.ondrag draggable模块支持,拖拽过程中触发
<Function>    options.ondragend draggable模块支持,拖拽结束时触发

实例方法

<Boolean> isShown() 查询当前窗口是否处于显示状态
<void> open(...) 显示当前popup
<void> close() 隐藏当前popup
<void> update(...) 更新popup状态
<void> dispose() 销毁控件

 实例:

<body>
 
<div id="demoId"></div>
 
</body>
 
<script type="text/javascript">
 
var instance = new baidu.ui.Popup({contentText: "抽象出细粒度的 JavaScript 接口,你可以基于她快速构建出高度互动的 Web 应用程序,简单而且高效,这就是 Tangram,一个中国最具潜力的 Web 前端开发框架!",left:"250px",top:"20px",width:"320px"});
 
instance.render("demoId");
 
/*
 
(function(){
 
  var popup = this;
 
  setTimeout( function(){popup.open()} , 1 );
 
})();
 
*/
 
/*
 
instance.close();
 
*/
 
/*
 
(function(){
 
  alert(instance.isShown());
 
})();
 
*/
 
//提示:您可以使用注释中的代码进行演示
 
</script>

 

以上IT文章《baidu.ui.Popup 建立一个popup实例》由名客技术网[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