确认对话框

需要加载的模块

  1. const eeui = app.requireModule('eeui');

eeui.alert

警告框

  1. /**
  2.  * @param params    警告框内容 或 详细参数
  3.  * @param callback  回调事件
  4.  */
  5. eeui.alert({params}, callback())

params 参数说明

属性名 类型 必须 描述 默认值
title String - 对话框标题 -
message String - 对话框内容 -
button String - 对话框按钮名称 确定
cancelable Boolean - 点击对话框以外的区域是否让对话框消失 true

简单示例

  1. //示例①
  2. eeui.alert('你使用eeui了吗？', function() {
  3.     //......
  4. });
  6. //示例②
  7. eeui.alert({
  8.     title: '温馨提示',
  9.     message: '使用eeui真的很不错哦！',
  10. }, function() {
  11.     //......
  12. });

eeui.confirm

确认对话框

  1. /**
  2.  * @param params    警告框内容 或 详细参数
  3.  * @param callback  回调事件
  4.  */
  5. eeui.confirm({params}, callback(result))

params 参数说明

属性名 类型 必须 描述 默认值
title String - 对话框标题 -
message String - 对话框内容 -
buttons Array - 按钮参数，请参考buttons参数说明 -
cancelable Boolean - 点击对话框以外的区域是否让对话框消失 true

buttons 参数说明

属性名 类型 必须 描述 默认值
title String - 按钮名称 -
type String - 按钮类型：
positive：正面按钮，表示“积极”、“确认”的意思
negative：反面按钮，表示“消极”、“取消”的意思
neutral：中立按钮		 -

callback 回调result说明

  1. {
  2.     status: 'click',    //状态：show-显示，cancel-消失，click-点击按钮
  4.     //status=click
  5.     position: 0,        //所点击的按钮的位置，从0开始
  6.     title: '确定',       //点击的按钮名称
  7. }

简单示例

  1. //示例①
  2. eeui.confirm("你确定退出吗？", function(result) {
  3.     if (result.status == "click" && result.title == "确定") {
  4.         //......
  5.     }
  6. });
  8. //示例②
  9. eeui.confirm({
  10.     title: "温馨提示",
  11.     message: "你确定退出吗？",
  12.     buttons: ["取消", "确定"]
  13. }, function(result) {
  14.     if (result.status == "click" && result.title == "确定") {
  15.         //......
  16.     }
  17. });
  19. //示例③
  20. eeui.confirm({
  21.     title: "温馨提示",
  22.     message: "你确定退出吗？",
  23.     buttons: [{
  24.         title: "取消",
  25.         type: "negative"
  26.     }, {
  27.         title: "确定",
  28.         type: "positive"
  29.     }, {
  30.         title: "第三个按钮",
  31.         type: "neutral"
  32.     }]
  33. }, function(result) {
  34.     if (result.status == "click" && result.title == "确定") {
  35.         //......
  36.     }
  37. });

eeui.input

输入对话框

  1. /**
  2.  * @param params    详细参数
  3.  * @param callback  回调事件
  4.  */
  5. eeui.input({params}, callback(result))

params 参数说明

属性名 类型 必须 描述 默认值
title String - 对话框标题 -
message String - 对话框内容 -
buttons Array - 按钮参数，请参考confirm的buttons参数说明 -
inputs Array - 输入参数，请参考inputs参数说明 -
cancelable Boolean - 点击对话框以外的区域是否让对话框消失 true

inputs 参数说明

属性名 类型 必须 描述 默认值
type String - 输入框类型：
datetime、date、time、
email、password、passnumber、
tel、url、number		 text
value String - 默认内容 -
maxLength Number - 最大输入长度 -
placeholder String - 提示信息 -
singleLine Boolean - 只允许单行输入 -
autoFocus Boolean - 自动获取焦点 -
textSize String - 字体大小 -
textColor String - 字体颜色 -
backgroundColor String - 背景颜色 -
ems Number - - -
lines Number - - -

callback 回调result说明

  1. {
  2.     status: 'click',    //状态：show-显示，cancel-消失，click-点击按钮
  4.     //status=click
  5.     data: ['第一个输入框内容', ....]
  6.     position: 0,        //所点击的按钮的位置，从0开始
  7.     title: '确定',       //点击的按钮名称
  8. }

简单示例

  1. //示例
  2. eeui.input({
  3.     title: "输入昵称",
  4.     buttons: ["取消", "确定"],
  5.     inputs:[{
  6.         type: 'text',
  7.     }, ....]
  8. }, function(result) {
  9.     if (result.status == "click" && result.title == "确定") {
  10.         //......
  11.     }
  12. });