YUI3在TabView中查找當前選項卡

我正在使用YUI3 TabView組件，我希望能夠獲取當前選定選項卡的索引。我一直在瀏覽API文檔，但似乎無法找到相關的方法來做到這一點。YUI3在TabView中查找當前選項卡

http://developer.yahoo.com/yui/3/api/module_tabview.html

謝謝！

2010-12-01 Evert

如果您使用「tabview.get（'selection'）」作爲參數，那麼「indexOf」實際上會起作用。

例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
     <title>Untitled Document</title> 
    <script type="text/javascript" charset="utf-8" 
     src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js"> 
    </script> 
    </head> 
    <body> 
     <body class="yui3-skin-sam"> 
     <p id="msg"></p> 
    <input type='button' value='Button' id='button'/> 
    <div id="demo"> 
     <ul> 
      <li><a href="#foo">foo</a></li> 
      <li><a href="#bar">bar</a></li> 
      <li><a href="#baz">baz</a></li> 
     </ul> 
     <div> 
      <div id="foo">foo content</div> 
      <div id="bar">bar content</div> 
      <div id="baz">baz content</div> 
     </div> 
    </div> 
    <script> 
var YUI; 
YUI().use('event', 'node', 'tabview', function (Y) { 
    Y.one('#msg').set('innerHTML', 'message area'); 

    var tabview = new Y.TabView({srcNode: '#demo'}); 
    tabview.render(); 

    var displayIndex = function (tabview) { 
    var sel = tabview.get('selection'); 
    var idx = tabview.indexOf(sel); 
    Y.one('#msg').set('innerHTML', 'Selected Tab Index = ' + idx); 
    } 
    displayIndex(tabview); 

    Y.after('click', function(e) { 
    displayIndex(this); 
    },'body',tabview); 

}); 
    </script> 
    </body> 
</html>

來源

2010-12-02 18:49:25 mjhm

正是我需要的，謝謝。 – Evert 2010-12-02 23:08:52

YUI3在TabView中查找當前選項卡

回答

相關問題