全称 mx.windows.TipsBox
命名空间 mx.windows
TipsBox
继承层次结构 TipsBox
源文件 ~\mx\scripts\windows\TipsBox.js
提供一个Tips提示框的类。

示例 1

以下是一个创建 TipsBox 的示例。
JavaScript 代码
var TipsBox = new mx.windows.TipsBox({//参数可以new实例时时传入,也可以在调用show方法时传入。 title:"标题",//一个字符串,表示Tips的标题。 message:"内容",//一个字符串,表示Tips的内容。 showSpeed: 500,//一个数字值(毫秒),表示Tips显示的速度。 orientation : "bottom left",//两个字符串值,用空格格开,第一个值是向滚动方向,第二个值是tips框显示的绝对位置。 可用参数有:"top right"|"bottom right"|"left top"|"right top"| "bottom left"|"top left"|"right bottom"|"left bottom"|"center center" width : 200,//一个数字型,表示第Tips宽。 height : 160,//一个数字型,表示第Tips高。 contentBackground:"#FFFFFF",//一个 css样式,表示Tips内容背景颜色样式。 autoHide:true,//一个 Boolean 对象,表示是否自动关闭Tips。 autoHideSpeed:2000 //一个数字值(毫秒),表示Tips关闭的速度。 }); TipsBox.show({ title : "Tips 标题", message : "这是Tips内容", orientation : "top right" });

构造函数

名称 说明
TipsBox() 构建 TipsBox 类的新实例。

初始化函数

名称 说明
init()

方法

名称 说明
getWindow() 提供一个方法,可以传一个view到提示框中。 var TipsBox = new mx.windows.TipsBox() var ve = new mx.views.View(); ve.$e.append($("view content")); ve.$e.css({"backgroundColor":"green"}); ve.$e.append($("
aaaaaa
")); TipsBox.getWindow().setView(ve); TipsBox.show();
setMessage(p_message) 设置Tips框内容的值。
setOrientation([p_orientation]) 设置Tips框的绝对位置。
show(p_params) 显示Tips。

字段

名称 说明
autoHide 获取或设置Tips是否自动关闭。
autoHideSpeed 获取或设置Tips提示框自动关闭的时间。
closeSpeed
contentBackground 获取或设置Tips背景颜色。
height 获取或设置Tips提示框的高度。
message 获取或设置Tips提示框的内容。
orientation 获取或设置Tips提示框的滚动方向及位置。第一个参数是滚动方向,第二个是初始Tips位置。

该字段的值包括:

  • top right - 表示在右下角,向上移动。
  • bottom right - 表示在右上角,向下移动。
  • left top - 表示在右上角,向左移动。
  • right top - 表示在左上角,向右移动。
  • bottom left - 表示在左下角,向下移动。
  • top left - 表示在左下角,向上移动。
  • right bottom - 表示在左下角,向右移动。
  • left bottom - 表示在右下角,向左移动。
  • center center - 表示在右下角,向左移动。

showSpeed 获取或设置Tips提示框的弹出的速度。
title 获取或设置Tips提示框的标题 。
width 获取或设置Tips提示框的宽度。

构造函数详细信息

TipsBox() 方法

构建 TipsBox 类的新实例。

初始化函数详细信息

init() 方法


方法详细信息

getWindow() 方法

提供一个方法,可以传一个view到提示框中。 var TipsBox = new mx.windows.TipsBox() var ve = new mx.views.View(); ve.$e.append($("view content")); ve.$e.css({"backgroundColor":"green"}); ve.$e.append($("
aaaaaa
")); TipsBox.getWindow().setView(ve); TipsBox.show();

setMessage(p_message) 方法

设置Tips框内容的值。

参数

  • p_message
    : 一个字符串,表示Tips的内容。

setOrientation([p_orientation]) 方法

设置Tips框的绝对位置。

参数

  • p_orientation
    可选的。两个字符串值,用空格格开,第一个值是向滚动方向,第二个值是tips框显示的绝对位置。 可用参数有:"top right"|"bottom right"|"left top"|"right top"| "bottom left"|"top left"|"right bottom"|"left bottom"

show(p_params) 方法

显示Tips。

参数

  • p_params

示例 1

以下是调用 {@link mx.windows.TipsBox.show()} 的示例。 var TipsBox = new mx.windows.TipsBox(); TipsBox.show({ title : "Tips 标题", message : "这是Tips内容", orientation : "top right" });

字段详细信息

autoHide 字段

获取或设置Tips是否自动关闭。

autoHideSpeed 字段

获取或设置Tips提示框自动关闭的时间。

closeSpeed 字段


contentBackground 字段

获取或设置Tips背景颜色。

height 字段

获取或设置Tips提示框的高度。

默认值

160

message 字段

获取或设置Tips提示框的内容。

orientation 字段

获取或设置Tips提示框的滚动方向及位置。第一个参数是滚动方向,第二个是初始Tips位置。

该字段的值包括:

  • top right - 表示在右下角,向上移动。
  • bottom right - 表示在右上角,向下移动。
  • left top - 表示在右上角,向左移动。
  • right top - 表示在左上角,向右移动。
  • bottom left - 表示在左下角,向下移动。
  • top left - 表示在左下角,向上移动。
  • right bottom - 表示在左下角,向右移动。
  • left bottom - 表示在右下角,向左移动。
  • center center - 表示在右下角,向左移动。


showSpeed 字段

获取或设置Tips提示框的弹出的速度。

默认值

500

title 字段

获取或设置Tips提示框的标题 。

width 字段

获取或设置Tips提示框的宽度。

默认值

200