• 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

  • 相关阅读:
    [UE4]九宫格图片拉伸
    [UE4]IsValid方法妙用
    [UE4]蓝图函数库
    [UE4]创建KillInfoPanel
    [UE4]条件语句Select
    [UE4]控件模板参数
    [UE4]控件模板
    [UE4]不推荐的UI更新方式
    [UE4]事件驱动的UI更新:事件调度器
    [UE4]更新UI的三种方式
  • 原文地址:https://www.cnblogs.com/chinasoft/p/8361804.html
Copyright © 2020-2023  润新知