首页 > 代码库 > easyui 菜单按钮&提示框

easyui 菜单按钮&提示框

2024-11-23 07:23:39   202人阅读

<script type="text/javascript">
function updatePwd(){
    alert(‘修改密码‘);
}
</script>
</head>
<body>
<a class="easyui-menubutton" data-options="menu:‘#mm‘,iconCls:‘icon-help‘">控制面板</a>
<div id="mm">
    <div on·click="updatePwd()">修改密码</div>
    <div>退出系统</div>
    <div class="menu-sep"></div>
    <div>关于系统</div>
</div>
</body>

 



















$(function(){
//     alert(1111);
//info  warning   question   error
//     $.messager.alert(‘提示标题‘,‘提示信息内容‘,‘error‘);

    /* $.messager.confirm(‘提示标题‘,‘提示信息内容‘,function(r){
        if(r){
            //执行目标操作
        }
    }); */
    
    $.messager.show({
        title:‘标题‘,
        msg:‘欢迎您【admin】‘,
        showType:‘slide‘,
        timeout:3000
    })
})
</script>

 






















<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="http://www.mamicode.com/${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="http://www.mamicode.com/${pageContext.request.contextPath }/js/easyui/themes/icon.css">
<script type="text/javascript" src="http://www.mamicode.com/${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="http://www.mamicode.com/${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="http://www.mamicode.com/${pageContext.request.contextPath }/js/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="http://www.mamicode.com/${pageContext.request.contextPath }/js/ztree/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="http://www.mamicode.com/${pageContext.request.contextPath }/js/ztree/jquery.ztree.all-3.5.js"></script>
</head>
<body>
<input  type="button" id="btn" value="http://www.mamicode.com/点我">
<script type="text/javascript">
$(function(){
    $("#btn").click(function(){
        $("#myWindow").window(‘open‘);
    })
    $("#submit1").click(function(){
        //调用Form表单方法：validate 表单校验
        var r = $("#myForm").form(‘validate‘);
        if(r){
            $("#myForm").submit();
        }
    })
})
</script>
<div class="easyui-window" id="myWindow"  data-options="collapsible:false,minimizable:false,maximizable:false,resizable:false,draggable:false" style="width: 600px;height: 300px" title="添加窗口">
    <form id="myForm" action="xxx.action" method="post">
        用户名：<input class="easyui-validatebox" data-options="required:true,validType:‘length[3,6]‘"  type="text" name="username">
        密码：<input type="text"  class="easyui-validatebox" data-options="required:true" name="pwd">
        <br>
            <input id="submit1" value="http://www.mamicode.com/提交" type="button">
<!--         <input type="submit" value="http://www.mamicode.com/提交"> -->
    </form>
</div>
</body>
</html>

 

easyui 菜单按钮&提示框


联系
我们