EasyUI学习笔记（三）—— message和menubutton的使用

最新推荐文章于 2021-06-03 18:41:30 发布

VNOpU2015

最新推荐文章于 2021-06-03 18:41:30 发布

阅读量149

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yft-javaNotes/p/10348900.html

版权

一、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>