bicomponent.html

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

<td><code class="type">
				<code><a href="BiEvent.html">BiEvent</a></code>
			</code></td>
<td class="bubbles-column"></td>
<td>This event is fired if the component has taken
 									the capture but for some reason lost it.</td>
</tr>
<tr>
<td><a name="mousedown"></a><code>mousedown</code></td>
<td><code class="type">
				<code><a href="BiMouseEvent.html">BiMouseEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This is fired when the user presses down a mouse button on a
 										component. This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="mousemove"></a><code>mousemove</code></td>
<td><code class="type">
				<code><a href="BiMouseEvent.html">BiMouseEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This is fired when the user moves the mouse and the pointer
 										is over the current component. This event bubbles to the
                                      ancestors.</td>
</tr>
<tr>
<td><a name="mouseout"></a><code>mouseout</code></td>
<td><code class="type">
				<code><a href="BiMouseEvent.html">BiMouseEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This event is fired when the mouse pointer leaves the component.
 										<code><a href="BiMouseEvent.html#relatedTarget">relatedTarget</a></code>
                                      can be used to find the component that was entered.
                                      This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="mouseover"></a><code>mouseover</code></td>
<td><code class="type">
				<code><a href="BiMouseEvent.html">BiMouseEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This is fired when the mouse pointer enters a component.
 										<code><a href="BiMouseEvent.html#relatedTarget">relatedTarget</a></code>
                                      can be used to find the component that was left.
                                      This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="mouseup"></a><code>mouseup</code></td>
<td><code class="type">
				<code><a href="BiMouseEvent.html">BiMouseEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This is fired when the user releases a mouse button on the
 										component. This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="mousewheel"></a><code>mousewheel</code></td>
<td><code class="type">
				<code><a href="BiMouseEvent.html">BiMouseEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This event is fired when the user scrolls the mouse wheel over the
 										component. This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="resize"></a><code>resize</code></td>
<td><code class="type">
				<code><a href="BiEvent.html">BiEvent</a></code>
			</code></td>
<td class="bubbles-column"></td>
<td>This event is fired when a created component
 									changes its size.</td>
</tr>
<tr>
<td><a name="scroll"></a><code>scroll</code></td>
<td><code class="type">
				<code><a href="BiEvent.html">BiEvent</a></code>
			</code></td>
<td class="bubbles-column"></td>
<td>When the user scrolls the component scroll
 									events are continuously fired.</td>
</tr>
</tbody>
</table>
<h2>Static Methods</h2>
<table>
<thead>
<tr>
<td>Name</td>
<td>Description</td>
</tr>
</thead>
<tbody>
<tr>
<td><code><a href="#enqueueLayout">enqueueLayout</a></code></td>
<td>This adds a component to the layout queue. This will make the layout system
 update the size and location of the component (if needed) the next time it
 updates the layout.</td>
</tr>
<tr>
<td><code><a href="#flushLayoutComponent">flushLayoutComponent</a></code></td>
<td>This updates the layout for the component and all its ancestors (if needed)</td>
</tr>
<tr>
<td><code><a href="#flushLayoutQueue">flushLayoutQueue</a></code></td>
<td>This goes through the entire layout queue and calls <code><a href="#layoutComponent">layoutComponent</a></code>
 and <code><a href="#layoutAllChildren">layoutAllChildren</a></code> (if needed) for the enqued components.</td>
</tr>
<tr>
<td><code><a href="#invalidateAll">invalidateAll</a></code></td>
<td>This goes through all the exisiting components and invalidates them</td>
</tr>
</tbody>
</table>
<h2>Static Fields</h2>
<p>None.</p>
<h2>Remarks</h2>
<p>
	</p>
<h2>Method Details</h2>
<h3><a name="add"></a>add</h3>
<p>Adds a component to the current component. The added
 component becomes a child of the current component. If the component
 is child of another component it is first removed from that component.
 The second, optional, argument can be used to insert the new component
 before an existing child.
 This raises exception if oBefore is not a child of this.</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.add(<span class="methodArgument">oChild</span> [, <span class="methodArgument">oBefore</span>, <span class="methodArgument">bAnonymous</span>])</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>oChild</code></td>
<td><code class="type">
						<code><a href="BiComponent.html">BiComponent</a></code>
					</code></td>
<td class="optional-column"></td>
<td></td>
<td>The component to add</td>
</tr>
<tr>
<td><code>oBefore</code></td>
<td><code class="type">
						<code><a href="BiComponent.html">BiComponent</a></code>
					</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td></td>
<td>The existing child do add the new component before </td>
</tr>
<tr>
<td><code>bAnonymous</code></td>
<td><code class="type">Boolean</code></td>
<td class="optional-column"></td>
<td></td>
<td>Whether the added component should be <code><a href="#anonymous">anonymous</a></code>.</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="contains"></a>contains</h3>
<p>Returns true if the componenent contains another component.
 This means that the current component is an ancestor of the descendant.
 Note that the current component contains itself so calling
 <code>component.contains(component)</code> will return <code>true</code>.</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.contains(<span class="methodArgument">oDescendant</span>)</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>oDescendant</code></td>
<td><code class="type">
						<code><a href="BiComponent.html">BiComponent</a></code>
					</code></td>
<td class="optional-column"></td>
<td></td>
<td>The component to test whether the current component contains it.</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">Boolean</code></p>
<h3><a name="getHtmlProperty"></a>getHtmlProperty</h3>
<p>Returns the HTML property value for the HTML element
 represented by the component.</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.getHtmlProperty(<span class="methodArgument">sProp</span>)</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>sProp</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"></td>
<td></td>
<td>The HTML property name</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">String</code></p>
<h3><a name="getStyleProperty"></a>getStyleProperty</h3>
<p>Returns the CSS style property value for the HTML element
 represented by the component. This should be used with caution since in some cases
 this might give unrespected results.</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.getStyleProperty(<span class="methodArgument">sProp</span>)</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>sProp</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"></td>
<td></td>
<td>The CSS property name</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">String</code></p>
<h3><a name="hasChildren"></a>hasChildren</h3>
<p>Returns true if the component has any child components. This does not include
 anonymous children so if all children are anonymous then this will return
 <code>false</code>.</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.hasChildren()</pre>
<h4>Parameters</h4>
<p>No arguments.</p>
<h4>Return Type</h4>
<p><code class="type">Boolean</code></p>
<h3><a name="invalidateChild"></a>invalidateChild</h3>
<p>This method is called when a child component no longer has valid size and/or
 position. For the known hints see <code><a href="#invalidateParentLayout">invalidateParentLayout</a></code>.</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.invalidateChild(<span class="methodArgument">oChild</span>, <span class="methodArgument">sHint</span>)</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>oChild</code></td>
<td><code class="type">
						<code><a href="BiComponent.html">BiComponent</a></code>
					</code></td>
<td class="optional-column"></td>
<t