基于Jquery easyui 选中特定的tab


Posted in Javascript onNovember 17, 2015

 获取选中的 Tab

// 获取选中的 tab panel 和它的 tab 对象  
 var pp = $('#tt').tabs('getSelected');  
 var tab = pp.panel('options').tab;  // 相应的 tab 对象

更新特定的选项卡面板 可使用update方法,param参数包含2个属性:

tab: 将被更新的选项卡。

options: 选项卡相关配置项。

Example:

//当前tab 
var current_tab = $('#frame_tabs').tabs('getSelected'); 
$('#frame_tabs').tabs('update',{ 
   tab:current_tab, 
   options : { 
     content : '<iframe scrolling="auto" frameborder="0" src="'+URL+'" style="width:100%;height:100%;"></iframe>', 
   //或者 href : ''; 
   } 
}); 
$(document).ready(function() { 
  $('#frame_tabs').bind('dblclick',function(){ 
    var title = $('.tabs-selected').text(); 
    $('#frame_tabs').tabs('close',title); 
  }) 
});

Re: Tabs初始化时如何让特定的tab处于选中状态

lyw985lyw985 27 Aug 2010, 10:44
$('#tt').tabs('update',{
tab:$('#tt').tabs('getTab','Tab2'),
options:{
selected:true
}
});

目前我项目中使用是的是

<div id="tabs" class="easyui-tabs" style="width: 1160px;" >
<div id="tabs-1" title="基本信息" data-options="fit:true">
<div id="tabs-2" title="投标信息" data-options="selected:true" >//这样在加载的时候就选中状态了 可以在后台保存一个全局变量,然后赋值到界面,通过JS取界面的值,然后判断设置增加 data-options="selected:true" 
function setTab()
  {
    var sTab = $("#selectTab").val();
    if (sTab == "1") {
      $("#tabs").tabs("select", 0);
    }
    if (sTab == "2") {
      $("#tabs").tabs("select", 1);
      //$("#tabs-2").attr("data-options", "selected:true");
    }
    if (sTab == "3") {
      $("#tabs").tabs("select", 2);
    }
    if (sTab == "4") {
      $("#tabs").tabs("select", 3);
    }
  }
Javascript 相关文章推荐
JavaScript 通过模式匹配实现重载
Aug 12 Javascript
新浪微博字数统计 textarea字数统计实现代码
Aug 28 Javascript
javascript 进阶篇2 CSS XML学习
Mar 14 Javascript
javascript学习笔记(十二) RegExp类型介绍
Jun 20 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
Jan 13 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 Javascript
Angular JS数据的双向绑定详解及实例
Dec 31 Javascript
js实现3D图片展示效果
Mar 09 Javascript
ssm+vue前后端分离框架整合实现(附源码)
Jul 08 Javascript
浅谈js中的attributes和Attribute的用法与区别
Jul 16 Javascript
Vue实现移动端拖拽交换位置
Jul 29 Javascript
Javascript中的奇葩知识,你知道吗?
Jan 25 Javascript
jquery实现简单的表单验证
Nov 17 #Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
Nov 17 #Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
Nov 17 #Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 #Javascript
jquery判断密码强度的验证代码
Apr 22 #Javascript
jquery实现邮箱自动填充提示功能
Nov 17 #Javascript
jQuery实现文本框邮箱输入自动补全效果
Nov 17 #Javascript
You might like
php密码生成类实例
2014/09/24 PHP
php实现给图片加灰色半透明效果的方法
2014/10/20 PHP
php创建和删除目录函数介绍和递归删除目录函数分享
2014/11/18 PHP
php实现paypal 授权登录
2015/05/28 PHP
php7函数,声明,返回值等新特性介绍
2018/05/25 PHP
Alliance vs AM BO3 第二场2.13
2021/03/10 DOTA
jQuery Ajax 全解析
2009/02/08 Javascript
基于jquery的返回顶部效果(兼容IE6)
2011/01/17 Javascript
一个基于jquery的文本框记数器
2012/09/19 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
一个简单的jquery的多选下拉框(自写)
2014/05/05 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
2015/03/05 Javascript
JS实现CheckBox复选框全选全不选功能
2015/05/06 Javascript
jQuery简单实现两级下拉菜单效果代码
2015/09/15 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
2016/04/29 Javascript
js操作浏览器的参数方法
2017/01/21 Javascript
将angular.js项目整合到.net mvc中的方法详解
2017/06/29 Javascript
vue2.0在table中实现全选和反选的示例代码
2017/11/04 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
2018/01/21 Javascript
js中如何完美的解析数据
2018/03/18 Javascript
jQuery的Ajax接收java返回数据方法
2018/08/11 jQuery
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
利用python如何处理百万条数据(适用java新手)
2018/06/06 Python
python语音识别实践之百度语音API
2018/08/30 Python
Python里字典的基本用法(包括嵌套字典)
2019/02/27 Python
Keras使用tensorboard显示训练过程的实例
2020/02/15 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
Ubuntu16安装Python3.9的实现步骤
2020/12/15 Python
澳大利亚汽车零部件、音响及配件超市:Automotive Superstore
2018/06/19 全球购物
在C++ 程序中调用被C 编译器编译后的函数,为什么要加extern "C"
2014/08/09 面试题
实习期自我鉴定
2013/10/11 职场文书
一分钟演讲稿
2014/04/30 职场文书
面试必备的求职信
2014/05/25 职场文书
老公保证书怎么写
2015/02/26 职场文书
宫崎骏十大动画电影,宫崎骏好看的动画电影排名
2022/03/22 日漫