tabs创建选项卡

关键代码:

1.创建选项卡

<a onclick="addPanel(‘用户列表‘,‘@Url.Action("List","UserManager")‘)">用户列表</a>

2.tabs

<div region="center">
        <div class="easyui-tabs" id="panellist" style="width:100%;height:100%">
            <div title="默认"></div>
        </div>
    </div>

3.JS代码:

<script type="text/javascript">    
     function addPanel(title,url) {
        //判断tabs是否存在
        var e = $(‘#panellist‘).tabs(‘exists‘, title);
        //存在 打开
        if (e == true) {
            $(‘#panellist‘).tabs(‘select‘, title);
        }
        //不存在 创建
        else {
            $(‘#panellist‘).tabs(‘add‘, {
                title: title,
                content: ‘<iframe scrolling="yes" frameborder="0"‘ + ‘src="‘ + url + ‘" style="width:100%;height:100%"></iframe>‘,
                closable: true
            });
        }
    }
</script>

时间: 2024-11-10 04:01:54

tabs创建选项卡的相关文章

jQuery EasyUI 教程-Tabs(选项卡)

使用$.fn.tabs.defaults重写默认值对象. 选项卡显示一批面板.但在同一个时间只会显示一个面板.每个选项卡面板都有头标题和一些小的按钮工具菜单,包括关闭按钮和其他自定义按钮. 使用案例: 创建面板 通过标签和Javascript两种方法来创建选项卡. 1. 通过标签创建选项卡 通过标签可以更容易的创建选项卡,我们不需要写任何Javascript代码.只需要给<div/>标签添加一个类ID’easyui-tabs’.每个选项卡面板都通过子<div/>标签进行创建,用法和

组件化2 创建选项卡对象

创建选项卡对象   需要关联到小窗体对象(JPanel) 但对运用  Jpanel 对象是不可见的 ,需要用到边框并设置颜色才可见 JPnael对象与选项卡对象关联后,就不需要对小窗体对象进行设置了(小窗体对象及其关联的组件(这是一个整体)  自动与选项卡相匹配 在关联小窗体的组件的类中  需要继承 JPanel 类(小窗体) 其中的思想与  组件化思想差不多,但是根本的思想有所差别 ,面向的对象不同, package cn.lovo.day03_30; import java.awt.Imag

android中用Fragment的简单介绍和创建选项卡详细列子

Fragment要点 Fragment作为Activity界面的一部分组成出现 可以在一个Activity中同时出现多个Fragment,并且,一个Fragment亦可在多个Activity中使用. 在Activity运行过程中,可以添加.移除或者替换Fragment(add().remove().replace()) Fragment可以响应自己的输入事件,并且有自己的生命周期,当然,它们的生命周期直接被其所属的宿主activity的生命周期影响. 设计哲学 Android在3.0中引入了fr

MFC 创建选项卡

1.创建三个选项卡Dialog窗体,ID分别改为porpTest1.porpTest2.porpTest3 2.创建三个选项卡类,类名分别为CPropTest1.CPropTest2.CPropTest3 3.创建一个选项卡的父类,类名为:CPropTest 4.为父类CPropTest添加3个成员变量,分别命名为m_proptest1.m_proptest2.m_proptest3 5.为父类引入3个子类的头文件(在父类的源文件中引入) #include "PropTest1.h"

【easyui】关于tabs的选项卡的href 引入页面后 js、css失效

示例: $("tabs").tabs("add",{ href:"test.html" }) test.html 只有body里的内容会被执行  如果js或css在body外则会失效 解决办法: 1.如果是内部js.css   将它们放到body内即可 2.如果是外部js.css   将他们在主页面引用即可 3.写一个servlet,在servlet里response.sendRedirect("test.html") [附]

EasyUI---layout布局、树形组件、选项卡tabs

一.了解EasyUI与BootStrap.LayUI的区别 1.EasyUI和LayUI对比 easyui是功能强大但是有很多的组件使用功能是十分强大的,而layui是2016年才出来的前端框架,现在才更新到2.x版本还有很多的功能没有完善,也还存在一些不稳定的情况,但是layui界面简约美观,而且容易上手而且有很多组件在layui的社区里都可以找到 2.LayUI与BootStrap对比 layui是国人开发的一套框架,2016年出来的,现在已更新到2.X版本了.比较新,轻量级,样式简单好看.

转载《Android-TabHost 选项卡功能用法详解》

一. TabHost介绍 TabHost组件可以在界面中存放多个选项卡, 很多软件都使用了改组件进行设计; 1. TabHost常用组件 TabWidget : 该组件就是TabHost标签页中上部 或者 下部的按钮, 可以点击按钮切换选项卡; TabSpec : 代表了选项卡界面, 添加一个TabSpec即可添加到TabHost中; -- 创建选项卡 : newTabSpec(String tag), 创建一个选项卡; -- 添加选项卡 : addTab(tabSpec); 2. TabHos

5 选项卡、高级列表和表单组件--汇率应用

简介:本节课我们将会构建一个显示比特币和其他货币的实时汇率及历史汇率的应用.界面会使用Ionic的选项卡组件,其中包含三个选项卡,分别为查看的当前市场汇率.查看历史汇率图标以及资金管理.我们将会学到如何在选项卡中使用导航窗口,如果想要在使用选项卡的同时维护用户界面状态,那么掌握这个技术将非常重要.此外,我们还会学到如何在不同选项卡中缓存外部来源加载的数据,这样可以提高假造速度,避免不必要的HTTP请求. 下面我们还是同上节课一样,先来看一下基本的应用界面: 看完上面的图示,我们对将要开发的应用有

Android学习笔记(30):选项卡TabHost

TabHost组件是可以在界面中存放多个选项卡的容器,选项卡大小与外部容器相同. TabWidget 组件就是TabHost的标题条,单击可以切换选项卡. TabSpec组件就是一个选项卡(Tab页面). TabHost的使用步骤如下: 1.在XML文件中定义一个TabHost组件,并在其中定义一个FrameLayout.在其中添加内容. 2.Activity应该继承自TabActivity. 3.调用TabActivity的getTabHost()方法获取TabHost对象. 4.通过TabH