EasyMvc入门教程-高级控件说明（16）信息框控件

网页开发的时候，会经常向用户显示一些信息，比如执行结果，注意事项等，下面展示一种最简单的信息提示：

代码如下：

@Html.Q().Msg().Text("初始化信息").AutoShow()

 如果我们想客户端控制是否显示，应该如何做呢？请参看如下代码：

@Html.Q().Msg().Id("m").Text("我是信息框").AutoShow()

@Html.Q().Button().Text("显示").ClickClientEvent("mshow")
@Html.Q().Button().Text("隐藏").ClickClientEvent("mclose")

<script>
    function mshow() {
        m.show();
    }

    function mclose() {
        m.close();
    }
</script>

 主要注意show与close两个客户端方法，其中show可以带参数，比如：show("最新内容")，含义为显示信息框，并且内容为：最新内容。

经常性的，我们可能会需要显示一个loading的信息框，实现代码如下:

@Html.Q().Msg().Text("初始化信息").AutoShow().AsLoading().CloseTime(2000)

 显示效果如下：（并且两秒后自动关闭）

---

 

总结：信息框的使用就简单介绍到这里，主要把握显示隐藏的控制和动态更改显示内容即可。

 

更多使用示例请浏览在线示例：http://core.zwc.cn