<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="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/easyui/themes/icon.css">

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath }/js/easyui/locale/easyui-lang-zh_CN.js"></script>

<link rel="stylesheet" href="${pageContext.request.contextPath }/js/ztree/zTreeStyle.css" type="text/css">

<script type="text/javascript" src="${pageContext.request.contextPath }/js/ztree/jquery.ztree.all-3.5.js"></script>

</head>

<body>

<input  type="button" id="btn" value="点我">

<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="提交" type="button">

<!--         <input type="submit" value="提交"> -->

    </form>

</div>

</body>

</html>


												


											
easyui 菜单按钮&提示框的更多相关文章
	

    
								
  1. 第一百九十六节，jQuery EasyUI，Tooltip(提示框)组件
		
    jQuery EasyUI,Tooltip(提示框)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Tooltip(提示框)组件的使用方法, ...
    
		
    2. 
						
  2. （二）easyUI之消息提示框
		
    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
    
		
    3. 
						
  3. appcan 多按钮提示框
		
    使用  appcan.window.alert EG: var btnList=new Array(); btnList[0]="确认"; btnList[1]="取消& ...
    
		
    4. 
						
  4. easyUI实现(alert)提示框自动关闭的实例代码
		
    function alert_autoClose(title,msg,icon){  var interval;  var time=1000;  var x=2;  //设置时间2s $.messa ...
    
		
    5. 
						
  5. js弹出框、对话框、提示框、弹窗总结
		
    一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 funct ...
    
		
    6. 
						
  6. 【转】js弹出框、对话框、提示框、弹窗总结
		
    js弹出框.对话框.提示框.弹窗总结 一.js的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹 ...
    
		
    7. 
						
  7. js  js弹出框、对话框、提示框、弹窗总结
		
    js弹出框.对话框.提示框.弹窗总结 一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹 ...
    
		
    8. 
						
  8. 转载 js弹出框、对话框、提示框、弹窗总结
		
    转载:https://blog.csdn.net/huileiforever/article/details/9464659 一.JS的三种最常见的对话框   //================== ...
    
		
    9. 
						
  9. JavaScript学习总结（6）——js弹出框、对话框、提示框、弹窗总结
		
    一.JS的三种最常见的对话框 [javascript] view plaincopy //====================== JS最常用三种弹出对话框 =================== ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. echarts的部署和使用
			
    echarts是百度开发的一款商业级.开源免费的前端图表组件,具体可访问其主页:http://echarts.baidu.com/ echarts目前已经发布了2.0版本,使用起来非常的方便,并且效果 ...
    
			
    2. 
						
  2. 基于.NET CORE微服务框架 -surging的介绍和简单示例 （开源）
			
    一.前言 至今为止编程开发已经11个年头,从 VB6.0,ASP时代到ASP.NET再到MVC, 从中见证了.NET技术发展,从无畏无知的懵懂少年,到现在的中年大叔,从中的酸甜苦辣也只有本人自知.随着 ...
    
			
    3. 
						
  3. JAVA实用案例之水印开发
			
    写在最前面 上周零零碎碎花了一周的时间研究水印的开发,现在终于写了个入门级的Demo,做下笔记同时分享出来供大家参考. Demo是在我上次写的 JAVA实用案例之文件导入导出(POI方式) 框架基础上 ...
    
			
    4. 
						
  4. HDU 5547 Sudoku(DFS)
			
    题目网址:http://acm.hdu.edu.cn/showproblem.php?pid=5547 题目: Sudoku Time Limit: 3000/1000 MS (Java/Others ...
    
			
    5. 
						
  5. 实时音视频互动系列（下）：基于 WebRTC 技术的实战解析
			
    在 WebRTC 项目中,又拍云团队做到了覆盖系统全局,保证项目进程流畅.这牵涉到主要三大块技术点: 网络端.服务端的开发和传输算法 WebRTC 协议中牵扯到服务端的应用协议和信令服务 客户端iOS ...
    
			
    6. 
						
  6. Miller-Rabin 素性测试
			
    根据费马小定理,若p为素数,则必有a^(p-1) mod p=1 对和p互质的a成立. 根据二次探测定理:如果p是素数,且0<x<p,则方程x^2 mod p=1的解为1或p-1. 所以若 ...
    
			
    7. 
						
  7. 操作系统，银行家算法模拟实现（Windows 环境 C++）
			
    计算机操作系统课设需要,写了两个下午的银行家算法(陷在bug里出不来耽误了很多时间),参考计算机操作系统(汤子瀛) 实现过程中不涉及难度较大的算法,仅根据银行家算法的思想和步骤进行实现.以下为详细步骤 ...
    
			
    8. 
						
  8. 游戏里的动态阴影-ShadowMap实现原理
			
    ShadowMap是比较流行的实时阴影实现方案,原理比较简单,但真正实现起来还是会遇到很多问题的,我这里主要记录下实现方式 先看效果 凹凸地形上也有阴影 实现原理 ShadowMap技术是从灯光空间用 ...
    
			
    9. 
						
  9. c# 多线程 创建对象实例
			
    本次的标题是我在写单例模式的博客时遇到的问题,所以今天专门写了的demo让自己记住怎么简单的使用多线程. 一直纠结的是怎么在for循环中多次实例化对象,好复现单例模式在没有加锁的情况下出现多个实例对象 ...
    
			
    10. 
						
  10. 如何更换git托管
			
    有时候会遇到需要更换代码托管平台,从github,gitlab或者Bitbucket迁移到其它平台,过程中可能遇到不少问题,本文从是否保留历史提交记录两种需求出发,介绍一下基于git托管平台的迁移方法 ...
    
			
    11.