文档章节

ligerUi Tab 切换页面操作

k
 kai3925
发布于 2017/03/22 21:13
字数 194
阅读 518
收藏 0

方式一  :var navtab;

var selectTabPage = function(tabid) {
       // var navtab = $("#tab").ligerGetTabManager();
        var content = navtab.tab.content;
        //content.children().hide();
        var dom = content.find("[tabid='" + tabid + "']");
       // if (!$.trim(dom.html())) {
            switch (tabid) {
                case "tabitem1":
                    dom.load("1.html");
                    break;
                case "tabitem2":
                    dom.load("2.html");
                    break;
            }
        }
        dom.show();
    };

$("#tab").ligerTab({
        width : "300px",
        align : "center",
        onAfterSelectTabItem : selectTabPage,
        contextmenu : false
    });
    
    selectTabPage("tabitem1");

<div id='tab' style='overflow:hidden;'>

</div>

 

方式二:

var navtab =null;
    $(function () {
    navtab = $("#tab").ligerTab({
        width : "300px",
        showSwitch: true  
        });
    $('#iframe').attr('src','/manager/html/tab8_total_quarter.html);
    $('#iframe1').attr('src','/manager/html/tab8_total_1.html?year='+year+"&quarter="+quarter);
    $('#iframe2').attr('src','/manager/html/tab8_total_2.html?year='+year+"&quarter="+quarter);
    $('#iframe3').attr('src','/manager/html/tab8_total_3.html?year='+year+"&quarter="+quarter);
    });

<div id='tab' style='overflow:hidden;'>
        <div title='汇总表' tabid="home"  lselected="true" >
            <iframe frameborder="0"  id="iframe" src= ""></iframe>
        </div>
        <div title='季度首月'>
            <iframe frameborder="0"  id="iframe1" src= ""></iframe>
        </div>
        <div title='季度中月'>
            <iframe frameborder="0"  id="iframe2" src= ""></iframe>
        </div>
        <div title='季度末月'>
            <iframe frameborder="0"  id="iframe3" src= ""></iframe>
        </div>
</div>

© 著作权归作者所有

k
粉丝 0
博文 26
码字总数 8629
作品 0
武汉
程序员
私信 提问
IE8浏览器iframe内存不回收的问题,网上解决方案无效。

本人负责一个Web信息系统,使用的ligerUI作为前端UI组件。 之前的布局方案是点击左侧菜单在页面右侧动态添加tab页面,动态tab页面使用的iframe,但是由于旧版本的ligerUi tab组件无法回收内存...

即时光影
2013/08/26
4.5K
5
前端框架 JQuery LigerUI V1.2.3 更新记录

LigerUI是基于jQuery开发的一系列控件组,包括表单、布局、表格等等常用UI控件 使用LigerUI可以快速创建风格统一的界面效果 V1.2.3更新记录 核心 [需求]增加一套皮肤 表格 [优化]编辑时显示的...

夫复何求
2014/03/18
5K
12
打算做个系统,主要是用浏览器加载, 操作服务器上的数据, ui用ligerUi, 不知道我卖这样的软件需要向ligerUI交钱不.

可能不需要全部的插件, 只需要部分内容. 我从ligerUI里提取出部分插件, 并重新压缩成一个js文件包, 并且修改了一下皮肤css文件, 不知道使用ligerUI制作的系统,对外销售需要不需要获取ligerUI...

泡不烂的凉粉
2014/01/06
962
1
jquery1.5.2提示jQuery未定义

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName......

wuherong
2012/03/14
3.1K
2
学习jQuery LigerUI框架

看人家在一个技术交流群里问到谁用过jQuery LigerUI这个框架?咦,我没用过,我才刚开始学习jQuery,没听说过!菜鸟的悲哀~去网上看看是什么东东!http://ligerui.googlecode.com去看看吧! ...

小人物_Amor
2013/02/22
2.3K
9

没有更多内容

加载失败,请刷新页面

加载更多

社区投稿 | 线程简介和 MySQL 调试环境搭建

作者:高鹏 文章末尾有他著作的《深入理解MySQL主从原理 32讲》,深入透彻理解MySQL主从,GTID相关技术知识。 本文节选自《深入理解MySQL主从原理》第29节 注意:本文分为正文和附件两部分,...

爱可生
7分钟前
1
0
DDOS攻击可以分为什么类型?怎么样才能解决?

DDoS 是一种多源网络攻击,其目的是针对终端用户扰乱其网络的资源或服务。其不断进化的复杂性能够造成各种各样的伤害,例如欺诈以及勒索等。DDoS 攻击通常透过多重受损的系统或者装置注入殭尸...

云漫网络Ruan
10分钟前
1
0
从零开始入门 K8s| 阿里技术专家详解 K8s 核心概念

作者| 阿里巴巴资深技术专家、CNCF 9个 TCO 之一 李响 一、什么是 Kubernetes Kubernetes,从官方网站上可以看到,它是一个工业级的容器编排平台。Kubernetes 这个单词是希腊语,它的中文翻译...

阿里巴巴云原生
10分钟前
1
0
修改和编译spring源码,构建jar(spring-context-4.0.2.RELEASE)

上周在定位问题时,发现Spring容器实例化Bean的时候抛出异常,为了查看更详细的信息,决定修改spring-context-4.0.2.RELEASE.jar中的CommonAnnotationBeanPostProcessor类的代码,在里面打印...

程序员欣宸
13分钟前
1
0
MongoDB集群配置

MongoDB集群配置 2019年06月30日 13:21:05 2014Team 阅读数 77更多 分类专栏: MongoDB 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文...

linjin200
14分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部