1. 我用的easyui技术,表单提交用的ajax。在前端处理控制的思想如下:
点击保存后,马上让保存按钮disable掉,即灰显。如果ajax提交完毕后,并得到返回结果(不管结果是成功保存还是保存失败,我们不用管,只要有返回消息),我们马上让保存按钮enable掉,重新恢复作用。
代码
var addStores = $('<div/>').dialog(
{
title : '添加门店',
href : '${pageContext.request.contextPath}/admin/storesAdd.jsp',
width : 615,
height : 365,
modal : true,
buttons : [ {
text : '保存',
handler : function() {
var button = this;
$('#admin_stores_addForm').form('submit',{
url : '${pageContext.request.contextPath}/storesAction!add.action',
onSubmit: function(){ //对表单进行校验,如果校验通过,则disable掉保存按钮,如果没有通过,则不用管。
var isValid = $(this).form('validate');
if (!isValid){
console.info("==========================="+isValid)//$.messager.progress('close');
return isValid;
}else {
console.info("111111111111111111111111111111"+isValid);
$(button).linkbutton('disable');
return isValid; // return false will stop the form submission
}
},
success : function(r) {
$(button).linkbutton('enable'); //提交完,并且处理完毕返回消息后,马上恢复掉保存按钮,enable
obj = $.parseJSON(r);
if (obj.success) {
addStores.dialog('close');
storesdatagrid.datagrid('reload');
}
$.messager.show({
title : '提示',
msg : obj.msg
});
}
});
}
} ],
onClose : function() {
$(this).dialog('destroy');
},
onLoad : function() {
}
});
2. 本来还有个方法,但是我没有尝试,不晓得有没有用,先在这里记一笔,就是用ajax的最原始的处理方法,不是像上面的那种,进行封装过。
jQuery.ajax([options])
async Boolean
(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
3.$.ajax({
type:'POST',
url:url,
data:obj,
dataType:'json',
beforeSend: function () {
$.messager.progress({
title: '提示',
msg: '文件上传中,请稍候……',
text: ''
});
},
complete: function () {
$.messager.progress('close');
},
success:function(data){
$("#uploadHtmlUrl").val(data.fileUrl);
$("#uploadHtml").attr("src", data.fileUrl);
}
});
相关推荐
解决使用tab布局过程中页面多次加载的问题 如果在使用easyui过程中,你使用了easyui 的tab布局,在tab布局的内容上使用的不是content,而是iframe,那么你的页面有可能多次加载了,这篇文章帮你解决问题
easyui后台管理系统,包括菜单权限,按钮权限,后台使用springMVC+hibernate,mysql数据库,jsp
easyUI的datagrid的两种简单实现,鼠标点击按钮后选择对象上下移动。一种在show.html 一种在demo文件夹中的good.html
EasyUi图标扩展样式大全(1700个),在用EasyUI做项目是发现自带的Icon图标太少,而且不是很美观。于是就有了下面的东西,很全的EasyUI图标.
EasyUi图标扩展样式,有同名资源,原先图标命名有点乱,预览的html不方便。这个只是稍微整理了下。
1.开始时间与结束时间有联动(即开始时间选择适合,结束时间选择框不能选择开始时间选择框所选之前时间,结束时间同理) 2.点击'今天'、'清空'按钮时同时实现1所述联动
解决easyui的弹框越界问题 里面的包含的js和css文件自己可以用easyui官方的文件
本想着免费分享的, 奈何必须要资源分数, 所以就3分吧\EasyUI自带的Icon图标太少,而且不是很美观,所以整理扩展了一下自定义图标包
EasyUI Datagrid 中文排序的问题 解决了WEB端和后台(Oracle、MySQL)中文排序问题
jquery easyUI 分页问题文档
easyui框架1000个ico常用图标
EasyUI的图标扩展,只是图标,没有其他界面风格
实现页面菜单的权限用的是easyui的tree。按钮级别的权限用的是自定义的JSP标签 3)页面菜单的管理 在添加或者修改菜单的时候增加了选择图标的功能 4)操作日志的记录和备份 采用的方法是利用aop拦截add,...
easyui\easyui-accordion-demo.zip easyui\easyui-crud-demo.zip easyui\easyui-datagrid10-demo.zip easyui\easyui-datagrid11-demo.zip easyui\easyui-datagrid12-demo.zip easyui\easyui-datagrid13-demo.zip ...
Easyui加Servlet的权限管理,采用角色管理,用户管理,权限管理的方式进行对用户与角色之间关系的配对,角色与权限关系的配对,实现用户与角色,角色与权限之间的多对多关系,即可实现一个用户对应多个角色,一个...
很多个图标哦,只需要修改easyui的icons样式
easyUI
easyui快递系统easyui快递系统easyui快递系统easyui快递系统easyui快递系统easyui快递系统easyui快递系统easyui快递系统easyui快递系统easyui快递系统easyui快递系统easyui快递系统easyui快递系统easyui快递系统...
jQuery EasyUI EasyUI 组件范例
一套EASYUI的经典后台管理模板easyui的后台管理实例运行环境浏览器项目技术(必填)easyui+jquery1.4.4