bicomponent.html

在流览器上仿CS界面的JAVASCRIPT脚本

				This is true when the component is <code><a href="#enabled">enabled</a></code> and all
				its ancestore are also <code><a href="#enabled">enabled</a></code>.
		 	</td>
</tr>
<tr>
<td><a name="isVisible"></a><code>isVisible</code></td>
<td><code class="type">Boolean</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>
				Whether the component is shown on the screen. This can be
				<code>false</code> if the component is not <code><a href="#visible">visible</a></code>
				or any of the parents are not <code><a href="#visible">visible</a></code>.
			</td>
</tr>
<tr>
<td><a name="lastChild"></a><code>lastChild</code></td>
<td><code class="type"><code><a href="BiComponent.html">BiComponent</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>
				Returns the last child component. If the current component has
				no children then this returns <code>null</code>.
			</td>
</tr>
<tr>
<td><a name="left"></a><code>left</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
			 	The left position relative to the parent inner edge.
				When using get the return value is always a number
			 	representing the pixel value.
		 	</td>
</tr>
<tr>
<td><a name="maximumHeight"></a><code>maximumHeight</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
				Returns the desired maximum height of the component. This does not
				limit the size but is used by some components as a hint.
			</td>
</tr>
<tr>
<td><a name="maximumWidth"></a><code>maximumWidth</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
				Returns the desired maximum width of the component. This does not
				limit the size but is used by some components as a hint.
			</td>
</tr>
<tr>
<td><a name="minimumHeight"></a><code>minimumHeight</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
				Returns the desired minimum height of the component. This does not
				limit the size but is used by some components as a hint.
			</td>
</tr>
<tr>
<td><a name="minimumWidth"></a><code>minimumWidth</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
				Returns the desired minimum width of the component. This does not
				limit the size but is used by some components as a hint.
			</td>
</tr>
<tr>
<td><a name="name"></a><code>name</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The name does not have any real meaning except that it can be useful to identify the componenet</td>
</tr>
<tr>
<td><a name="nextSibling"></a><code>nextSibling</code></td>
<td><code class="type"><code><a href="BiComponent.html">BiComponent</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>
				Returns the component after the current in the parent children collection. If the current component has
				no parent or no component comes after the current this returns <code>null</code>.
			</td>
</tr>
<tr>
<td><a name="opacity"></a><code>opacity</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
				Sets the opacit for the component. Any child component inside the
				component will also become transparent. The value should be a
				number between 0 and 1 where 1 means totally opaque and 0 invisible.
			</td>
</tr>
<tr>
<td><a name="overflow"></a><code>overflow</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>Sets how to handle content that is too large to fit inside
				the component.<br>
				<br>
				<code>hidden</code> - The content is clipped<br>
				<code>auto</code> - Scroll bars are shown as needed<br>
				<code>scroll</code> - Scroll bars are always shown. Even if there
					is enough room for the content inside the component.
			</td>
</tr>
<tr>
<td><a name="overflowX"></a><code>overflowX</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>Sets how to handle content that is too large to fit inside
				the component. This only covers the horizontal overflow.<br>
				<br>
				<code>hidden</code> - The content is clipped<br>
				<code>auto</code> - Scroll bars are shown as needed<br>
				<code>scroll</code> - Scroll bars are always shown. Even if there
					is enough room for the content inside the component.
			</td>
</tr>
<tr>
<td><a name="overflowY"></a><code>overflowY</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>Sets how to handle content that is too large to fit inside
				the component. This only covers the vertical overflow<br>
				<br>
				<code>hidden</code> - The content is clipped<br>
				<code>auto</code> - Scroll bars are shown as needed<br>
				<code>scroll</code> - Scroll bars are always shown. Even if there
					is enough room for the content inside the component.
			</td>
</tr>
<tr>
<td><a name="parent"></a><code>parent</code></td>
<td><code class="type"><code><a href="BiComponent.html">BiComponent</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>
				Returns the parent component. This is the component that the
				current component was added to. If the current component has not
				been added to any componenet this returns <code>null</code>.
			</td>
</tr>
<tr>
<td><a name="preferredHeight"></a><code>preferredHeight</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>
				Returns the desired height of the component. This is usually the
				size of the content plus the borders
			</td>
</tr>
<tr>
<td><a name="preferredWidth"></a><code>preferredWidth</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>
				Returns the desired width of the component. This is usually the
				size of the content plus the borders
			</td>
</tr>
<tr>
<td><a name="previousSibling"></a><code>previousSibling</code></td>
<td><code class="type"><code><a href="BiComponent.html">BiComponent</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>
				Returns the component before the current in the parent children collection. If the current component has
				no parent or no component comes before the current this returns <code>null</code>.
			</td>
</tr>
<tr>
<td><a name="right"></a><code>right</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
			 	The right position relative to the parent inner edge. When using
				right a <code><a href="#width">width</a></code> must also be set. When using get the
				return value is always a number representing the pixel value.
		 	</td>
</tr>
<tr>
<td><a name="rightToLeft"></a><code>rightToLeft</code></td>
<td><code class="type">Boolean</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
				Describes whether the component should be be layed out to support
				locales using right-to-left fonts. If this is set to <code>null</code>
				then the <code><a href="#rightToLeft">rightToLeft</a></code> property for the parent component
				is used.
			</td>
</tr>
<tr>
<td><a name="screenLeft"></a><code>screenLeft</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The left position
			of the component relative to screen</td>
</tr>
<tr>
<td><a name="screenTop"></a><code>screenTop</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The top position
			of the component relative to screen</td>
</tr>
<tr>
<td><a name="scrollHeight"></a><code>scrollHeight</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The height of the
			content of the component.</td>
</tr>
<tr>
<td><a name="scrollLeft"></a><code>scrollLeft</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The position of
			the content relative to the view port of the component. This is the
			distance the view port has scrolled horizontally.</td>
</tr>
<tr>
<td><a name="scrollTop"></a><code>scrollTop</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The position of
			the content relative to the view port of the component. This is the
			distance the view port has scrolled vertically.</td>
</tr>
<tr>
<td><a name="scrollWidth"></a><code>scrollWidth</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The width of the
			content of the component.</td>
</tr>
<tr>
<td><a name="tabIndex"></a><code>tabIndex</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
				Setting this to less than 0 prevents the component from becoming
				focusable. The tab index is used to tell in what order to focus
				the components when naviagting between components using the tab
				key.
			</td>
</tr>
<tr>
<td><a name="toolTip"></a><code>toolTip</code></td>
<td><code class="type"><code><a href="BiToolTip.html">BiToolTip</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
				Sets the tool tip to show when the user hovers the component.
				Setting this to null prevents a tooltip from beeing shown (unless
				<code><a href="#toolTipText">toolTipText</a></code> is set.
			</td>
</tr>
<tr>
<td><a name="toolTipText"></a><code>toolTipText</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
				Sets the tool tip text to show when the user hovers the component.
				This allows a simple plain text tool tip to be shown. This property
				is preferred over the <code><a href="#toolTip">toolTip</a></code> property when the extra
				functionality provided by the <code><a href="BiToolTip.html">BiToolTip</a></code>
				instance is needed.
			</td>
</tr>
<tr>
<td><a name="top"></a><code>top</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
			 	The top position relative to the parent inner edge.
				When using get the return value is always a number
			 	representing the pixel value.
		 	</td>
</tr>
<tr>
<td><a name="topLevelComponent"></a><code>topLevelComponent</code></td>
<td><code class="type"><code><a href="BiComponent.html">BiComponent</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>
				Returns the top level ancestor component. This is usually the
				application window hosting the application.
			</td>
</tr>
<tr>
<td><a name="visible"></a><code>visible</code></td>
<td><code class="type">Boolean</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>Whether the component
			is visible or not.</td>
</tr>
<tr>
<td><a name="width"></a><code>width</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>
			 	The width of the component. When using get the return value is
				always a number representing the pixel value.
		 	</td>
</tr>
<tr>
<td><a name="zIndex"></a><code>zIndex</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>