首页 > 其他 > 详细

EasyUI学习笔记(三)—— message和menubutton的使用

时间:2019-02-02 18:47:33      阅读:231      评论:0      收藏:0      [点我收藏+]

一、message(消息框)

1.1 alert

   技术分享图片

<script type="text/javascript">
    $(function () {
        // alert方法——提示框
        $.messager.alert("标题", "内容", "question");
    });
</script>

   技术分享图片

1.2 confirm

  技术分享图片

<script type="text/javascript">
    $(function () {
        // confirm方法——确认框
        $.messager.confirm("提示信息","你确定要删除当前记录吗?",function (r) {
            alert(r);
        })
    });
</script>

  技术分享图片

1.3 show

  技术分享图片

<script type="text/javascript">
    $(function () {
       // show方法——欢迎框
        $.messager.show({
            title:欢迎信息,
            msg:欢迎【admin】登录系统,
            timeout:5000,
            showType:slide
        });
    });
</script>

  技术分享图片

二、menubutton(菜单按钮)

<body>
    <!--制作菜单-->
    <a data-options="iconCls:‘icon-help‘,menu:‘#mm‘" class="easyui-menubutton">控制面板</a>
    <!-- 使用div元素制作下拉菜单 -->
    <div id="mm">
        <div onclick="alert(111)" data-options="iconCls:‘icon-edit‘">修改密码</div>
        <div>联系管理员</div>
        <div class="menu-sep"></div>
        <div>退出系统</div>
    </div>
</body>

  技术分享图片

 

EasyUI学习笔记(三)—— message和menubutton的使用

原文:https://www.cnblogs.com/yft-javaNotes/p/10348900.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!