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

来源：互联网发布：linux返回根目录命令编辑：程序博客网时间：2024/05/18 12:44

原因分析：

只要是对话框，或者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');                                        });                                    }                                });

0 0