首页 新闻 会员 周边 捐助

关于JqueryEasyUI插件—Tab,默认选中某个面板

0
悬赏园豆:5 [已解决问题] 解决于 2014-01-02 17:39

老师好:)

 1.我的问题:想默认打开 title="历史任务"的面板

 2.目前状态:

 在 Html里非动态添加的,

   <div class="easyui-tabs">

<div title="模拟当前任务" style="padding:10px" id="CurrentTaskDemo"></div>

  <div title="历史任务" style="padding: 10px"></div>

  </div>

 

   3.通过查资料,找到

   //动态添加并获取

  1. var $tabs = $('#example').tabs({    
  2.   
  3. 72.         add: function(event, ui) {    
  4.   
  5. 73.             $tabs.tabs('select''#' + ui.panel.id);    
  6.   
  7. 74.         }    
  8.   
  9. 75.     });    
Frank铭的主页 Frank铭 | 初学一级 | 园豆:8
提问于:2013-12-24 20:32
< >
分享
最佳答案
0

如果不明显指定的话,第一个就是被选中的,你可以通过data-options="selected:true"指定默认选中

收获园豆:5
秋壶冰月 | 大侠五级 |园豆:5903 | 2013-12-24 21:48

Ans:谢谢您的提示,/*通过selected="true"*/

 <div title="历史任务" style="padding: 10px" id="HistoryTask"  selected="true"> 

拓展下:

/*切换面板内容->业务场景:单击某层或单击文字时*/

function RedictHistory() {
$(".easyui-tabs").tabs('select', '历史任务');/*title 或  index(默认从0开始)  */

}

 

Frank铭 | 园豆:8 (初学一级) | 2014-01-02 17:39
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册