<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. 【巨杉答疑】巨杉数据库和mongodb有什么关系吗？
			
    哈罗,艾瑞巴蒂~巨杉答疑栏目今日上线啦! 巨杉数据库作为商业化开源软件,已经拥有大量社区用户.开源至今,大到分布式数据库原理.架构问题,小到SDB巨杉数据库的安装使用问题,大家似乎都有很多问题想要和我 ...
    
			
    2. 
						
  2. Js作用域&作用域链
			
    js构建类 一 构建类的原则 构造函数 等于 原型的constructor //构造函数 function Hero(name,skill){ this.name = name; this.skill ...
    
			
    3. 
						
  3. Grafana中整个Dashboard报错问题解决
			
    操作Grafana时,有时不小心按了"CTRL+Z",会导致整个Dashboard出错,如下所示: 目前找到一个解决方案,也许不是正路,但是能解决上述问题,如果有了更简单有效的解决 ...
    
			
    4. 
						
  4. tkinter模块常用参数(python3)
			
    1.使用tkinter.Tk() 生成主窗口(root=tkinter.Tk()):root.title('标题名')    修改框体的名字,也可在创建时使用className参数来命名:root.r ...
    
			
    5. 
						
  5. vsftpd3.0之匿名用户配置
			
    有时候工作中为了方便上传下载文件,又不想在系统中添加用户并为用户创建密码,这时候就可以用匿名用户方式搭建FTP服务器,当然安全性我们不说,今天就为实现这么个简单而粗爆的FTP服务器,来看看都需要哪些配 ...
    
			
    6. 
						
  6. xtrabackup备份mysql数据库的使用方法
			
    xtrabackup是由percona提供的mysql备份工具,它是一款物理备份工具,通过连接数据库把数据库的数据备份出来.对于innodb存储引擎其支持全量备份和增量备份.对于myisam存储引擎只 ...
    
			
    7. 
						
  7. python新手之一环境安装
			
    今天开始学习python,首先环境安装 1.在https://www.python.org/downloads/下载python2.X或者3.X(ps:这里建议下载32位的python ,因为64位p ...
    
			
    8. 
						
  8. html5 01 随记
			
    一  HTML 是一种制作网站的标记语言 二.HTML基本语法 HTML 标签 html标签是html中的最基本单位 也是最重要的部分 通常使用尖角号 开始"<"和结束&qu ...
    
			
    9. 
						
  9. 替换Spring Boot 的EnableCaching注解
			
    SpringBoot 中可使用@Cacheable注解来更方便的使用redis,这个注解是通过拦截器工作的,使用了@Cacheable的方法执行时,执行到CglibAopProxy.java中的 Dy ...
    
			
    10. 
						
  10. .NET CORE——Console中使用依赖注入
			
    我们都知道,在 ASP.NET CORE 中通过依赖注入的方式来使用服务十分的简单,而在 Console 中,其实也只是稍微绕了个小弯子而已.不管是内置 DI 组件或者第三方的 DI 组件(如Auto ...
    
			
    11.