首页 / EASYUI / easyui 菜单按钮&提示框
easyui 菜单按钮&提示框
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了easyui 菜单按钮&提示框,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2959字,纯文字阅读大概需要5分钟。
内容图文
<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>
原文:http://www.cnblogs.com/javaxiaoxin/p/7331004.html
内容总结
以上是互联网集市为您收集整理的easyui 菜单按钮&提示框全部内容,希望文章能够帮你解决easyui 菜单按钮&提示框所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。