javascript代码实例教程-jQuery easyui 选中特定的tab

发布时间:2019-02-10 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jQuery easyui 选中特定的tab脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

获取选中的 Tab

1. // 获取选中的 tab panel 和它的 tab 对象

2. VAR pp = $('#tt').tabs('getSelected');

3. var tab = pp.panel('options').tab; // 相应的 tab 对象



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

tab: 将被更新的选项卡。

options: 选项卡相关配置项。


Example:

[javascript] view plaincopy

javascript代码实例教程-jQuery easyui 选中特定的tab

javascript代码实例教程-jQuery easyui 选中特定的tab

  1. //当前tab
  2. var current_tab = $('#frame_tabs').tabs('getSelected');
  3. $('#frame_tabs').tabs('update',{
  4. tab:current_tab,
  5. options : {
  6. content : '<iframe scrolling="auto" frameborder="0" src="'+URL+'" style="width:100%;height:100%;"></iframe>',
  7. //或者 href : '';
  8. }
  9. });


    1. $(document).ready(function() {
    2. $('#frame_tabs').bind('dblclick',function(){
    3. var tITle = $('.tabs-selected').text();
    4. $('#frame_tabs').tabs('close',title);
    5. })
    6. });


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

      javascript代码实例教程-jQuery easyui 选中特定的tab

      lyw985 27 Aug 2010, 10:44

      $('#tt').tabs('update',{
      tab:$('#tt').tabs('getTab','Tab2'),
      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);
      }
      }

      觉得可用,就经常来吧! 脚本宝典 欢迎评论哦!&nbsp;js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

      脚本宝典总结

      以上是脚本宝典为你收集整理的javascript代码实例教程-jQuery easyui 选中特定的tab全部内容,希望文章能够帮你解决javascript代码实例教程-jQuery easyui 选中特定的tab所遇到的问题。

      如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

      本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
      如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。