zoukankan      html  css  js  c++  java
  • 关于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内容属性设置为一个不相关的值即可

  • 相关阅读:
    Yarn&Mapreduce参数的具体含义和配置参考
    【转】用Python实现各种排序算法
    xpath表达式,提取标签下的全部内容(将其他标签过滤)
    ssh IP打通,hadoop启动失败
    windows7下安装python3的scrapy框架
    【转】git push 出现401 错误
    Linux多条指令之间;和&&
    [转]用了docker是否还有必要使用openstack?
    自动化软件部署的shell脚本
    Nginx配置教程
  • 原文地址:https://www.cnblogs.com/milude0161/p/4507691.html
Copyright © 2011-2022 走看看