基于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 相关文章推荐
基于JQuery的动态删除Table表格的行和列的代码
May 12 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
Jan 09 Javascript
简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器
Oct 22 Javascript
juery框架写的弹窗效果适合新手
Nov 27 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
May 25 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 Javascript
jquery实现无刷新验证码的简单实例
May 19 Javascript
Bootstrap Multiselect 常用组件实现代码
Jul 09 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
Nov 27 Javascript
微信小程序实现留言板功能
Nov 02 Javascript
js事件触发操作实例分析
Jun 21 Javascript
vue远程加载sfc组件思路详解
Dec 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
2019十大人气国漫
2020/03/13 国漫
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
javascript数组与php数组的地址传递及值传递用法实例
2015/01/22 PHP
PHP编程实现计算抽奖概率算法完整实例
2017/08/09 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
Javascript 是你的高阶函数(高级应用)
2015/06/15 Javascript
详解JavaScript异步编程中jQuery的promise对象的作用
2016/05/03 Javascript
微信小程序 实战小程序实例
2016/10/08 Javascript
Bootstrap模态框禁用空白处点击关闭
2016/10/20 Javascript
Angular HMR(热模块替换)功能实现方法
2018/04/04 Javascript
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
JavaScript键盘事件响应顺序详解
2019/09/30 Javascript
vue print.js打印支持Echarts图表操作
2020/11/13 Javascript
寻找网站后台地址的python脚本
2014/09/01 Python
Python中max函数用法实例分析
2015/07/17 Python
AI人工智能 Python实现人机对话
2017/11/13 Python
Python  unittest单元测试框架的使用
2018/09/08 Python
python仿抖音表白神器
2019/04/08 Python
html5的canvas元素使用方法介绍(画矩形、画折线、圆形)
2014/04/14 HTML / CSS
节省高达65%的城市景点费用:Go City
2019/07/06 全球购物
机械工程系毕业生求职信
2013/09/27 职场文书
监理员的岗位职责
2013/11/13 职场文书
证婚人经典证婚词
2014/01/09 职场文书
巾帼文明岗申报材料
2014/05/01 职场文书
人民调解员先进事迹材料
2014/05/08 职场文书
优秀的应届生自荐信
2014/05/23 职场文书
社区服务活动小结
2014/07/08 职场文书
2014最新房贷收入证明范本
2014/09/12 职场文书
2014年重阳节老干部座谈会局领导发言稿
2014/09/25 职场文书
2014公司年终工作总结
2014/12/19 职场文书
先进个人事迹材料
2014/12/29 职场文书
2015年考研复习计划
2015/01/19 职场文书
个人党性锻炼总结
2015/03/05 职场文书
python基础之while循环语句的使用
2021/04/20 Python
Springboot如何同时装配两个相同类型数据库
2021/11/17 Java/Android
联想win10摄像头打不开怎么办?win10笔记本摄像头打不开解决办法
2022/04/08 数码科技