原创

JQuery EasyUI 实现选中特定 Tab 选项

        Easyui是一种基于jQuery的用户界面插件集合,为创建现代化,互动,JavaScript应用程序,提供必要的功能,使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。是个完美支持HTML5网页的完整框架,节省您网页开发的时间和规模。


获取选中 Tab 选项卡,具体代码如下:

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

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

tab  将被更新的选项卡

options  选项卡相关配置项


简单案例,具体代码如下:

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


Tabs 初始化时指定特定的 tab 处于选中状态,具体代码如下:

$('#tt').tabs('update',{
tab:$('#tt').tabs('getTab','Tab2'),
options:{
selected:true
}
});

关注下方微信公众号“Java精选”(w_z90110),回复关键字领取资料:如HadoopDubboCAS源码等等,免费领取资料视频和项目。 

涵盖:程序人生、搞笑视频、算法与数据结构、黑客技术与网络安全、前端开发、Java、Python、Redis缓存、Spring源码、各大主流框架、Web开发、大数据技术、Storm、Hadoop、MapReduce、Spark、elasticsearch、单点登录统一认证、分布式框架、集群、安卓开发、iOS开发、C/C++、.NET、Linux、Mysql、Oracle、NoSQL非关系型数据库、运维等。

相关推荐

评论

分享:

支付宝

微信