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

最新推荐文章于 2024-08-03 20:55:05 发布

铁锥妹妹

最新推荐文章于 2024-08-03 20:55:05 发布

阅读量1k

点赞数

文章标签： easyui 选项卡选项卡右键功能实践

本文链接：https://blog.csdn.net/wxp7511/article/details/71515213

版权

本文介绍如何在EasyUI框架中实现切换面板、添加右键菜单功能，并探讨点击跳转面板的实现方法，适用于水利工作和其他需要此类交互的场景。

摘要由CSDN通过智能技术生成

本人从事水利工作经常用到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);
        $(