上一节我们说到的信息框比较简单,如果我们想简单实现用户用户交互,比如常用的锁屏界面,应该如何实现呢?首先看效果:

当用户输入"mxd",后,界面显示如下:

以上效果的实现代码为:
@Html.Q().Dialog().Text("请输入一些数据").AutoShow(true).YesCallBack("yesCallBack").AsPrompt()
<script>
function yesCallBack(data) {
layer.msg("您输入的数据是:" + data);
}
</script>
如果我们只想简单的实现确定和取消功能,代码就更简洁了,如下所示:
@Html.Q().Dialog().Text("点击确认看看").AutoShow(true).YesCallBack("yesCallBack")
<script>
function yesCallBack() {
layer.msg("您点击了确认按钮");
}
</script>
效果如下:

总结:对话框是对信息框的扩展,实现了基本的确定与取消交互:)
更多使用示例请浏览在线示例:http://core.zwc.cn