基于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 错误处理的几种方法
Jun 13 Javascript
原生js实现查找/添加/删除/指定元素的class
Apr 12 Javascript
jQuery当鼠标悬停时放大图片的效果实例
Jul 03 Javascript
多个$(document).ready()的执行顺序实例分析
Jul 26 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
Mar 03 Javascript
实例详解JavaScript获取链接参数的方法
Jan 01 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
Jun 13 Javascript
使用JavaScript获取Request中参数的值方法
Sep 27 Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
深入解析ES6中的promise
Nov 08 Javascript
node.js中Buffer缓冲器的原理与使用方法分析
Nov 23 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
Jul 17 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
paypal即时到账php实现代码
2010/11/28 PHP
兼容firefox,chrome的网页灰度效果
2011/08/08 PHP
比较详细PHP生成静态页面教程
2012/01/10 PHP
php防注入,表单提交值转义的实现详解
2013/06/10 PHP
PHP函数preg_match_all正则表达式的基本使用详细解析
2013/08/31 PHP
php中生成随机密码的自定义函数代码
2013/10/21 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
Labelauty?jQuery单选框/复选框美化插件分享
2015/09/26 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
2015/10/21 Javascript
关于Javascript中defer和async的区别总结
2016/09/20 Javascript
WebView启动支付宝客户端支付失败的问题小结
2017/01/11 Javascript
JavaScript闭包和回调详解
2017/08/09 Javascript
JS随机排序数组实现方法分析
2017/10/11 Javascript
AngularJS中scope的绑定策略实例分析
2017/10/30 Javascript
vue拦截器实现统一token,并兼容IE9验证功能
2018/04/26 Javascript
JS实现音量控制拖动
2020/01/15 Javascript
[01:56]无止竞 再出发——中国军团出征2017年DOTA2国际邀请赛
2017/07/05 DOTA
[48:41]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
python实现socket客户端和服务端简单示例
2014/02/24 Python
深度剖析使用python抓取网页正文的源码
2014/06/11 Python
Python简单遍历字典及删除元素的方法
2016/09/18 Python
答题辅助python代码实现
2018/01/16 Python
对python读写文件去重、RE、set的使用详解
2018/12/11 Python
python接口调用已训练好的caffe模型测试分类方法
2019/08/26 Python
python中class的定义及使用教程
2019/09/18 Python
PyTorch使用cpu加载模型运算方式
2020/01/13 Python
flask项目集成swagger的方法
2020/12/09 Python
个性化皮包、小袋、生活配件:Mon Purse
2019/03/26 全球购物
创业计划书六个要素
2013/12/26 职场文书
挂职思想汇报
2013/12/31 职场文书
HR必备:销售经理聘用合同范本
2019/08/21 职场文书
五年级作文之成长
2019/09/16 职场文书
Python爬虫基础之初次使用scrapy爬虫实例
2021/06/26 Python
css中z-index: 0和z-index: auto的区别
2021/08/23 HTML / CSS
科普 | 业余无线电知识-波段篇
2022/02/18 无线电
springboot 全局异常处理和统一响应对象的处理方式
2022/06/28 Java/Android