easyui里的切换面板、右键功能实现和点击跳转面板等功能

来源：互联网发布：涉密网络管理制度编辑：程序博客网时间：2024/05/22 11:56

本人从事水利工作经常用到sasyui框架希望帮助大家：

js代码:

//  选项卡tabs右键单击提示菜单$("#tt").tabs({    //为其附加鼠标右键事件    onContextMenu: function(e, title, index){        //该方法通知浏览器不要执行与此事件关联的默认动作        //即屏蔽了浏览器在tab页上的鼠标右键事件        e.preventDefault();        var mm = $("#mm");        //显示右键菜单        mm.menu("show",{            top: e.pageY,            left: e.pageX        }).data("tabTitle",title);        //为右键菜单选项绑定事件        /* mm.menu({         onClick: function(item){         closeTab(this, item.name);         }         });*/    }});

//    选项卡右键事件里的单击事件function F5(){//为每个菜单绑定点击事件//关闭选中的标签和刷新    $("#mt_close").click( function(){        //获取选中的标签索引        var tab = $('#tt').tabs('getSelected');        var index = $('#tt').tabs('getTabIndex',tab);        $("#tt").tabs("close",index);    });    $("#mt_break").click( function(){        //获取选中的标签索引        var tab = $('#tt').tabs('getSelected');        var index = $('#tt').tabs('getTabIndex',tab);        $("#tt").tabs("close",index);    });//关闭选中标签之外的标签    $("#mt_closeothers").click(function(){        //获取所有标签        var tabs = $("#tt").tabs("tabs");        //获取选中标签的索引        var tab = $('#tt').tabs('getSelected');        var selindex = $('#tt').tabs('getTabIndex',tab);        var index = 0;        // 删除之前        for(var i=0;i<selindex;i++){            var ispage = $('#tt').tabs('getTab',index).panel('options').closable;            if(ispage) {                $("#tt").tabs("close", index);            }else{                index++;            }        }        selindex = $('#tt').tabs('getTabIndex',tab);        var length = tabs.length;        // 删除之后        index=selindex+1;        for(var i=selindex+1;i<length;i++){            var ispage = $('#tt').tabs('getTab',index).panel('options').closable;            if(ispage) {                $("#tt").tabs("close", index);                counts++;            }else{                index++;            }        }        selindex = $('#tt').tabs('getTabIndex',tab);        $('#tt').tabs('select',selindex);    });//关闭所有标签    $("#mt_closeall").click(function(){        var tabs = $("#tt").tabs("tabs");        var length = tabs.length;        var index = 0;        for(var i=0;i<length;i++){            var ispage = $('#tt').tabs('getTab',index).panel('options').closable;            if(ispage){                $("#tt").tabs("close", index);            }else{                index++;            }        }    });//刷新功能    $("#mt_refresh").click(function(){        var current_tab = $('#tt').tabs('getSelected');        $('#tt').tabs('update', {            tab: current_tab,            options: {            }        });    })}
/左侧tree的单击跳转tabs事件$("#tree_menu").tree({    onClick:function(node){//        addPage(node.text,node.ResUrl,node.iconCls)    }
/选项卡面板的添加函数/*function addPage1(title,url,icon){    var tabs = $('#tt').tabs('tabs');    for(var i =1;i<tabs.length;i++){        $('#tt').tabs('close',i);    }    if ($('#tt').tabs('exists', title)){        $('#tt').tabs('select', title);    } else {        if(url&&url!=='')        {            var content = '<div style="overflow:hidden;width:100%;height:100%;"><iframe scrolling="no" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe></div>';            $('#tt').tabs('add',{                title:title,                content:content,                iconCls:icon,                closable:true,            });        }    }}*/function addPage(title,url,icon,home){    var tabs = $('#tt').tabs('tabs');    if ($('#tt').tabs('exists', title)){        $('#tt').tabs('select', title);    } else {        if(url&&url!=='')        {            var content = '<div style="overflow:hidden;width:100%;height:100%;"><iframe scrolling="no" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe></div>';            $('#tt').tabs('add',{                title:title,                content:content,                iconCls:icon,                closable:!home,            });        }    }}

0 0