tabpane.html

动态增加表格和横向导航栏

<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>sName</code></td>
<td><code>String</code></td>
<td>The name of the cookie</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code>String</code></p>
</div></div>
</td>
<td>Retrieves a cookie by name</td>
</tr>
		<tr>
<td>
<a class="helpLink" href="javascript://" onclick="toggleMethodArguments( event, this ); return false;">removeCookie</a><div class="methodContainer">
<div class="methodInfo">
<h4>Syntax</h4>
<p><code><span class="object">object</span>.removeCookie(<span class="methodArgument">sName</span>)</code></p>
<h4>Arguments</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>sName</code></td>
<td><code>String</code></td>
<td>The name of the cookie to remove</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code>void</code></p>
</div></div>
</td>
<td>Removes a cookie by name</td>
</tr>
	</tbody>
</table>
<h3>Static Fields</h3>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td colspan="3">None.</td>
</tr>
</tbody>
</table>
<h3>Methods</h3>
<table>
<thead>
<tr>
<td>Name</td>
<td>Description</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<a class="helpLink" href="javascript://" onclick="toggleMethodArguments( event, this ); return false;">addTabPage</a><div class="methodContainer">
<div class="methodInfo">
<h4>Syntax</h4>
<p><code><span class="object">object</span>.addTabPage(<span class="methodArgument">oElement</span>)</code></p>
<h4>Arguments</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>oElement</code></td>
<td><code>HTMLElement</code></td>
<td>The html element that represents the tab page</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code>WebFXTabPage</code></p>
</div></div>
</td>
<td>Adds a tab page by passing an html element</td>
</tr>
<tr>
<td>
<a class="helpLink" href="javascript://" onclick="toggleMethodArguments( event, this ); return false;">getSelectedIndex</a><div class="methodContainer">
<div class="methodInfo">
<h4>Syntax</h4>
<p><code><span class="object">object</span>.getSelectedIndex()</code></p>
<h4>Arguments</h4>
<p>No Arguments.</p>
<h4>Return Type</h4>
<p><code>Number</code></p>
</div></div>
</td>
<td>The index of the selected tab page</td>
</tr>
<tr>
<td>
<a class="helpLink" href="javascript://" onclick="toggleMethodArguments( event, this ); return false;">setSelectedIndex</a><div class="methodContainer">
<div class="methodInfo">
<h4>Syntax</h4>
<p><code><span class="object">object</span>.setSelectedIndex(<span class="methodArgument">n</span>)</code></p>
<h4>Arguments</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>n</code></td>
<td><code>Number</code></td>
<td>The index of the tab page to select</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code>void</code></p>
</div></div>
</td>
<td>Sets the selected tab page by index</td>
</tr>
</tbody>
</table>
<h3>Fields</h3>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>classNameTag</code></td>
<td><code>String</code></td>
<td>This string is added to the class name to tag the tab pane as beeing created</td>
</tr>
<tr>
<td><code>element</code></td>
<td><code>HTMLElement</code></td>
<td>
<span class="readOnly">Read only.</span>The html element being that represents the tab pane</td>
</tr>
<tr>
<td><code>pages</code></td>
<td><code>WebFXTabPages[]</code></td>
<td>
<span class="readOnly">Read only.</span>An array containing the tab pages</td>
</tr>
<tr>
<td><code>selectedIndex</code></td>
<td><code>Number</code></td>
<td>
<span class="readOnly">Read only.</span>The index of the selected tab page</td>
</tr>
<tr>
<td><code>tabRow</code></td>
<td><code>HTMLElement</code></td>
<td>
<span class="readOnly">Read only.</span>The html element that encloses all tabs</td>
</tr>
<tr>
<td><code>useCookie</code></td>
<td><code>Boolean</code></td>
<td>Is used to decide if the selected tab page index should be persisted using a cookie.</td>
</tr>
</tbody>
</table>
<h3>Remarks</h3>
<p>
			None.
		</p>
<h2>WebFXTabPage</h2>
<p>
		This is the class representing a tab page.
	</p>
<h3>Syntax</h3>
<p><code>

	new WebFXTabPage(<span class="methodArgument">oElement</span>, <span class="methodArgument">oTabPane</span>, <span class="methodArgument">nIndex</span>)</code></p>
<h3>Parameters</h3>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>oElement</code></td>
<td><code>HTMLElement</code></td>
<td>The html element that represents the tab page</td>
</tr>
<tr>
<td><code>oTabPane</code></td>
<td><code>WebFXTabPane</code></td>
<td>The tab pane to add the page to</td>
</tr>
<tr>
<td><code>nIndex</code></td>
<td><code>Number</code></td>
<td>The index of the tab page</td>
</tr>
</tbody>
</table>
<h3>Static Methods</h3>
<table>
<thead>
<tr>
<td>Name</td>
<td>Description</td>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2">None.</td>
</tr>
</tbody>
</table>
<h3>Static Fields</h3>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td colspan="3">None.</td>
</tr>
</tbody>
</table>
<h3>Methods</h3>
<table>
<thead>
<tr>
<td>Name</td>
<td>Description</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<a class="helpLink" href="javascript://" onclick="toggleMethodArguments( event, this ); return false;">hide</a><div class="methodContainer">
<div class="methodInfo">
<h4>Syntax</h4>
<p><code><span class="object">object</span>.hide()</code></p>
<h4>Arguments</h4>
<p>No Arguments.</p>
<h4>Return Type</h4>
<p><code>void</code></p>
</div></div>
</td>
<td>Hides the tab page</td>
</tr>
<tr>
<td>
<a class="helpLink" href="javascript://" onclick="toggleMethodArguments( event, this ); return false;">select</a><div class="methodContainer">
<div class="methodInfo">
<h4>Syntax</h4>
<p><code><span class="object">object</span>.select()</code></p>
<h4>Arguments</h4>
<p>No Arguments.</p>
<h4>Return Type</h4>
<p><code>void</code></p>
</div></div>
</td>
<td>Selects the tab page</td>
</tr>
<tr>
<td>
<a class="helpLink" href="javascript://" onclick="toggleMethodArguments( event, this ); return false;">show</a><div class="methodContainer">
<div class="methodInfo">
<h4>Syntax</h4>
<p><code><span class="object">object</span>.show()</code></p>
<h4>Arguments</h4>
<p>No Arguments.</p>
<h4>Return Type</h4>
<p><code>void</code></p>
</div></div>
</td>
<td>Makes the tab page visible</td>
</tr>
</tbody>
</table>
<h3>Fields</h3>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>element</code></td>
<td><code>HTMLElement</code></td>
<td>
<span class="readOnly">Read only.</span>The html element being used as the page</td>
</tr>
<tr>
<td><code>index</code></td>
<td><code>Number</code></td>
<td>
<span class="readOnly">Read only.</span>
				The index of the tab page in the tab pane pages array.
			</td>
</tr>
<tr>
<td><code>tab</code></td>
<td><code>HTMLElement</code></td>
<td>
<span class="readOnly">Read only.</span>The html element being used as the tab.</td>
</tr>
</tbody>
</table>
<h3>Remarks</h3>
<p>
		Do not use this constructor manually. Use addTabPage of the WebFXTabPane
		class instead.
	</p>
<h2>Globals</h2>
<h3>Functions</h3>
<table>
<thead>
<tr>
<td>Name</td>
<td>Description</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<a class="helpLink" href="javascript://" onclick="toggleMethodArguments( event, this ); return false;">hasSupport</a><div class="methodContainer">
<div class="methodInfo">
<h4>Syntax</h4>
<p><code>hasSupport()</code></p>
<h4>Arguments</h4>
<p>No Arguments.</p>
<h4>Return Type</h4>
<p><code>Boolean</code></p>
</div></div>
</td>
<td>Returns whether the browser is supported or not</td>
</tr>
<tr>
<td>
<a class="helpLink" href="javascript://" onclick="toggleMethodArguments( event, this ); return false;">setupAllTabs</a><div class="methodContainer">
<div class="methodInfo">
<h4>Syntax</h4>
<p><code>setupAllTabs()</code></p>
<h4>Arguments</h4>
<p>No Arguments.</p>
<h4>Return Type</h4>
<p><code>void</code></p>
</div></div>
</td>
<td>
				Initializes all tab panes and tab pages that have not been initialized already.
			</td>
</tr>
</tbody>
</table>
<h3>Objects</h3>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td colspan="3">None.</td>
</tr>
</tbody>
</table>
<!-- end main output -->