关于easyui打开多个tab会产生的ID冲突问题

最近做项目,使用easyUI框架,由于不是很熟,当我们打开多个tab时,许多页面可能会有重复的ID导致的提交表单或者验证ID值时,造成了许多冲突,我解决了一下

$('#tt').tabs({
        border:false,
        onSelect:function(title,index){
            var allTabs = $('#tt').tabs('tabs');
            var selectTabs = $('#tt').tabs('getSelected');
            for(var i=0;i<allTabs.length;i++) {
                if(allTabs[i].panel('options').title!=selectTabs.panel('options').title){
                    
                    var tab = $('#tt').tabs('getSelected');  // get selected panel
                    $('#tt').tabs('update', {
                        tab: allTabs[i],
                        options: {
                            //title: allTabs[i].panel('options').title,
                            content:'Tab Body'
                            //href: '#'  // the new content URL
                        }
                    });
                    
                    allTabs[i].tabs();
                    //alert(allTabs[i].panel('options').title);
                }
            }
            //alert(allTabs.length+"-"+selectTabs.length);getTabIndex
            //alert(title+' is selected');
            //#这里写你要怎么处理这个选中的tab
        }
    });

代码:给tab绑定一个事件,即选中一个tab就会触发,获得所有的tab,和当前的tab进行比较,将所有未选中的tab内容属性设置为一个不相关的值即可

原文地址:https://www.cnblogs.com/milude0161/p/4507691.html