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

posted @ 2018-01-26 22:07  China Soft  阅读(131)  评论(0编辑  收藏  举报