easyui 菜单按钮&提示框

<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 菜单按钮&提示框的更多相关文章

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

随机推荐

redis内存消耗详解
Redis所有的数据都存在内存中,相对于廉价的硬盘,内存资源还是比较昂贵的,因此如何高效利用redis内存变得非常重要. 内存消耗分析管理内存的原理和方法内存优化技巧一.内存消耗理解redis ...
Postgresql_fqw
Postgresql_fqw 测试环境 Ubuntu 16.04 LTS云主机2台,主机名为pg1(192.168.0.34)和pg2(192.168.0.39). 安装postgresql 下面这个 ...
Python中创建对象的方法
源引:Python编程实践示例类: class Point: __slots__=('x','y') def __init__(self,x,y): self.x=x self.y=y def ma ...
JavaScript中的设计模式：状态模式
前几天写了一个贪吃蛇小游戏,正好用到了状态模式. 定义当一个对象内部状态发生改变时候,会导致其行为的改变,这看起来像是改变了对象. 简单的例子如果一个函数要更具某一个对象的状态来判断该对象应该执行 ...
poj_3461: Oulipo
题目链接基础KMP题,本文提供一段能AC并且便于调试以及查看next数组的代码. 参考博客 http://blog.csdn.net/v_july_v/article/details/7041827 ...
树状数组(瞎bb) [树状数组]
Copyright:http://www.cnblogs.com/ZYBGMZL/ 树状数组是一个利用一维数组和位运算组成的求解区间问题的高效数据结构,其构造如图所示首先,我们要用它解决单点修改.区 ...
eclipse中tomcat 中server location灰色，如何修改？
Eclipse中tomcat service设置选择window ----show view---services可以看到服务的面板双击tomcat进入配置界面Service Locations(Sp ...
linux下使用scp远程传输自动输入密码
由于需要将A服务器的文件远程传输到B服务器但是scp命令每次都要手动输入密码这样脚本执行太繁琐,所以讲A服务器和B服务器互信即可,具体操作如下: 首先在A服务器配置: mkdir -p ~/.s ...
nopCommerce 3.9 大波浪系列之开发支持多店的插件
一.基础介绍 nop支持多店及多语言,本篇结合NivoSlider插件介绍下如何开发支持多商城的小部件. 主要接口如下: ISettingService 接口:设置接口,可实现多店配置. (点击接口介 ...
分享一个PHP文件上传类
该类用于处理文件上传,可以上传一个文件,也可以上传多个文件. 包括的成员属性有: private $path = "./uploads"; //上传文件保存的路径 private ...

easyui 菜单按钮&提示框

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

随机推荐

热门专题