关闭

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

标签: easyui
1648人阅读 评论(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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:42301次
    • 积分:641
    • 等级:
    • 排名:千里之外
    • 原创:22篇
    • 转载:0篇
    • 译文:0篇
    • 评论:7条
    文章分类
    最新评论