easyui选项卡

最新推荐文章于 2023-04-16 10:08:28 发布

原创最新推荐文章于 2023-04-16 10:08:28 发布 · 306 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用EasyUI库中的tab面板组件，演示了如何添加一个新的tab面板，包括设置标题、内容、关闭按钮及小工具菜单。通过示例代码，读者可以了解如何集成自定义刷新功能到tab面板的小工具中。

// add a new tab panel    
$('#tt').tabs('add',{    
    title:'New Tab',    
    content:'Tab Body',    
    closable:true,    
    tools:[{    
        iconCls:'icon-mini-refresh',    
        handler:function(){    
            alert('refresh');    
        }    
    }]    
});  

//添加一个新的包含小工具菜单的选项卡面板，小工具菜单图标(8x8)被放置在关闭按钮之前。