bicomponent.html

来自「ajax 框价．是个好工具．javascript 矿家．可以用在任何平台．」· HTML 代码 · 共 1,491 行 · 第 1/5 页

<td>The data type that are supported when dropping on the component</td>
</tr>
<tr>
<td><a name="enabled"></a><code>enabled</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 enabled or not. When this is changed the
 component fires the <code><a href="#enabledchanged">enabledchanged</a></code> event.
 A disabled component cannot recieve focus.</td>
</tr>
<tr>
<td><a name="firstChild"></a><code>firstChild</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 first child component. If the current component has
 no children then this returns <code>null</code>. This is the first non
 anonymous child.</td>
</tr>
<tr>
<td><a name="focused"></a><code>focused</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>If the component can be focused then this makes the component
 focused (if set to <code>true</code>). If the component was focused
 and this is set to <code>false</code> then the component is blurred.
 Changing this fires the <code><a href="#focus">focus</a></code>
 and <code><a href="#blur">blur</a></code> events (depending on the
 previous state).<br>
				
				<br>
				
 A disabled component cannot recieve focus.<br>
				
				<br>
				
 To be able to recieve focus the <code><a href="#tabIndex">tabIndex</a></code>
 must be greater or equal to 0.</td>
</tr>
<tr>
<td><a name="focusManager"></a><code>focusManager</code></td>
<td><code class="type">
				<code><a href="BiFocusManager.html">BiFocusManager</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>The focus manager that handles focus inside the component. This is usually
 <code>null</code> for<code><a href="BiComponent.html">BiComponent</a></code> and the focus is usually handled by some
 ancestor.</td>
</tr>
<tr>
<td><a name="focusRoot"></a><code>focusRoot</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>This is the component that is the container for the focus. One cannot use the
 tab key to focus out of a focus root.</td>
</tr>
<tr>
<td><a name="foreColor"></a><code>foreColor</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 foreground color name. The supported color names follows CSS2.1</td>
</tr>
<tr>
<td><a name="hasFixedHeight"></a><code>hasFixedHeight</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>This is true if the component has a fixed height. This usually happens if
 <code><a href="#height">height</a></code> is set or if both <code><a href="#top">top</a></code> and <code><a href="#bottom">bottom</a></code> are set.</td>
</tr>
<tr>
<td><a name="hasFixedWidth"></a><code>hasFixedWidth</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>This is true if the component has a fixed width. This usually happens if
 <code><a href="#width">width</a></code> is set or if both <code><a href="#left">left</a></code> and <code><a href="#right">right</a></code> are set.</td>
</tr>
<tr>
<td><a name="hideFocus"></a><code>hideFocus</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 to hide the dotted outline that the OS usually draws around focused
 components.</td>
</tr>
<tr>
<td><a name="insetBottom"></a><code>insetBottom</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>Border bottom width plus scroll bar if any.</td>
</tr>
<tr>
<td><a name="insetLeft"></a><code>insetLeft</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>Border left width plus scroll bar if any.</td>
</tr>
<tr>
<td><a name="insetRight"></a><code>insetRight</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>Border right width plus scroll bar if any.</td>
</tr>
<tr>
<td><a name="insetTop"></a><code>insetTop</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>Border top width plus scroll bar if any.</td>
</tr>
<tr>
<td><a name="isEnabled"></a><code>isEnabled</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>This is true when the component is <code><a href="#enabled">enabled</a></code> and all
 its ancestors 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>. This is the last non
 anonymous child.</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="marginBottom"></a><code>marginBottom</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 bottom margin for the component. Margins are used by some layout managers</td>
</tr>
<tr>
<td><a name="marginLeft"></a><code>marginLeft</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 margin for the component. Margins are used by some layout managers</td>
</tr>
<tr>
<td><a name="marginRight"></a><code>marginRight</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 margin for the component. Margins are used by some layout managers</td>
</tr>
<tr>
<td><a name="marginTop"></a><code>marginTop</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 margin for the component. Margins are used by some layout managers</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 layout 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 layout 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 layout 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 layout 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 component</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>.
 This is the first non anonymous next sibling.</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 opacity 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>Describes 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>This describes 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>This describes 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>