<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. GridView七十二绝技-大全(收藏版)(转至别人博客)
			
    快速预览:GridView无代码分页排序GridView选中,编辑,取消,删除GridView正反双向排序GridView和下拉菜单DropDownList结合GridView和CheckBox结合鼠 ...
    
			
    2. 
						
  2. Centos操作系统在虚拟机VMware上的安装
			
    1.下载centos操作系统,提供百度云盘链接:http://pan.baidu.com/s/1pLHOR03 2.打开上篇在VMware中新建好的空白虚拟机,将centos安装在此空白虚拟机上,步骤 ...
    
			
    3. 
						
  3. 【原】无脑操作：Windows 10 + MySQL 5.5 安装使用及免安装使用
			
    本文介绍Windows 10环境下, MySQL 5.5的安装使用及免安装使用 资源下载: MySQL安装文件:http://download.csdn.net/detail/lf19820717/9 ...
    
			
    4. 
						
  4. database.properties数据源
			
    jdbc.driver_class=oracle.jdbc.driver.OracleDriverjdbc.connection.url=jdbc:oracle:thin:@localhost:152 ...
    
			
    5. 
						
  5. webpack教程(三)——热刷新
			
    现在我们如果修改代码,需要重新打包,再一次在命令行下输入webpack命令,很麻烦. 热刷新是什么呢?就是我们该完代码保存之后webpack会自动打包引起浏览器自动刷新,你只需要把精力都专注在代码研发 ...
    
			
    6. 
						
  6. DotNetCore跨平台~文章索引～永久更新
			
    本索引目录主要包括仓储大叔对dotnet core架构的研究与知识积累,从2016年开始进行撰写,到今天已经有一年多了,其中有一些小知识,小技巧,小应用,希望给大家在开发时一些启发,也希望dotnet ...
    
			
    7. 
						
  7. Lucene的使用与重构
			
    忽然一想好久不写博客了,工作原因个人原因,这些天一直希望一天假如36个小时该多好,但是,假如不可能. 由于近期在项目中接触了lucene,这个已经没有人维护的全文搜索框架,确实踩了不少坑,为什么用lu ...
    
			
    8. 
						
  8. [AOP系列]Autofac+Castle实现AOP事务
			
    一.前言 最近公司新项目,需要搭架构进行开发,其中需要保证事务的一致性,经过一番查找,发现很多博文都是通过Spring.Net.Unity.PostSharp.Castle Windsor这些方式实现 ...
    
			
    9. 
						
  9. 初学angular
			
    1.angular   表达式 2.ng-app   ng-init  ng-model  ng-repeat ng-model是用于表单元素的,支持双向绑定.对普通元素无效: ng-bind用于普通 ...
    
			
    10. 
						
  10. python数据结构链表之单向链表
			
    单向链表 单向链表也叫单链表,是链表中最简单的一种形式,它的每个节点包含两个域,一个信息域(元素域)和一个链接域.这个链接指向链表中的下一个节点,而最后一个节点的链接域则指向一个空值. 表元素域ele ...
    
			
    11.