bicomponent.html

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

<td><code><a href="#pack">pack</a></code></td>
<td>Changes the size of the component so that the size is set to the
 preferred width and height.</td>
</tr>
<tr>
<td><code><a href="#remove">remove</a></code></td>
<td>Removes an existing child from the component.</td>
</tr>
<tr>
<td><code><a href="#removeAll">removeAll</a></code></td>
<td>Removes and disposes all children.</td>
</tr>
<tr>
<td><code><a href="#removeHtmlProperty">removeHtmlProperty</a></code></td>
<td>Removes the HTML DOM 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.</td>
</tr>
<tr>
<td><code><a href="#removeStyleProperty">removeStyleProperty</a></code></td>
<td>Removes 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.</td>
</tr>
<tr>
<td><code><a href="#scrollIntoView">scrollIntoView</a></code></td>
<td>Scrolls the parent component view port so that the
 current component becomes inside the view port if possible. The
 argument can be used to tell what edge of the viewport the component
 should be aligned to.</td>
</tr>
<tr>
<td><code><a href="#scrollIntoViewX">scrollIntoViewX</a></code></td>
<td>Scrolls the parent component view port horizontally so that the
 current component becomes inside the view port if possible. The
 argument can be used to tell what edge of the viewport the component
 should be aligned to.</td>
</tr>
<tr>
<td><code><a href="#scrollIntoViewY">scrollIntoViewY</a></code></td>
<td>Scrolls the parent component view port vertically so that the
 current component becomes inside the view port if possible. The
 argument can be used to tell what edge of the viewport the component
 should be aligned to.</td>
</tr>
<tr>
<td><code><a href="#setBounds">setBounds</a></code></td>
<td>Sets the left and top position as well as the width and height for the component.</td>
</tr>
<tr>
<td><code><a href="#setClip">setClip</a></code></td>
<td>Sets the clip rectangle for the component. This allows you to show just a
 part of the component</td>
</tr>
<tr>
<td><code><a href="#setHtmlProperty">setHtmlProperty</a></code></td>
<td>Sets a certain HTML DOM property to the HTML element represented
 by the component. This should be used with caution since in some cases
 this might give unrespected results.</td>
</tr>
<tr>
<td><code><a href="#setLocation">setLocation</a></code></td>
<td>Sets the left and top position for the component.</td>
</tr>
<tr>
<td><code><a href="#setMargin">setMargin</a></code></td>
<td>Sets the margin on all sides of the component. What side the arguments of
 this method applies to depends on the number of arguments.<br>
				
				<br>
				
 setMargin( nAllSides )<br>
				
 setMargin( nLeftAndRight, nTopAndBottom )<br>
				
 setMargin( nLeft, nRight, nTop, nBottom )</td>
</tr>
<tr>
<td><code><a href="#setPreferredSize">setPreferredSize</a></code></td>
<td>Sets both the preferred width and preferred height for the component.</td>
</tr>
<tr>
<td><code><a href="#setSize">setSize</a></code></td>
<td>Sets both width and height for the component.</td>
</tr>
<tr>
<td><code><a href="#setStyleProperty">setStyleProperty</a></code></td>
<td>Adds a certain style property to the HTML element represented
 by the component. This should be used with caution since in some cases
 this might give unrespected results.</td>
</tr>
</tbody>
</table>
<h2>Events</h2>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="bubbles-header">Bubbles</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><a name="blur"></a><code>blur</code></td>
<td><code class="type">
				<code><a href="BiFocusEvent.html">BiFocusEvent</a></code>
			</code></td>
<td class="bubbles-column"></td>
<td>This is fired by a focused compinent when it loses focus.</td>
</tr>
<tr>
<td><a name="click"></a><code>click</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>When the user clicks on a component it fires this event.
 										This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="contextmenu"></a><code>contextmenu</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 wants to show the context
 										menu. This is usually done by right clicking on the component
                                      but can be done in several different ways depending on the
                                      users operating system. This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="create"></a><code>create</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 the component has been
	 								created and inserted into the document. When it is
									fired it is quaranteed that the component has been
									inserted into a <code><a href="BiApplication.html">application
									window</a></code> and at that time it has a visual representation.</td>
</tr>
<tr>
<td><a name="dblclick"></a><code>dblclick</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>When the user double clicks on a component it fires this event.
 										This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="dragdrop"></a><code>dragdrop</code></td>
<td><code class="type">
				<code><a href="BiDragEvent.html">BiDragEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This is fired when the user drops something on the component.
 									This is only fired by valid drop targets for the drag'n drop
                                  session. The <code><a href="BiDragEvent.html#relatedTarget">relatedTarget</a></code> points to the source
                                  of the drag'n drop session.
                                  This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="dragend"></a><code>dragend</code></td>
<td><code class="type">
				<code><a href="BiDragEvent.html">BiDragEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This is fired on the component that the user started the drag on
 									when the drag and drop session ends. If the drag'n drop was
                                  successful then the <code><a href="BiDragEvent.html#relatedTarget">relatedTarget</a></code> is the component
                                  where the drag'n drop started. If the drag'n drop failed the
                                  <code><a href="BiDragEvent.html#relatedTarget">relatedTarget</a></code>
                                  is <code>null</code>.
                                  This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="dragmove"></a><code>dragmove</code></td>
<td><code class="type">
				<code><a href="BiDragEvent.html">BiDragEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>When doing drag'n drop this is fired when the mouse pointer
 									moves over the component. This is similar to <code><a href="#mousemove">mousemove</a></code>
                                  except that it only happens on valid drop targets during a
                                  drag'n drop sessions.
                                  This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="dragout"></a><code>dragout</code></td>
<td><code class="type">
				<code><a href="BiDragEvent.html">BiDragEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>When doing drag'n drop this is fired when the mouse pointer
 									leaves the component. This is similar to <code><a href="#mouseout">mouseout</a></code>
                                  except that it only happens on valid drop targets during a
                                  drag'n drop sessions. The <code><a href="BiDragEvent.html#relatedTarget">relatedTarget</a></code> points to the component
                                  of the drag'n drop session that was entered (if any).
                                  This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="dragover"></a><code>dragover</code></td>
<td><code class="type">
				<code><a href="BiDragEvent.html">BiDragEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>When doing drag'n drop this is fired when the user drags over
									the component. This is similar to <code><a href="#mouseover">mouseover</a></code> except
                                  that it only happens on valid drop targets during a drag'n drop
                                  sessions. The <code><a href="BiDragEvent.html#relatedTarget">relatedTarget</a></code> points to the component
                                  of the drag'n drop session that was left (if any).
                                  This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="dragstart"></a><code>dragstart</code></td>
<td><code class="type">
				<code><a href="BiDragEvent.html">BiDragEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This event is fired when the user starts to drag a component.
 									Call <code><a href="BiDragEvent.html#startDrag">startDrag</a></code>
                                  on the event object to initiate a drag'n drop session.
                                  This event bubbles to the ancestors.</td>
</tr>
<tr>
<td><a name="enabledchanged"></a><code>enabledchanged</code></td>
<td><code class="type">
				<code><a href="BiEvent.html">BiEvent</a></code>
			</code></td>
<td class="bubbles-column"></td>
<td>This is fired when the <code><a href="#enabled">enabled</a></code>
 										property is changed.</td>
</tr>
<tr>
<td><a name="focus"></a><code>focus</code></td>
<td><code class="type">
				<code><a href="BiFocusEvent.html">BiFocusEvent</a></code>
			</code></td>
<td class="bubbles-column"></td>
<td>This is fired when the component becomes focused.</td>
</tr>
<tr>
<td><a name="focusin"></a><code>focusin</code></td>
<td><code class="type">
				<code><a href="BiFocusEvent.html">BiFocusEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This event is fired when the component becomes focused.
 									This event is fired before the <code><a href="#focus">focus</a></code> event
                                  and unlike the <code><a href="#focus">focus</a></code> event it bubbles up
                                  to the parent component.</td>
</tr>
<tr>
<td><a name="focusout"></a><code>focusout</code></td>
<td><code class="type">
				<code><a href="BiFocusEvent.html">BiFocusEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This event is fired when the component loses focus. This
 									event is fired before the <code><a href="#blur">blur</a></code> event and
                                  unlike the <code><a href="#blur">blur</a></code> event it bubbles up to the
                                  parent component.</td>
</tr>
<tr>
<td><a name="keydown"></a><code>keydown</code></td>
<td><code class="type">
				<code><a href="BiKeyboardEvent.html">BiKeyboardEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This event is fired by the component when it is focused
 										and the user presses down a key on the keyboard. This event
                                      then bubbles up to ancestors.</td>
</tr>
<tr>
<td><a name="keypress"></a><code>keypress</code></td>
<td><code class="type">
				<code><a href="BiKeyboardEvent.html">BiKeyboardEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This event is continuously fired by the component when it
 										is focused and the user holds down a key on the keyboard.
                                      This event then bubbles up to ancestors.</td>
</tr>
<tr>
<td><a name="keyup"></a><code>keyup</code></td>
<td><code class="type">
				<code><a href="BiKeyboardEvent.html">BiKeyboardEvent</a></code>
			</code></td>
<td class="bubbles-column"><img src="check.png" alt="checked"></td>
<td>This event is fired by the component when it is focused
 										and the user releases a key on the keyboard. This event
                                      then bubbles up to ancestors.</td>
</tr>
<tr>
<td><a name="losecapture"></a><code>losecapture</code></td>