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内容属性设置为一个不相关的值即可

  • 相关阅读:
    docker镜像加速
    Job for network.service failed because the control process exited with error code
    python单例模式
    python实现简单算法
    Python母版使用
    Python中自定义filter用法
    linux挂载Windows共享文件夹
    重写用户模型时报错AttributeError: type object ‘自定义类’ has no attribute ‘USERNAME_FIELD’
    2020年3月10日 socket2
    2020年2月27日 socket 1
  • 原文地址:https://www.cnblogs.com/milude0161/p/4507691.html
Copyright © 2011-2022 走看看