解决Easyui Tab href 加载对话框中form重复提交问题

77 阅读 0 评论 51 点赞

我是靠谱客的博主包容苗条，最近开发中收集的这篇文章主要介绍解决Easyui Tab href 加载对话框中form重复提交问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

原因分析：

只要是对话框，或者Window，Easyui都会将其放到body下，tab控件通过href加载对话框后，对话框也会放到body下，当tab被关闭时，处于body下的对话框不会被销毁，再次打开时就会重复加载，从而form会重复提交。

临时解决方法是，先记录下href加载了哪些对话框，在tab被关闭时，去destroy那些对话框。

$('#tabs').tabs('add', {
                                    id: node.id,
                                    title : node.text,
                                    href : '/core/showPage.php?page=' + node.href,
                                    selected : true,
                                    iconCls : node.iconCls,
                                    closable : true,
                                    onLoad: function(){
                                        var pageID = 'hxPageID' + this.id, body = $('body');
                                        body.find('div.panel.window>div.panel-body.panel-body-noborder.window-body').filter(function() {
                                            return ( ! $(this).hasClass('hxAutoDlg'));
                                        }).addClass( 'hxAutoDlg ' + pageID );
                                        body.find('input.combo-f').filter(function(){
                                            return ( ! $(this).hasClass('hxAutoComb'));
                                        }).addClass('hxAutoComb ' + pageID );
                                        body.find('input.searchbox-f').filter(function(){
                                            return ( ! $(this).hasClass('hxASearchBox'));
                                        }).addClass('hxASearchBox ' + pageID );
                                        body.find('input.textbox-f').filter(function(){
                                            var _this = $(this);
                                            return ( ! ( _this.hasClass('hxAutoComb') || _this.hasClass('hxASearchBox') || _this.hasClass('hxADText')));
                                        }).addClass('hxADText ' + pageID );
                                        body.find('a.m-btn:has(span>span.m-btn-downarrow)').filter(function(){
                                            return ( ! $(this).hasClass('hxABtmenu'));
                                        }).addClass('hxABtmenu ' + pageID );
                                    },
                                    onBeforeDestroy: function() {
                                        var pageID = 'hxPageID' + this.id, body = $('body');
                                        body.find('a.hxABtmenu.' + pageID ).each(function(){
                                            var _this = $(this);
                                            if( _this.hasClass('s-btn'))
                                                _this.splitbutton('destroy');
                                            else
                                                _this.menubutton('destroy');
                                        });
                                        body.find('input.hxADText.' + pageID ).each( function(){
                                            var _this = $(this);
                                            if( _this.hasClass('numberspinner-f'))
                                                _this.numberspinner('destroy');
                                            else if( _this.hasClass('numberbox-f'))
                                                _this.numberbox('destroy');
                                            else
                                                _this.textbox('destroy');
                                        });
                                        body.find('input.hxASearchBox.' + pageID ).each( function(){
                                            $(this).searchbox('destroy');
                                        });
                                        body.find('input.hxAutoComb.' + pageID ).each(function(){
                                            var _this = $(this);
                                            if( _this.hasClass('combogrid-f'))
                                                _this.combogrid('destroy');
                                            else if( _this.hasClass('combotree-f'))
                                                _this.combotree('destroy');
                                            else if( _this.hasClass('datebox-f'))
                                                _this.datebox('destroy');
                                            else
                                                _this.combobox('destroy');
                                        });
                                        body.find('.hxAutoDlg.' + pageID ).each(function(){
                                            $(this).dialog('destroy');
                                        });
                                    }
                                });