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

原文地址:https://www.cnblogs.com/chinasoft/p/8361869.html