网页开发的时候,会经常向用户显示一些信息,比如执行结果,注意事项等,下面展示一种最简单的信息提示:
代码如下:
@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