EasyMvc入门教程-高级控件说明（17）对话框控件

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

当用户输入"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