`
hua04104
  • 浏览: 248698 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

easydialog的使用

    博客分类：
  • js
 
阅读更多
（1）添加input 
//进入添加类别（一级分类）
function add() {
		easyDialog.open({
			container : {
				header : '添加类别(一级分类)',
				content : '<form name="form0" action="<c:url value="/class/addclass"/>" method="get">'+
					'类名：<input type="text" name="cname" id="cname"></input>'+
					'</form>',
				yesFn : btnFn ,
				noFn : true ,
				yesText : '保存'
			}
		});
	}

（2）添加 
//添加类别
	var btnFn = function( e ){
		$.ajax({
		    url: "<%=basePath%>/class/addclass?cname=" + $("#cname").val(),
		    type: 'GET',
		    dataType: 'json',
		    error: function(){
		    	$("#div").hide();
		        alert('数据加载失败');
		    },
		    success: function(data){
			    if(data=="success"){
			    	easyDialog.open({
			    		  container : {
			    		    content : '保存成功！！！'
			    		  },
			    		  autoClose : 500,
			    		  callback : reloadFn
			    		});
				}
		    }
		});
		return false;
	};


//刷新当前页面
	var reloadFn = function(){
		window.location.reload();
	};



(3)对于IE，要在html头部添加<!DOCTYPE html>，保持标准一样。
分享到：
| access转oracle
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    easydialog

    "EasyDialog"是一款在软件开发中常用的轻量级对话框库，主要应用于创建简洁、易于使用的用户交互界面。从描述来看，提供的压缩包包含了"EasyDialog"的相关文档和程序，这意味着用户可以在这个压缩包中找到关于如何...

    easydialog弹窗

    EasyDialog是一款轻量级、易于使用的JavaScript库，专为创建弹出层和对话框而设计。它以其简洁的API、丰富的功能和高度的可定制性，赢得了开发者们的青睐。 一、EasyDialog的基本概念与特点 1. 简单易用：...

    EasyDialog 源码

    《深入解析EasyDialog源码》 在Android应用开发中，对话框（Dialog）是一种常见的用户交互元素，用于向用户展示重要信息或者进行简单的操作选择。EasyDialog作为一个轻量级、高度可定制化的对话框库，为开发者提供...

    Android代码-EasyDialog

    因此，本项目并没有重新实现Dialog，而是通过封装了DialogFragment来让大家使用和定制Dialog更加的方便。 这里顺便贴一下dialogFragment的方法调用流程： 添加依赖 1.在项目外层的build.gradle中添加JitPack仓库 ...

    easyDialog v2.0

    4. `easydialog.js`：主JavaScript文件，包含了`easyDialog`的所有功能实现，开发者可以通过引入这个文件来使用该组件。 5. `easydialog.min.js`：这是一个压缩和优化过的版本，适用于生产环境，减少了文件大小，...

    easydialog对话框控件

    在使用EasyDialog时，开发者需要注意一些最佳实践。例如，对话框应该适时出现，避免打断用户的正常流程。同时，确保对话框的内容清晰，按钮操作明确，避免用户混淆。此外，合理使用动画效果可以提升用户体验，但过度...

    easyDialog简便的弹出层组件

    **easyDialog简介** easyDialog是一款轻量级的JavaScript弹出层组件，专为网页开发者设计，旨在提供一种简单快捷的方式来创建各种类型的弹出对话框。它具有小巧的体积，易于集成到任何Web项目中，同时提供了丰富的...

    原生js easydialog.js弹窗控件多种拖动弹出框效果代码

    在使用easydialog.js时，开发者通常会先引入js和css文件到网页中，然后调用其提供的API来创建和配置对话框。例如，创建一个简单的弹窗可能只需要几行代码： ```javascript var dialog = easydialog.create({ ...

    easydialog-v2.0.zip

    《使用EasyDialog实现高效美观的前端对话框》 在网页开发中，为了提供更好的用户体验，我们经常需要在前端实现各种对话框功能，如提示信息、警告、确认操作等。EasyDialog是一个优秀的JavaScript库，它提供了简洁且...

    js easyDialog的各种弹出层demo源码

    通过阅读和学习这些源码，开发者可以掌握EasyDialog的使用方法，并根据需求定制自己的弹出层。此外，了解如何与其他前端库（如jQuery）结合使用也是很重要的，因为EasyDialog通常依赖于这些库提供的功能。 在实际...

    可拖动弹出框插件easydialog.zip

    标题中的“可拖动弹出框插件easydialog.zip”指的是一个前端开发中使用的插件，主要用于创建具有拖动功能的弹出对话框。EasyDialog是这个插件的名字，它通常是一个JavaScript库，用于增强HTML页面的用户体验，提供...

    EasyDialog一个轻量级的,灵活的对话框.zip

    要使用EasyDialog，开发者首先需要在项目中引入这个库，然后根据需要创建对话框实例并设置其属性，最后调用显示方法。通过阅读源码，你可以了解EasyDialog的具体实现细节，这对提升Android开发技能和理解UI组件的...

    easyDialog简便的弹出层组件.zip

    综上所述，"easyDialog简便的弹出层组件"是一个JavaScript弹出层插件，提供了易于使用的API和丰富的样式，用于在网页中创建各种对话框效果。通过结合CSS样式文件、HTML示例和JavaScript代码，开发者可以快速集成并...

    安卓Dialog对话框相关-EasyDialog一个轻量级的灵活的提示对话框.rar

    下面我们将深入探讨Dialog对话框的概念、EasyDialog的特点以及如何使用它来构建灵活的提示对话框。 1. Dialog对话框基础： Android中的Dialog是基于Activity的一个子类，它以弹出窗口的形式展示信息，通常不会占据...

    easyDialog简便的弹出层组件特效代码

    总结，easyDialog是一款功能强大且易于使用的弹出层组件，通过理解和掌握它的使用方法和配置选项，开发者可以快速构建出具有专业级别的弹出层效果，提升用户体验。同时，其开源的特性也鼓励开发者进行二次开发和贡献...

    轻量级JavaScript弹出层示例【优秀源码】

    本文将详细介绍一种轻量级且功能强大的JavaScript弹出层库——easyDialog，以及如何在实际项目中使用它。 首先，easyDialog因其简洁的API和优秀的性能而受到开发者们的喜爱。它提供了丰富的定制选项，包括但不限于...

    jquery的一套很全的弹出DIV，中文解释

    2. `index.html`：这是主网页文件，其中包含了HTML代码，用于演示和使用EasyDialog插件。它可能会有按钮或其他触发弹出层的元素，以及引用jQuery库和EasyDialog的脚本。 3. `test_img.jpg`：这可能是一个示例图片，...

    easy-dialog:一个简单轻量的js弹窗插件，支持多种配置，支持自定义主题，兼容ie7+，附带loading功能与message通知功能

    3. **调用方法**：根据需要，可以调用`open`来打开弹窗，`close`来关闭弹窗，以及使用`loading`和`message`方法显示加载提示和消息通知。 三、示例代码 ```html &lt;!DOCTYPE html&gt; &lt;title&gt;Easy Dialog 示例 ...

Magicbox
Global site tag (gtag.js) - Google Analytics