<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. 无法将类型为excel.applicationclass的com 强制转换为接口类型的解决方法[转]
			
    c#解决方案EXCEL 导出 今天碰到客户的电脑在导出EXCEL的时候提示,无法将类型为 excel.applicationclass 的 com 强制转换为接口类型 excel._applicati ...
    
			
    2. 
						
  2. 关于SpringMVC中text/plain的编码导致的乱码问题解决方法
			
    有老铁的项目出现个问题,就是用SpringMVC给前台返回一句话,是String类型的,然后前台接收到是乱码. 然后以为是简单的response的编码问题,就在方法体中开始给response设置编码, ...
    
			
    3. 
						
  3. [随笔]_ELVE_git命令复习
			
    mkdir: XX (创建一个空目录 XX指目录名) pwd: 显示当前目录的路径. git init 把当前的目录变成可以管理的git仓库,生成隐藏.git文件. git add XX 把xx文件添 ...
    
			
    4. 
						
  4. 关于shiro权限管理的一些总结
			
    项目中最近开发用到了shiro,shiro作为一款轻量级的权限管理框架,在项目中主要想管理用户的登陆之后的页面访问,按钮,数据的显示.主要借用了shiro自己的页面权限标签. 当用户登录时->先 ...
    
			
    5. 
						
  5. javascript面向对象个人理解
			
    1. javascript面向对象特性:抽象性,封装性,继承性: 2. js中的对象:键值对的集合:比如说{key:value} 3.抽象性:用一个对象描述一个数据,需要抽取这个对象的核心数据:两个必 ...
    
			
    6. 
						
  6. [POJ2104/HDU2665]Kth Number-主席树-可持久化线段树
			
    Problem Kth Number Solution 裸的主席树,模板题.但是求k大的时候需要非常注意,很多容易写错的地方.卡了好久.写到最后还给我来个卡空间. 具体做法参见主席树论文<可持久 ...
    
			
    7. 
						
  7. java 图片质量压缩
			
    /** * 图片质量压缩 * @param file 要压缩的图片文件 * @param input 文件输入流 * @param quality 压缩质量(0-1) * @author ouyang ...
    
			
    8. 
						
  8. MySQL主从复制的实现过程
			
    一.什么是主从复制 将主数据库中的DDL和DML操作通过二进制日志(BINLOG)传输到从数据库上,然后将这些日志重新执行(重做):从而使得从数据库的数据与主数据库保持一致. 二.主从复制的作用 1. ...
    
			
    9. 
						
  9. java用户界面窗口
			
    java用户界面窗口 窗口框 代码如下: package Day08; import java.awt.Color;import java.awt.FlowLayout;import java.awt ...
    
			
    10. 
						
  10. Effective Objective-C 2.0 Tips 总结 Chapter 3 & Chapter 4
			
    Chapter 3 接口与 API 设计 Tips 15 使用前缀避免明明空间冲突 Objective-C 没有命名空间,所以我们在起名时要设法避免命名冲突 避免命名冲突的方法就是使用前缀 应用中的所 ...
    
			
    11.