1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
7 <meta http-equiv="content-type" content="text/html; charset=undefined" />
8 <meta name="generator" content="JsDoc Toolkit" />
11 <title>JsDoc Reference - Roo.TabPanel</title>
14 <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
15 <link rel="stylesheet" type="text/css" href="../default.css" />
18 <script type="text/javascript" src="../page.js">
25 <body onload="RooDocsPage.onload();">
28 <div class="body-wrap">
30 <!-- ============================== links to methods. ================================= -->
32 <div class="top-tools">
34 <a class="inner-link" href="#Roo.TabPanel-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.TabPanel-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.TabPanel-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.TabPanel-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
38 <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
43 <!-- ============================== inheritance Block. ================================= -->
45 <div class="inheritance res-block">
46 <pre class="res-block-inner"><a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
47 <img src="../../images/default/s.gif" height="1" width="20"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.TabPanel
52 <!-- ============================== class title / details ============================ -->
55 <h1 class="classTitle">
60 <table cellspacing="0" class="class-summary-table">
62 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
64 <tr><td class="label">Defined In:</td><td class="hd-info">
66 <a href="./src/Roo_TabPanel.js.html">Roo/TabPanel.js</a>.
69 <tr><td class="label">Class:</td><td class="hd-info">TabPanel</td></tr>
74 <tr><td class="label">Extends:</td><td class="hd-info">
75 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
83 <!-- ============================== class summary ========================== -->
84 <div class="description">
85 A lightweight tab container.<br/><br><br><br/>Usage:<br/><pre><code><br/>// basic tabs 1, built from existing content<br/>var tabs = new Roo.TabPanel("tabs1");<br/>tabs.addTab("script", "View Script");<br/>tabs.addTab("markup", "View Markup");<br/>tabs.activate("script");<br/><br/>// more advanced tabs, built from javascript<br/>var jtabs = new Roo.TabPanel("jtabs");<br/>jtabs.addTab("jtabs-1", "Normal Tab", "My content was added during construction.");<br/><br/>// set up the UpdateManager<br/>var tab2 = jtabs.addTab("jtabs-2", "Ajax Tab 1");<br/>var updater = tab2.getUpdateManager();<br/>updater.setDefaultUrl("ajax1.htm");<br/>tab2.on('activate', updater.refresh, updater, true);<br/><br/>// Use setUrl for Ajax loading<br/>var tab3 = jtabs.addTab("jtabs-3", "Ajax Tab 2");<br/>tab3.setUrl("ajax2.htm", null, true);<br/><br/>// Disabled tab<br/>var tab4 = jtabs.addTab("tabs1-5", "Disabled Tab", "Can't see me cause I'm disabled");<br/>tab4.disable();<br/><br/>jtabs.activate("jtabs-1");<br/></code></pre>
89 <!-- ============================== Class comment block... ========================== -->
91 <div class="comments">
92 <b>Class Comments / Notes</B> =>
93 <u onclick="parent.CommentDialog.showCommentId = 'Roo.TabPanel';">[Add Your comment/notes about this class]</u>
95 <iframe frameborder="0" id="comments-Roo" style="border: none;width:100%;"
96 src="/blog.php/GtkDjsComments/Roo.TabPanel.html"></iframe>
101 <!-- ============================== config options ========================== -->
106 <div class="hr"></div>
107 <a id="Roo.TabPanel-configs"></a>
111 <table cellspacing="0" class="member-table">
112 <caption class="Empty">Config Options - Has None</caption>
126 <!-- ============================== public properties ==================== -->
130 <a id="Roo.TabPanel-props"></a>
136 <table cellspacing="0" class="member-table">
137 <caption class="Empty">Public Properties - Has None</caption>
143 <!-- ============================== methods summary / details ======================== -->
146 <a id="Roo.TabPanel-methods"></a>
147 <!-- constructor?? -->
154 <!-- then dynamics first -->
161 <table cellspacing="0" class="member-table">
162 <caption>Public Methods</caption>
164 <th class="sig-header" colspan="2">Method</th>
165 <th class="msource-header">Defined By</th>
175 <tr class="method-row config-row-alt0 expandable notInherited">
176 <td class="micon"><a class="exi" href="#expand"> </a></td>
180 <a id="Roo-method-TabPanel" name=".TabPanel"></a>
181 <div class="fixedFont">
182 <span class="attributes">new <B>Roo.</B></span><b class="itemname">TabPanel</b>
184 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>container</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Boolean <B><i>config</i></B>)
192 <div class="short">Create a new Roo.TabPanel</div>
199 Create a new Roo.TabPanel
202 <dl class="detailList">
203 <dt class="heading">Parameters:</dt>
206 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>container</b>
209 <dd>The id, DOM element or Roo.Element container where this TabPanel is to be rendered.</dd>
212 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>/Boolean</span> <b>config</b>
215 <dd>Config object to set any properties for this TabPanel, or true to render the tabs on the bottom.</dd>
239 <tr class="method-row config-row-alt1 expandable notInherited">
240 <td class="micon"><a class="exi" href="#expand"> </a></td>
244 <a id="Roo.TabPanel-method-activate" name=".activate"></a>
245 <div class="fixedFont">
246 <span class="attributes"></span><b class="itemname">activate</b>
248 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
254 <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a>
263 <div class="short">Activates a {<b>link</b> Roo.TabPanelItem}.</div>
269 Activates a {<b>link</b> Roo.TabPanelItem}. The currently active one will be deactivated.
276 <dl class="detailList">
277 <dt class="heading">Parameters:</dt>
280 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span> <b>id</b>
283 <dd>The id or index of the TabPanelItem to activate.</dd>
291 <dl class="detailList">
292 <dt class="heading">Returns:</dt>
294 <dd><span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span> The TabPanelItem.</dd>
316 <tr class="method-row config-row-alt0 expandable notInherited">
317 <td class="micon"><a class="exi" href="#expand"> </a></td>
321 <a id="Roo.TabPanel-method-addTab" name=".addTab"></a>
322 <div class="fixedFont">
323 <span class="attributes"></span><b class="itemname">addTab</b>
325 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>text</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>content</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>closable</i></B>)
331 <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a>
340 <div class="short">Creates a new {<b>link</b> Roo.TabPanelItem} by looking for an existing element with the provided id -- if it's not found it creates one.</div>
346 Creates a new {<b>link</b> Roo.TabPanelItem} by looking for an existing element with the provided id -- if it's not found it creates one.
353 <dl class="detailList">
354 <dt class="heading">Parameters:</dt>
357 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
360 <dd>The id of the div to use <b>or create</b></dd>
363 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>text</b>
366 <dd>The text for the tab</dd>
369 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>content</b>
372 <dd>(optional) Content to put in the TabPanelItem body</dd>
375 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>closable</b>
378 <dd>(optional) True to create a close icon on the tab</dd>
386 <dl class="detailList">
387 <dt class="heading">Returns:</dt>
389 <dd><span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span> The created TabPanelItem</dd>
411 <tr class="method-row config-row-alt1 expandable notInherited">
412 <td class="micon"><a class="exi" href="#expand"> </a></td>
416 <a id="Roo.TabPanel-method-addTabItem" name=".addTabItem"></a>
417 <div class="fixedFont">
418 <span class="attributes"></span><b class="itemname">addTabItem</b>
420 (<a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a> <B><i>item</i></B>)
427 <div class="short">Adds an existing {<b>link</b> Roo.TabPanelItem}.</div>
433 Adds an existing {<b>link</b> Roo.TabPanelItem}.
440 <dl class="detailList">
441 <dt class="heading">Parameters:</dt>
444 <span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span> <b>item</b>
447 <dd>The TabPanelItem to add</dd>
473 <tr class="method-row config-row-alt0 expandable notInherited">
474 <td class="micon"><a class="exi" href="#expand"> </a></td>
478 <a id="Roo.TabPanel-method-autoSizeTabs" name=".autoSizeTabs"></a>
479 <div class="fixedFont">
480 <span class="attributes"></span><b class="itemname">autoSizeTabs</b>
489 <div class="short">Manual call to resize the tabs (if {<b>link</b> <b>resizeTabs</b>} is false this does nothing)</div>
495 Manual call to resize the tabs (if {<b>link</b> <b>resizeTabs</b>} is false this does nothing)
524 <tr class="method-row config-row-alt1 expandable notInherited">
525 <td class="micon"><a class="exi" href="#expand"> </a></td>
529 <a id="Roo.TabPanel-method-beginUpdate" name=".beginUpdate"></a>
530 <div class="fixedFont">
531 <span class="attributes"></span><b class="itemname">beginUpdate</b>
540 <div class="short">Disables tab resizing while tabs are being added (if {<b>link</b> <b>resizeTabs</b>} is false this does nothing)</div>
546 Disables tab resizing while tabs are being added (if {<b>link</b> <b>resizeTabs</b>} is false this does nothing)
575 <tr class="method-row config-row-alt0 expandable notInherited">
576 <td class="micon"><a class="exi" href="#expand"> </a></td>
580 <a id="Roo.TabPanel-method-destroy" name=".destroy"></a>
581 <div class="fixedFont">
582 <span class="attributes"></span><b class="itemname">destroy</b>
584 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>removeEl</i></B>)
591 <div class="short">Destroys this TabPanel</div>
597 Destroys this TabPanel
604 <dl class="detailList">
605 <dt class="heading">Parameters:</dt>
608 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>removeEl</b>
611 <dd>(optional) True to remove the element from the DOM as well (defaults to undefined)</dd>
637 <tr class="method-row config-row-alt1 expandable notInherited">
638 <td class="micon"><a class="exi" href="#expand"> </a></td>
642 <a id="Roo.TabPanel-method-disableTab" name=".disableTab"></a>
643 <div class="fixedFont">
644 <span class="attributes"></span><b class="itemname">disableTab</b>
646 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
653 <div class="short">Disables a {<b>link</b> Roo.TabPanelItem}.</div>
659 Disables a {<b>link</b> Roo.TabPanelItem}. It cannot be the active tab, if it is this call is ignored.
666 <dl class="detailList">
667 <dt class="heading">Parameters:</dt>
670 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span> <b>id</b>
673 <dd>The id or index of the TabPanelItem to disable.</dd>
699 <tr class="method-row config-row-alt0 expandable notInherited">
700 <td class="micon"><a class="exi" href="#expand"> </a></td>
704 <a id="Roo.TabPanel-method-enableTab" name=".enableTab"></a>
705 <div class="fixedFont">
706 <span class="attributes"></span><b class="itemname">enableTab</b>
708 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
715 <div class="short">Enables a {<b>link</b> Roo.TabPanelItem} that is disabled.</div>
721 Enables a {<b>link</b> Roo.TabPanelItem} that is disabled.
728 <dl class="detailList">
729 <dt class="heading">Parameters:</dt>
732 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span> <b>id</b>
735 <dd>The id or index of the TabPanelItem to enable.</dd>
761 <tr class="method-row config-row-alt1 expandable notInherited">
762 <td class="micon"><a class="exi" href="#expand"> </a></td>
766 <a id="Roo.TabPanel-method-endUpdate" name=".endUpdate"></a>
767 <div class="fixedFont">
768 <span class="attributes"></span><b class="itemname">endUpdate</b>
777 <div class="short">Stops an update and resizes the tabs (if {<b>link</b> <b>resizeTabs</b>} is false this does nothing)</div>
783 Stops an update and resizes the tabs (if {<b>link</b> <b>resizeTabs</b>} is false this does nothing)
812 <tr class="method-row config-row-alt0 expandable notInherited">
813 <td class="micon"><a class="exi" href="#expand"> </a></td>
817 <a id="Roo.TabPanel-method-getActiveTab" name=".getActiveTab"></a>
818 <div class="fixedFont">
819 <span class="attributes"></span><b class="itemname">getActiveTab</b>
827 <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a>
836 <div class="short">Gets the active {<b>link</b> Roo.TabPanelItem}.</div>
842 Gets the active {<b>link</b> Roo.TabPanelItem}.
853 <dl class="detailList">
854 <dt class="heading">Returns:</dt>
856 <dd><span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span> The active TabPanelItem or null if none are active.</dd>
878 <tr class="method-row config-row-alt1 expandable notInherited">
879 <td class="micon"><a class="exi" href="#expand"> </a></td>
883 <a id="Roo.TabPanel-method-getCount" name=".getCount"></a>
884 <div class="fixedFont">
885 <span class="attributes"></span><b class="itemname">getCount</b>
893 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
902 <div class="short">Returns the number of tabs in this TabPanel.</div>
908 Returns the number of tabs in this TabPanel.
919 <dl class="detailList">
920 <dt class="heading">Returns:</dt>
922 <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> </dd>
944 <tr class="method-row config-row-alt0 expandable notInherited">
945 <td class="micon"><a class="exi" href="#expand"> </a></td>
949 <a id="Roo.TabPanel-method-getTab" name=".getTab"></a>
950 <div class="fixedFont">
951 <span class="attributes"></span><b class="itemname">getTab</b>
953 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
959 <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a>
968 <div class="short">Returns the {<b>link</b> Roo.TabPanelItem} with the specified id/index</div>
974 Returns the {<b>link</b> Roo.TabPanelItem} with the specified id/index
981 <dl class="detailList">
982 <dt class="heading">Parameters:</dt>
985 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span> <b>id</b>
988 <dd>The id or index of the TabPanelItem to fetch.</dd>
996 <dl class="detailList">
997 <dt class="heading">Returns:</dt>
999 <dd><span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span> </dd>
1013 <td class="msource">
1021 <tr class="method-row config-row-alt1 expandable notInherited">
1022 <td class="micon"><a class="exi" href="#expand"> </a></td>
1026 <a id="Roo.TabPanel-method-hideTab" name=".hideTab"></a>
1027 <div class="fixedFont">
1028 <span class="attributes"></span><b class="itemname">hideTab</b>
1030 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
1037 <div class="short">Hides the {<b>link</b> Roo.TabPanelItem} with the specified id/index</div>
1043 Hides the {<b>link</b> Roo.TabPanelItem} with the specified id/index
1050 <dl class="detailList">
1051 <dt class="heading">Parameters:</dt>
1054 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span> <b>id</b>
1057 <dd>The id or index of the TabPanelItem to hide.</dd>
1075 <td class="msource">
1083 <tr class="method-row config-row-alt0 expandable notInherited">
1084 <td class="micon"><a class="exi" href="#expand"> </a></td>
1088 <a id="Roo.TabPanel-method-removeTab" name=".removeTab"></a>
1089 <div class="fixedFont">
1090 <span class="attributes"></span><b class="itemname">removeTab</b>
1092 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
1099 <div class="short">Removes a {<b>link</b> Roo.TabPanelItem}.</div>
1105 Removes a {<b>link</b> Roo.TabPanelItem}.
1112 <dl class="detailList">
1113 <dt class="heading">Parameters:</dt>
1116 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span> <b>id</b>
1119 <dd>The id or index of the TabPanelItem to remove.</dd>
1137 <td class="msource">
1145 <tr class="method-row config-row-alt1 expandable notInherited">
1146 <td class="micon"><a class="exi" href="#expand"> </a></td>
1150 <a id="Roo.TabPanel-method-setTabWidth" name=".setTabWidth"></a>
1151 <div class="fixedFont">
1152 <span class="attributes"></span><b class="itemname">setTabWidth</b>
1154 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>The</i></B>)
1161 <div class="short">Resizes all the tabs to the passed width</div>
1167 Resizes all the tabs to the passed width
1174 <dl class="detailList">
1175 <dt class="heading">Parameters:</dt>
1178 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>The</b>
1199 <td class="msource">
1207 <tr class="method-row config-row-alt0 expandable notInherited">
1208 <td class="micon"><a class="exi" href="#expand"> </a></td>
1212 <a id="Roo.TabPanel-method-syncHeight" name=".syncHeight"></a>
1213 <div class="fixedFont">
1214 <span class="attributes"></span><b class="itemname">syncHeight</b>
1216 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>targetHeight</i></B>)
1223 <div class="short">Updates the tab body element to fit the height of the container element<br/>for overflow scrolling</div>
1229 Updates the tab body element to fit the height of the container element<br/>for overflow scrolling
1236 <dl class="detailList">
1237 <dt class="heading">Parameters:</dt>
1240 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>targetHeight</b>
1243 <dd>(optional) Override the starting height from the elements height</dd>
1261 <td class="msource">
1269 <tr class="method-row config-row-alt1 expandable notInherited">
1270 <td class="micon"><a class="exi" href="#expand"> </a></td>
1274 <a id="Roo.TabPanel-method-unhideTab" name=".unhideTab"></a>
1275 <div class="fixedFont">
1276 <span class="attributes"></span><b class="itemname">unhideTab</b>
1278 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number <B><i>id</i></B>)
1285 <div class="short">"Unhides" the {<b>link</b> Roo.TabPanelItem} with the specified id/index.</div>
1291 "Unhides" the {<b>link</b> Roo.TabPanelItem} with the specified id/index.
1298 <dl class="detailList">
1299 <dt class="heading">Parameters:</dt>
1302 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Number</span> <b>id</b>
1305 <dd>The id or index of the TabPanelItem to unhide.</dd>
1323 <td class="msource">
1334 <!-- ============================== events summary / details ======================== -->
1337 <a id="Roo.TabPanel-events"></a>
1346 <table cellspacing="0" class="member-table">
1347 <caption>Events</caption>
1350 <th class="sig-header" colspan="2">Event</th>
1351 <th class="msource-header">Defined By</th>
1360 <tr class="method-row expandable config-row-alt0 notInherited">
1361 <td class="micon"><a class="exi" href="#expand"> </a></td>
1364 <a id="Roo.TabPanel-event-*beforetabchange"></a>
1366 <div class="fixedFont">
1367 <b class="itemname">beforetabchange</b> (<a href="./Roo.TabPanel.html#constructor" roo:cls="Roo.TabPanel.html#constructor">Roo.TabPanel</a> <B><i>this</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>e</i></B>, <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a> <B><i>tab</i></B>)
1373 <div class="short">Fires before the active tab changes, set cancel to true on the "e" parameter to cancel the change
1379 Fires before the active tab changes, set cancel to true on the "e" parameter to cancel the change
1385 <dl class="detailList">
1386 <dt class="heading">Parameters:</dt>
1389 <span class="fixedFont"><a href="./Roo.TabPanel.html#constructor" roo:cls="Roo.TabPanel.html#constructor">Roo.TabPanel</a></span> <b>this</b>
1395 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>e</b>
1398 <dd>Set cancel to true on this object to cancel the tab change</dd>
1401 <span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span> <b>tab</b>
1404 <dd>The tab being changed to</dd>
1422 <td class="msource">
1427 <tr class="method-row expandable config-row-alt1 notInherited">
1428 <td class="micon"><a class="exi" href="#expand"> </a></td>
1431 <a id="Roo.TabPanel-event-*tabchange"></a>
1433 <div class="fixedFont">
1434 <b class="itemname">tabchange</b> (<a href="./Roo.TabPanel.html#constructor" roo:cls="Roo.TabPanel.html#constructor">Roo.TabPanel</a> <B><i>this</i></B>, <a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a> <B><i>activePanel</i></B>)
1440 <div class="short">Fires when the active tab changes
1446 Fires when the active tab changes
1452 <dl class="detailList">
1453 <dt class="heading">Parameters:</dt>
1456 <span class="fixedFont"><a href="./Roo.TabPanel.html#constructor" roo:cls="Roo.TabPanel.html#constructor">Roo.TabPanel</a></span> <b>this</b>
1462 <span class="fixedFont"><a href="./Roo.TabPanelItem.html#constructor" roo:cls="Roo.TabPanelItem.html#constructor">Roo.TabPanelItem</a></span> <b>activePanel</b>
1465 <dd>The new active tab</dd>
1483 <td class="msource">
1495 <!-- ============================== footer ================================= -->
1496 <div class="fineprint" style="clear:both">
1498 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Fri Jul 16 2010 16:05:45 GMT+0800 (HKT)
1500 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>