dialog


dialog插件是消息对话框,使开发者在界面中可以快速使用对话框完成用户的交互操作。

方法:

  • alert : 带一个按钮的对话框
  • confirm : 带两个或三个按钮的confirm对话框
  • prompt : 带两个或三个按钮和输入框的对话框

alert


带一个按钮的对话框

alert(params, callback)
说明:

参数:
返回值:

无返回值

示例代码及参考效果图

alert 效果图

function callback(tips,error){}
var  alertparames={'bgColor':'#FFFFFF',
    'buttons':[{'bgColor':'#0283de','borderColor':'#0283de','clickBgColor':'#0276c7','click    BorderColor':'#0276c7','clickTextColor':'#FFFFFF','text':'确定','textColor':'#FFFFFF'}],
    'isButtonCornerRadii':true,
    'isMsgStrong':false,
    'isTitleStrong':true,
    'isWindowCornerRadii':true,
    'msg':'只能显示一个按钮',
    'msgColor':'#444444',
    'title':'温馨提示',
    'titleColor':'#444444'};

rd.dialog.alert(alertparames, callback);

confirm


带两个或三个按钮的confirm对话框

confirm(params, callback)
说明:

参数:
返回值:

无返回值

示例代码及参考效果图

confirm效果图

function callback(tips,error){}
var  confirmparames={'bgColor':'#FFFFFF',
        'buttons':[{'bgColor':'#FFFFFF','borderColor':'#0283de','clickBgColor':'#FFFFFF','clickBorderColor':'#0276c7','clickTextColor':'#0276c7','text':'取消','textColor':'#0283de'},
        {'bgColor':'#FFFFFF','borderColor':'#0283de','clickBgColor':'#FFFFFF','clickBorderColor':'#0276c7','clickTextColor':'#0276c7','text':'跳过','textColor':'#0283de'},
        {'bgColor':'#0283de','borderColor':'#0283de','clickBgColor':'#0276c7','clickBorderColor':'#0276c7','clickTextColor':'#FFFFFF','text':'确定','textColor':'#FFFFFF'}],
    'isButtonCornerRadii':true,
    'isMsgStrong':false,
    'isTitleStrong':true,
    'isWindowCornerRadii':true,
    'msg':'多按钮confirm',
    'msgColor':'#444444',
    'title':'多按钮confirm',
    'titleColor':'#444444'};

rd.dialog.confirm(confirmparames, callback);

prompt


带两个或三个按钮和输入框的对话框

prompt(params, callback)
说明:

参数:
返回值:

无返回值

示例代码及参考效果图

prompt效果图

function callback(tips,error){}

var promptParams = {'bgColor':'#FFFFFF',
'buttons':[{'bgColor':'#FFFFFF','borderColor':'#0283de','clickBgColor':'#FFFFFF','clickBorderColor':'#    0276c7','clickTextColor':'#0276c7','text':'取消','textColor':'#0283de'},
    {'bgColor':'#FFFFFF','borderColor':'#0283de','clickBgColor':'#FFFFFF','clickBorderColor':'#0276c7','clickTextColor':'#0276c7','text':'跳过','textColor':'#0283de'},
    {'bgColor':'#0283de','borderColor':'#0283de','clickBgColor':'#0276c7','clickBorderColor':'#0276c7','clickTextColor':'#FFFFFF','text':'确定','textColor':'#FFFFFF'}],
'editText':'提示',
'editTextBgColor':'#FFFFFF',
'editTextBorderColor':'#999999',
'editTextColor':'#000000',
'editType':'text',
'isButtonCornerRadii':true,
'isMsgStrong':false,
'isTitleStrong':true,
'isWindowCornerRadii':false,
'msg':'手机号码:',
'msgColor':'#444444',
'title':'这是一个prompt对话框',
'titleColor':'#444444'};

rd.dialog.prompt(promptParams, callback);

DialogParams


JSON对象,Dialog属性设置

DialogParams 
{    
    property String title;
     property String msg;
     property Button[] buttons;
     property boolean isWindowCornerRadii;
     property boolean isButtonCornerRadii;
     property String titleColor;
    property boolean isTitleStrong;
    property boolean isMsgStrong;
     property String msgColor;
    property String bgColor;
     property String editText;
    property String editTextColor;
     property String editTextBgColor;
     property String editTextBorderColor;
     property String editType
}
说明:

属性:
  • title: ( String ) 可选 对话框标题 无默认值
  • msg: ( String ) 必选 对话框内容 无默认值
  • buttons: ( Button[] ) 可选 按钮标题
  • isWindowCornerRadii: ( boolean ) 可选 窗口是否圆角 默认圆角
  • isButtonCornerRadii: ( boolean ) 可选 按钮是否圆角 默认圆角
  • titleColor: ( String ) 可选 标题颜色,支持6位RGB(例如#FFFFFF)或者8位ARGB(例如#7FFFFFFF,前两位是透明度)
  • isTitleStrong: ( boolean ) 可选 标题是否粗体
  • isMsgStrong: ( String ) 可选 内容是否粗体
  • msgColor: ( String ) 可选 内容颜色
  • bgColor: ( String ) 可选 窗口背景 默认白色,颜色支持6位RGB(例如#FFFFFF)或者8位ARGB(例如#7FFFFFFF,前两位是透明度)
  • editText: ( String ) 可选 输入框提醒,只有Prompt类型可用
  • editTextColor: ( String ) 可选 输入框字体颜色,只有Prompt类型可用颜色,支持6位RGB(例如#FFFFFF)或者8位ARGB(例如#7FFFFFFF,前两位是透明度)
  • editTextBgColor: ( String ) 可选 输入框背景颜色,只有Prompt类型可用,支持6位RGB(例如#FFFFFF)或者8位ARGB(例如#7FFFFFFF,前两位是透明度)
  • editTextBorderColor: ( String ) 可选 输入框边框颜色,只有Prompt类型可用,支持6位RGB(例如#FFFFFF)或者8位ARGB(例如#7FFFFFFF,前两位是透明度)
  • editType: ( String ) 可选 输入类型,不同输入类型弹出键盘类型不同,取值范围(text、password、number、email、url) 默认text,只有Prompt类型可用

Button


JSON对象,弹窗的按钮属性设置

Button 
{    
    property String text;
     property String textColor;
     property String borderColor;
     property String bgColor;
     property String clickTextColor;
     property String clickBorderColor;
     property String clickBgColor
}
说明:

属性:
  • text: ( String ) 可选 按钮标题,因三个接口都是使用这个对象做参数,说明一下使用的区分情况。alert只能显示一个按钮,默认“确认”。confirm和prompt稍有不同,若小于两个按钮,会补齐两个按钮;若大于三个按钮,则使用前三个按钮 默认["取消","确定"]
  • textColor: ( String ) 可选 按钮标题颜色,支持6位RGB(例如#FFFFFF)或者8位ARGB(例如#7FFFFFFF,前两位是透明度)
  • borderColor: ( String ) 可选 按钮边框颜色,支持6位RGB(例如#FFFFFF)或者8位ARGB(例如#7FFFFFFF,前两位是透明度)
  • bgColor: ( String ) 可选 按钮背景颜色,支持6位RGB(例如#FFFFFF)或者8位ARGB(例如#7FFFFFFF,前两位是透明度)
  • clickTextColor: ( String ) 可选 点击按钮标题颜色,支持6位RGB(例如#FFFFFF)或者8位ARGB(例如#7FFFFFFF,前两位是透明度)
  • clickBorderColor: ( String ) 可选 点击按钮边框颜色,支持6位RGB(例如#FFFFFF)或者8位ARGB(例如#7FFFFFFF,前两位是透明度)
  • clickBgColor: ( String ) 可选 点击按钮背景颜色,支持6位RGB(例如#FFFFFF)或者8位ARGB(例如#7FFFFFFF,前两位是透明度)

tipsCallback


对话框按钮的回调方法

function tipsCallback(tips, error){
    alert(JSON.stringify(tips));
}
参数:
  • tips:( tips ) 必选 对话框按钮的索引及文本框的内容
  • error:( String ) 必选 错误信息,没有错误发生时返回空字符串
返回值:

无返回值

示例:
function tipsCallback(tips, error){
    alert(JSON.stringify(tips));
}

tips


JSON对象,回调函数的返回参数

params 
{
    property Number buttonIndex;
    property String text;
}
说明:

回调函数的返回参数

属性:
  • buttonIndex: ( Number ) 必选 点击按钮的索引,从1开始
  • text: ( String ) 可选 文本框内容,只有prompt中才有该项