全部产品
云市场

窗口小部件 Widget

更新时间:2019-01-14 16:37:59

WVUIActionSheet.show

显示一个 ActionSheet(显示在屏幕下方的动作列表)。

iOS Android 效果
WVUIActionSheet_show_iOS@2x.png WVUIActionSheet_show_Android@2x.png

输入参数

  • [string] title - ActionSheet 的标题。
  • [int] _index - ActionSheet 的索引,用于唯一标识该 ActionSheet。
  • [array] buttons - ActionSheet 中显示的按钮,每一项都是一个字符串,表示按钮的标题。ActionSheet 最后总是有一个额外的按钮:取消。

回调参数

无回调参数,如果成功显示 ActionSheet,则进入 success 回调,否则进入 failure 回调。

监听事件

wv.actionsheet 用户响应了 ActionSheet。

事件参数:

  • [string] type - 用户点击的按钮文本。
  • [int] _index - ActionSheet 的索引。

注意:在 iOS 平台下,用户点击取消按钮,或者在 ActionSheet 外点击,都会引发 type: '取消' 的事件;而在 Android 平台下,用户点击取消按钮会引发不含 type 属性的事件,在 ActionSheet 外点击则不会引发任何事件。

  1. document.addEventListener('wv.actionsheet', function(e) {
  2. alert(JSON.stringify(e.param));
  3. }, false);
  4. var params = {
  5. // ActionSheet 的标题
  6. title: 'Choose a button!',
  7. // ActionSheet 的索引
  8. _index: 32768,
  9. // ActionSheet 中显示的按钮
  10. buttons: ['按钮 1', '按钮 2', '按钮 3', '按钮 4', '按钮 5']
  11. };
  12. window.WindVane.call('WVUIActionSheet', 'show', params, function(e) {
  13. }, function(e) {
  14. alert('failure: ' + JSON.stringify(e));
  15. });

WVUIDialog.alert

显示一个警告框。

iOS 效果 Android 效果
WVUIDialog_alert_iOS@2x.png WVUIDialog_alert_Android@2x.png

输入参数

  • [string] message - 警告框要显示的消息。
  • [string] okbutton - 警告框的确认按钮文本。
  • [string] identifier - 警告框的标识符。

监听事件

WV.Event.Alert 用户响应了警告框。

事件参数:

  • [string] identifier - 警告框的标识符。

回调参数

无回调参数,如果成功显示警告框,则进入 success 回调,否则进入 failure 回调。

  1. var params = {
  2. // 警告框要显示的消息
  3. message: 'Hello World!',
  4. // 警告框的确认按钮文本
  5. okbutton: '确 定'
  6. };
  7. window.WindVane.call('WVUIDialog', 'alert', params, function(e) {
  8. }, function(e) {
  9. alert('failure: ' + JSON.stringify(e));
  10. });

WVUIDialog.confirm

显示一个确认框。

iOS 效果 Android 效果
WVUIDialog_confirm_iOS@2x.png WVUIDialog_confirm_Android@2x.png

输入参数

  • [string] message - 确认框要显示的消息。
  • [string] okbutton - 确认框的确认按钮文本。
  • [string] canclebutton - 确认框的取消按钮文本。
  • [int] _index - 确认框的索引,用于唯一标识该确认框。

回调参数

无回调参数,如果成功显示警告框,则进入 success 回调,否则进入 failure 回调。

监听事件

wv.dialog 用户响应了确认框。

事件参数:

  • [string] type - 用户点击的按钮文本,可能是输入参数中的 okbuttoncanclebutton
  • [int] _index - 确认框的索引,与输入参数中的 _index 相同。
  1. document.addEventListener('wv.dialog', function(e) {
  2. alert(JSON.stringify(e.param));
  3. }, false);
  4. var params = {
  5. // 确认框要显示的消息
  6. message: 'Are you really really sure?',
  7. // 确认框的确认按钮文本
  8. okbutton: '确定',
  9. // 确认框的取消按钮文本
  10. canclebutton: '取消',
  11. // 确认框的索引
  12. _index: 10086
  13. };
  14. window.WindVane.call('WVUIDialog', 'confirm', params, function(e) {
  15. }, function(e) {
  16. alert('failure: ' + JSON.stringify(e));
  17. });

WVUI.showLoadingBox

显示一个加载提示框。

iOS 效果 Android 效果
WVUI_showLoadingBox_iOS@2x.png WVUI_showLoadingBox_Android@2x.png

输入参数

无输入参数。

回调参数

无回调参数,如果成功显示加载提示框,则进入 success 回调,否则进入 failure 回调。

  1. window.WindVane.call('WVUI', 'showLoadingBox', {}, function(e) {
  2. }, function(e) {
  3. alert('failure: ' + JSON.stringify(e));
  4. });

WVUI.hideLoadingBox

隐藏加载提示框。

输入参数

无输入参数。

回调参数

无回调参数,如果成功隐藏警告框,则进入 success 回调,否则进入 failure 回调。

  1. window.WindVane.call('WVUI', 'hideLoadingBox', {}, function(e) {
  2. }, function(e) {
  3. alert('failure: ' + JSON.stringify(e));
  4. });

WVUIToast.toast

显示一个 Toast(显示在屏幕中央的简单提示)。

iOS 效果 Android 效果
WVUIToast_toast_iOS@2x.png WVUIToast_toast_Android@2x.png

输入参数

  • [string] message - Toast 要显示的消息。
  • [number] duration - [可选]Toast 的持续时间(秒),默认为 0.8

回调参数

无回调参数,如果成功显示 Toast,则在 Toast 显示完毕后进入 success 回调;否则进入 failure 回调。

  1. var params = {
  2. // Toast 要显示的消息
  3. message: 'Toast information',
  4. // Toast 的持续时间
  5. duration: 5
  6. };
  7. window.WindVane.call('WVUIToast', 'toast', params, function(e) {
  8. }, function(e) {
  9. alert('failure: ' + JSON.stringify(e));
  10. });