成都网站建设设计

将想法与焦点和您一起共享

jQueryEasyUILayout怎么实现tabs标签

这篇文章主要介绍“jQuery EasyUI Layout怎么实现tabs标签”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jQuery EasyUI Layout怎么实现tabs标签”文章能帮助大家解决问题。

创新互联专注于庆城企业网站建设,响应式网站开发,商城网站建设。庆城网站建设公司,为庆城等地区提供建站服务。全流程定制网站,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

jQuery EasyUI Layout实现tabs标签的实例

一、概述:

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

2、效果如图:

jQuery EasyUI Layout怎么实现tabs标签

二、创建Layout主页:

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>



SSHE DEMO













  
  
          
  
          
     

三、创建中间页面:

<%@ page language="java" pageEncoding="UTF-8"%>

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


  

四、菜单页:west.jsp

<%@ page language="java" pageEncoding="UTF-8"%>

  
    
      
    
    
  

关于“jQuery EasyUI Layout怎么实现tabs标签”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


分享名称:jQueryEasyUILayout怎么实现tabs标签
标题来源:http://chengdu.cdxwcx.cn/article/jgeegi.html