JQuery EasyUI学习记录（三）

1.jQuery EasyUI messager使用方式

1.1 alert方法

$(function(){
        //1.alert方法---提示框
        $.messager.alert("标题","内容","question");
    
    })

效果：

 

1.2confirm方法

$(function(){
        
        //2.confirm方法---确认框
        /* $.messager.confirm("提示信息","你确定删除吗？",function(r){
            alert(r);
        }); */
        
    })

效果：

 

1.3show方法

$(function(){
        //3.show方法---欢迎框/消息框
        $.messager.show({
            title:'欢迎信息',
            msg:'欢迎【admin】登录系统',
            timeout:5000,
            showType:'slide'
        })
    })

 效果：

2.jQuery EasyUI menubutton 菜单使用

 

<div title="xxx管理系统" style="height:100px" data-options="region:'north'">
        <!-- 制作菜单 -->
        <a data-options="iconCls:'icon-help',menu:'#mm'" class="easyui-menubutton">控制面板</a>
        
        <!-- 使用div元素制作下拉菜单 -->
        <div id="mm">
            <div>修改密码</div>
            <div>联系管理员</div>
            <div class="menu-sep"></div>
            <div>退出系统</div>
        </div>
    </div>

 

效果：