本文主要介绍jquery easyui layout实现tabs标签的实例的相关资料,希望通过本文能帮助到大家实现这样的功能,需要的朋友可以参考下,希望能帮助到大家。

jQuery EasyUI Layout实现tabs标签的实例

一、概述:

1、引入jquery.js与easyUi相关文件

2、效果如图:

二、创建Layout主页:



nbsp;HTML >


<title>SSHE DEMO</title><meta><meta><meta><meta><meta>[removed][removed][removed][removed][removed][removed]<link><link>[removed][removed]
  

  

  

       

  

  

       

     
登录后复制

三、创建中间页面:


[removed]
  function addTab(opts) {
    var t = $('#layout_center_tabs');
    if (t.tabs('exists', opts.title)) {
      t.tabs('select', opts.title);
    } else {
      t.tabs('add', opts);
    }
  }
[removed]

  

登录后复制

四、菜单页:west.jsp


  

    

      

登录后复制
             

      

    相关推荐;

    div+css 实现tabs标签的示例代码_html/css_WEB-ITnose

    jQuery EasyUI API 中文文档 - Tabs标签页/选项卡_jquery

    javascript动态添加删除tabs标签的方法_javascript技巧

    以上就是EasyUI Layout实现tabs标签实例详解的详细内容,更多请关注慧达安全导航其它相关文章!

    点赞(0)

    评论列表 共有 0 条评论

    暂无评论
    立即
    投稿
    发表
    评论
    返回
    顶部