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

  • 相关阅读:
    redis持久化方案之RDB
    redis实现分布式锁
    redis数据类型(图解)
    js上拉加载
    apicloud直接上传图片
    layer.confirm
    json数组去重
    js解决手机键盘影响定位的问题
    click禁用事件
    ipcloud上传裁切图片,保存为base64再压缩传给后台
  • 原文地址:https://www.cnblogs.com/milude0161/p/4507691.html
Copyright © 2011-2022 走看看