关闭

Jquery Easyui Tab中表单重复提交问题解决

标签: easyui
890人阅读 评论(0) 收藏 举报
分类:

问题描述:

在Tab中点击新增按钮,弹出一个window窗口,窗口中表单数据填写完成后点击提交保存按钮会提交两次数据,如果刷新整个页面,重复上面步骤只会提交一次数据。如果关闭Tab子选项卡,重复之前步骤有会提交两次数据,再次关闭Tab子选项卡,重复之前步骤有会提交三次数据。

问题分析:

window窗口是通过html方式创建的,里面嵌套了一个form表单,该window窗口默认是隐藏的,通过js打开该窗口。当打开Tab子选项卡时,虽然该window窗口是隐藏的,但窗口的html元素已经生成了,且都加了display:none属性。当直接关闭Tab子选项卡时子选项卡的html元素会被销毁删除,但是window窗口的html元素不会被销毁删除,依旧保持不变。当再次打开Tab子选项卡时又会生成window窗口的html元素,这样就会出现两个相同的窗口元素,当填好表单数据并点击提交时就会触发两次onClick事件。

解决方案:

为tabs添加onClose事件,当检测到子选项卡关闭的时候通过destroy方法销毁window窗口的html元素。

$('#tabs').tabs({
    onClose: function(title,index){
        $("#win").window('destroy');
    }
});


1
0

猜你在找
深度学习基础与TensorFlow实践
【在线峰会】前端开发重点难点技术剖析与创新实践
【在线峰会】一天掌握物联网全栈开发之道
【在线峰会】如何高质高效的进行Android技术开发
机器学习40天精英计划
Python数据挖掘与分析速成班
微信小程序开发实战
JFinal极速开发企业实战
备战2017软考 系统集成项目管理工程师 学习套餐
Python大型网络爬虫项目开发实战(全套)
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:18206次
    • 积分:393
    • 等级:
    • 排名:千里之外
    • 原创:19篇
    • 转载:0篇
    • 译文:0篇
    • 评论:1条
    文章分类
    最新评论