确认对话框
需要加载的模块
const eeui = app.requireModule('eeui');
eeui.alert
警告框
/**
* @param params 警告框内容 或 详细参数
* @param callback 回调事件
*/
eeui.alert({params}, callback())
params 参数说明
属性名 | 类型 | 必须 | 描述 | 默认值 |
---|---|---|---|---|
title | String | - | 对话框标题 | - |
message | String | - | 对话框内容 | - |
button | String | - | 对话框按钮名称 | 确定 |
cancelable | Boolean | - | 点击对话框以外的区域是否让对话框消失 | true |
简单示例
//示例①
eeui.alert('你使用eeui了吗?', function() {
//......
});
//示例②
eeui.alert({
title: '温馨提示',
message: '使用eeui真的很不错哦!',
}, function() {
//......
});
eeui.confirm
确认对话框
/**
* @param params 警告框内容 或 详细参数
* @param callback 回调事件
*/
eeui.confirm({params}, callback(result))
params 参数说明
属性名 | 类型 | 必须 | 描述 | 默认值 |
---|---|---|---|---|
title | String | - | 对话框标题 | - |
message | String | - | 对话框内容 | - |
buttons | Array | - | 按钮参数,请参考buttons参数说明 | - |
cancelable | Boolean | - | 点击对话框以外的区域是否让对话框消失 | true |
buttons 参数说明
属性名 | 类型 | 必须 | 描述 | 默认值 |
---|---|---|---|---|
title | String | - | 按钮名称 | - |
type | String | - | 按钮类型:positive :正面按钮,表示“积极”、“确认”的意思negative :反面按钮,表示“消极”、“取消”的意思neutral :中立按钮 | - |
result
说明
callback 回调{
status: 'click', //状态:show-显示,cancel-消失,click-点击按钮
//status=click
position: 0, //所点击的按钮的位置,从0开始
title: '确定', //点击的按钮名称
}
简单示例
//示例①
eeui.confirm("你确定退出吗?", function(result) {
if (result.status == "click" && result.title == "确定") {
//......
}
});
//示例②
eeui.confirm({
title: "温馨提示",
message: "你确定退出吗?",
buttons: ["取消", "确定"]
}, function(result) {
if (result.status == "click" && result.title == "确定") {
//......
}
});
//示例③
eeui.confirm({
title: "温馨提示",
message: "你确定退出吗?",
buttons: [{
title: "取消",
type: "negative"
}, {
title: "确定",
type: "positive"
}, {
title: "第三个按钮",
type: "neutral"
}]
}, function(result) {
if (result.status == "click" && result.title == "确定") {
//......
}
});
eeui.input
输入对话框
/**
* @param params 详细参数
* @param callback 回调事件
*/
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 | - | - | - |
result
说明
callback 回调{
status: 'click', //状态:show-显示,cancel-消失,click-点击按钮
//status=click
data: ['第一个输入框内容', ....]
position: 0, //所点击的按钮的位置,从0开始
title: '确定', //点击的按钮名称
}
简单示例
//示例
eeui.input({
title: "输入昵称",
buttons: ["取消", "确定"],
inputs:[{
type: 'text',
}, ....]
}, function(result) {
if (result.status == "click" && result.title == "确定") {
//......
}
});