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>
时间: 2024-09-28 17:16:57

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

第一百九十六节,jQuery EasyUI,Tooltip(提示框)组件

jQuery EasyUI,Tooltip(提示框)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Tooltip(提示框)组件的使用方法,,这个组件不依赖于其 他组件. 一.加载方式 //class 加载方式 <a href="http://www.ycku.com" title="这是一个提示信息!" class="easyui-tooltip">Hover Me <

easyui datagrid 列表提示框

由于列宽时固定的,而存在列中的数据展示不全,于是需要增加一个提示数据的提示框. 具体操作如下: 在对应的列上增加一个formatter,formatter的函数为: 具体实现效果如下图:

appcan 多按钮提示框

使用  appcan.window.alert EG: var btnList=new Array(); btnList[0]="确认"; btnList[1]="取消"; appcan.window.alert({ title:'提示', content:'确定要删除订单吗?', buttons:btnList, callback:function(err,data,dataType,optId){ if(data == 0){//确定按钮 alert(确定);

easyUI实现(alert)提示框自动关闭的实例代码

function alert_autoClose(title,msg,icon){  var interval;  var time=1000;  var x=2;  //设置时间2s $.messager.alert(title,msg,icon,function(){});  interval=setInterval(fun,time);     function fun(){    --x;    if(x==0){      clearInterval(interval);  $(".m

(转)js弹出框、对话框、提示框、弹窗总结

一.JS的三种最常见的对话框 [javascript] view plain copy //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm

js弹出框、对话框、提示框、弹窗总结

一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { aler

JS弹出框、对话框、提示框,JS关闭窗口、关闭页面和JS控制页面跳转

一.JS弹出框.对话框.提示框 //====================== JS最常用三种弹出对话框 ======================== //1弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //2弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { a

第二百零七节,jQuery EasyUI,MenuButton(菜单按钮)组件

jQuery EasyUI,MenuButton(菜单按钮)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 MenuButton(菜单按钮)组件的使用方法,这个组件依赖于 Menu(菜单)组件和 LinkButton(按钮)组件. 一.加载方式 class 加载方式 <a href="javascript:void(0)" id="edit" class="easyui-menubutton"

【iOS开发-56】案例BUG:按钮的enabled、控件的userInteractionEnabled以及两种提示框UIAlert和UIActionSheet

接上述案例找BUG:[iOS开发-51]案例学习:动画新写法.删除子视图.视图顺序.延迟方法.按钮多功能用法及icon图标和启动页设置 (1)BUG:答案满了就不能再点击option按钮,答案没满就能点. 在optionClick方法的if(full)中设置,即判断答案是否满了,如果满了,则: if (full) { //如果答案满了,不管是否正确,只要满了,下面的option按钮就不能被点击 for (UIButton *optionBtn in self.optionView.subview