基于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 $.ajax()取xml数据的小问题解决方法
Nov 20 Javascript
jquery实现奇偶行赋值不同css值
Feb 17 Javascript
JS中的异常处理方法分享
Dec 22 Javascript
javascript中数组array及string的方法总结
Nov 28 Javascript
详解javascript实现瀑布流列式布局
Jan 29 Javascript
jQuery延迟执行的实现方法
Dec 21 Javascript
利用JQuery实现datatables插件的增加和删除行功能
Jan 06 Javascript
bootstrap fileinput 上传插件的基础使用
Feb 17 Javascript
日期时间范围选择插件:daterangepicker使用总结(必看篇)
Sep 14 Javascript
javascript中的replace函数(带注释demo)
Jan 07 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
Nov 04 Javascript
Webpack设置环境变量的一些误区详解
Dec 19 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下几个常用的去空、分组、调试数组函数
2009/02/22 PHP
PHP has encountered an Access Violation at 7C94BD02解决方法
2009/08/24 PHP
《PHP编程最快明白》第六讲:Mysql数据库操作
2010/11/01 PHP
thinkphp模板赋值与替换实例简述
2014/11/24 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
[原创]smarty简单模板变量输出方法
2016/07/09 PHP
php socket通信简单实现
2016/11/18 PHP
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
2011/11/15 Javascript
js遍历td tr等html元素
2012/12/13 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
2014/01/09 Javascript
使表格的标题列可左右拉伸jquery插件封装
2014/11/24 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
简单实现js间歇或无缝滚动效果
2016/06/29 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
AngularJS学习第一篇 AngularJS基础知识
2017/02/13 Javascript
Jquery EasyUI $.Parser
2017/06/02 jQuery
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
2017/12/15 Javascript
利用vue + element实现表格分页和前端搜索的方法
2017/12/25 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
微信小程序功能之全屏滚动效果的实现代码
2018/11/22 Javascript
JS实现指定区域的全屏显示功能示例
2019/04/25 Javascript
一文了解vue-router之hash模式和history模式
2019/05/31 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
Vue $emit()不能触发父组件方法的原因及解决
2020/07/28 Javascript
解决windows下Sublime Text 2 运行 PyQt 不显示的方法分享
2014/06/18 Python
Django内容增加富文本功能的实例
2017/10/17 Python
python使用Tkinter实现在线音乐播放器
2018/01/30 Python
详解django.contirb.auth-认证
2018/07/16 Python
Python正则表达式实现简易计算器功能示例
2019/05/07 Python
redis数据库及与python交互用法简单示例
2019/11/01 Python
现代生活方式的家具和装饰:Dot & Bo
2018/12/26 全球购物
移动通信行业实习自我鉴定
2013/09/28 职场文书
十佳中学生事迹材料
2014/06/02 职场文书
2015年营业员工作总结
2015/04/23 职场文书
详解在SQLPlus中实现上下键翻查历史命令的功能
2022/03/18 SQL Server