<#def title = "提示对话框"/> <#def keyword = "ZhiqimUI"/> <#def desc = "提示对话框是自定义对话框的一种参考prompt方法生成的对话框。目标是在屏幕的中间提供没有警告声音且美观的提示对话框，支持设置提示内容和点击确定后回调函数，点击取消不向下处理。"/> <#def prevUrl = "confirm.htm"/> <#def nextUrl = "loading.htm"/> ${zhiqim_com_header()} ${zhiqim_com_topnav()}
${zhiqim_com_ui("tutorial", "ui", "dialog", "prompt")}
${zhiqim_com_breadcrumb("文库", "教程", "提示对话框")}
<#-- 标题 -->

提示对话框：

提示对话框是自定义对话框的一种参考prompt方法生成的对话框。目标是在屏幕的中间提供没有警告声音且美观的提示对话框，支持设置提示内容和点击确定后回调函数，点击取消不向下处理。

<#-- 一、弹出单行提示对话框（文本和回调函数） -->
一、弹出单行提示对话框（文本和回调函数）
点我弹出单行提示对话框
1、在全屏的中间显示一个提示单行对话框
2、当选择取消时，不向下处理
3、当选择确定时，进入回调函数
<#-- 二、弹出单行提示对话框（文本和回调函数，提示和指定长度） -->
二、弹出单行提示对话框（文本和回调函数，提示和指定长度，加背景边框）
点我弹出单行提示对话框
1、在全屏的中间显示一个提示单行对话框
2、当选择取消时，不向下处理
3、当选择确定时，进入回调函数
<#-- 三、弹出选择提示对话框（文本和回调函数，提示和指定长度） -->
三、弹出选择提示对话框（文本和回调函数，提示和指定长度，加背景边框）
点我弹出单行提示对话框
1、在全屏的中间显示一个提示单行对话框
2、当选择取消时，不向下处理
3、当选择确定时，进入回调函数
<#-- 四、弹出多行提示对话框（文本、回调函数和类型参数） -->
四、弹出多行提示对话框（文本、回调函数和类型参数）
点我弹出多行提示对话框
1、在全屏的中间显示一个提示单行对话框
2、当选择取消时，不向下处理
3、当选择确定时，进入回调函数
4、指定类型type=textarea
<#-- 五、弹出多行提示对话框（文本、回调函数和类型参数，提示和指定长度） -->
五、弹出多行提示对话框（文本、回调函数和类型参数，提示和指定长度）
点我弹出多行提示对话框
1、在全屏的中间显示一个提示单行对话框
2、当选择取消时，不向下处理
3、当选择确定时，进入回调函数
4、指定类型type=textarea
<#-- 六、弹出多行提示对话框（回调把内容设置到文本域中） -->
六、弹出多行提示对话框（回调把内容设置到文本域中）
点我弹出多行提示对话框

1、在全屏的中间显示一个提示单行对话框
2、当选择取消时，不向下处理
3、当选择确定时，进入回调函数
4、指定类型type=textarea
5、点确定把值回填到文本域中
<#-- 提示对话框参数说明 -->
提示对话框参数说明（基本参数三个，混合参数四个）
参数 值 说明
基本参数
text 必填 提示信息，显示在对话框中的提示
value 必填 提示值，显示在对话框中的内容
callback 可选 提示点击确定之后回调函数
混合参数，通过函数第三个参数param组合
param.width {width:330} 提示对话框宽度
param.height 指定或计算得到值 提示对话框高度，可指定高度，未指定高度时，通过文本字数计算出大概高度
param.hasBackground {hasBackground:false} 提示对话框是否显示背景
param.type {type:"input"} 内容是使用"select","input"还是"textarea"，默认"input"
param.style {className:"z-samp zi-px16"} 为输入框增加样式
param.className {className:"z-samp zi-px16"} 为输入框增加样式类
param.placeholder {placeholder:"请输入数字"} 为输入框指定引导文字
param.maxLength {maxLength:5} 为输入框指定最大长度
param.dataOptions {dataOptions:"type:Numeric"} 为输入框指定输入控制（input时有效）
param.selects {selects:[{name:"湖南",value:1},{name:"江西",value:2]} 为选择框时指定option表，和value相等时表示selected
${zhiqim_com_chapter()}
${zhiqim_com_footer()}