原创

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),回复关键词领取资料:如Mysql、Hadoop、Dubbo、Spring Boot等,免费领取视频教程、资料文档和项目源码。

Java精选专注程序员推送一些Java开发知识,包括基础知识、各大流行框架(Mybatis、Spring、Spring Boot等)、大数据技术(Storm、Hadoop、MapReduce、Spark等)、数据库(Mysql、Oracle、NoSQL等)、算法与数据结构、面试专题、面试技巧经验、职业规划以及优质开源项目等。其中一部分由小编总结整理,另一部分来源于网络上优质资源,希望对大家的学习和工作有所帮助。

您可能感兴趣的文章

评论

分享:

支付宝

微信