bicomponent.html

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

HTML
1,491 行
字号
12345
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><!--Generated using api.website.xsl version 2003-07-17--><head><META http-equiv="Content-Type" content="text/html; charset=utf-8"><title>BiComponent</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link type="text/css" rel="stylesheet" href="api.css"><script type="text/javascript">				function showDerivedClasses() {					var ul = document.getElementById("api-derived-classes");					var lis = ul.childNodes;					var l = lis.length;					for (var i = 1; i < l; i++)						lis[i].style.display = "";					lis[0].style.display = "none";				}			</script></head><body><h1 id="BiComponent">BiComponent</h1><p>This is the core class for all visual components in Bindows.</p><p>This class extends		<code><a href="BiEventTarget.html">BiEventTarget</a></code>		and therefore all methods and fields available for		<code><a href="BiEventTarget.html">BiEventTarget</a></code>		are also available for <code>BiComponent</code>.</p><ul class="partial-class-tree"><li><code><a href="BiObject.html">BiObject</a></code><ul><li><code><a href="BiEventTarget.html">BiEventTarget</a></code><ul><li><code>BiComponent</code><ul id="api-derived-classes"><li><code><a href="javascript:showDerivedClasses()">Show derived classes</a></code></li><li style="display:none"><code><a href="BiAbstractChartBase.html">BiAbstractChartBase</a></code></li><li style="display:none"><code><a href="BiAbstractChartSectionBase.html">BiAbstractChartSectionBase</a></code></li><li style="display:none"><code><a href="BiAbstractGrid.html">BiAbstractGrid</a></code></li><li style="display:none"><code><a href="BiAccordionPage.html">BiAccordionPage</a></code></li><li style="display:none"><code><a href="BiAccordionPane.html">BiAccordionPane</a></code></li><li style="display:none"><code><a href="BiApplicationWindow.html">BiApplicationWindow</a></code></li><li style="display:none"><code><a href="BiBox.html">BiBox</a></code></li><li style="display:none"><code><a href="BiCalendar.html">BiCalendar</a></code></li><li style="display:none"><code><a href="BiChartAreaBase.html">BiChartAreaBase</a></code></li><li style="display:none"><code><a href="BiChartCategoryAxisBase.html">BiChartCategoryAxisBase</a></code></li><li style="display:none"><code><a href="BiChartGridLinesBase.html">BiChartGridLinesBase</a></code></li><li style="display:none"><code><a href="BiChartLegend.html">BiChartLegend</a></code></li><li style="display:none"><code><a href="BiChartValueAxisBase.html">BiChartValueAxisBase</a></code></li><li style="display:none"><code><a href="BiComboBox.html">BiComboBox</a></code></li><li style="display:none"><code><a href="BiDatePicker.html">BiDatePicker</a></code></li><li style="display:none"><code><a href="BiDesktopPane.html">BiDesktopPane</a></code></li><li style="display:none"><code><a href="BiDockPanel.html">BiDockPanel</a></code></li><li style="display:none"><code><a href="BiFlowPanel.html">BiFlowPanel</a></code></li><li style="display:none"><code><a href="BiGauge.html">BiGauge</a></code></li><li style="display:none"><code><a href="BiGaugeLabels.html">BiGaugeLabels</a></code></li><li style="display:none"><code><a href="BiGaugeMajorTicks.html">BiGaugeMajorTicks</a></code></li><li style="display:none"><code><a href="BiGaugeMinorTicks.html">BiGaugeMinorTicks</a></code></li><li style="display:none"><code><a href="BiGaugeNeedle.html">BiGaugeNeedle</a></code></li><li style="display:none"><code><a href="BiGaugePlate.html">BiGaugePlate</a></code></li><li style="display:none"><code><a href="BiGaugeSection.html">BiGaugeSection</a></code></li><li style="display:none"><code><a href="BiGraphBase.html">BiGraphBase</a></code></li><li style="display:none"><code><a href="BiGraphContentArea.html">BiGraphContentArea</a></code></li><li style="display:none"><code><a href="BiGridHeaders.html">BiGridHeaders</a></code></li><li style="display:none"><code><a href="BiGridPanel.html">BiGridPanel</a></code></li><li style="display:none"><code><a href="BiGridRowHeaders.html">BiGridRowHeaders</a></code></li><li style="display:none"><code><a href="BiGroupBox.html">BiGroupBox</a></code></li><li style="display:none"><code><a href="BiIframe.html">BiIframe</a></code></li><li style="display:none"><code><a href="BiImage.html">BiImage</a></code></li><li style="display:none"><code><a href="BiInlineComponent.html">BiInlineComponent</a></code></li><li style="display:none"><code><a href="BiLabel.html">BiLabel</a></code></li><li style="display:none"><code><a href="BiList.html">BiList</a></code></li><li style="display:none"><code><a href="BiMenuBar.html">BiMenuBar</a></code></li><li style="display:none"><code><a href="BiMoveHandle.html">BiMoveHandle</a></code></li><li style="display:none"><code><a href="BiOlapGridDropMarker.html">BiOlapGridDropMarker</a></code></li><li style="display:none"><code><a href="BiOptionPane.html">BiOptionPane</a></code></li><li style="display:none"><code><a href="BiProgressBar.html">BiProgressBar</a></code></li><li style="display:none"><code><a href="BiResizeHandle.html">BiResizeHandle</a></code></li><li style="display:none"><code><a href="BiScrollBar.html">BiScrollBar</a></code></li><li style="display:none"><code><a href="BiSlider.html">BiSlider</a></code></li><li style="display:none"><code><a href="BiSpinner.html">BiSpinner</a></code></li><li style="display:none"><code><a href="BiSplitPane.html">BiSplitPane</a></code></li><li style="display:none"><code><a href="BiStatusBar.html">BiStatusBar</a></code></li><li style="display:none"><code><a href="BiTabPage.html">BiTabPage</a></code></li><li style="display:none"><code><a href="BiTabPane.html">BiTabPane</a></code></li><li style="display:none"><code><a href="BiTextField.html">BiTextField</a></code></li><li style="display:none"><code><a href="BiTimePicker.html">BiTimePicker</a></code></li><li style="display:none"><code><a href="BiToolBar.html">BiToolBar</a></code></li><li style="display:none"><code><a href="BiToolBarSeparator.html">BiToolBarSeparator</a></code></li><li style="display:none"><code><a href="BiTreeViewBase.html">BiTreeViewBase</a></code></li><li style="display:none"><code><a href="BiTreeViewDragHeaderMarker.html">BiTreeViewDragHeaderMarker</a></code></li><li style="display:none"><code><a href="BiVmlLabel.html">BiVmlLabel</a></code></li><li style="display:none"><code><a href="BiWindow.html">BiWindow</a></code></li><li style="display:none"><code><a href="BiWizardPane.html">BiWizardPane</a></code></li></ul></li></ul></li></ul></li></ul><h2>Constructor</h2><p><code>	new BiComponent([<span class="methodArgument">sName</span>])</code></p><h3>Parameters</h3><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>sName</code></td><td><code class="type">String</code></td><td class="optional-column"><img src="check.png" alt="checked"></td><td></td><td>The argument is optional and can be used to describe the component.</td></tr></tbody></table><h2>Properties</h2><table><thead><tr><td>Name</td><td>Type</td><td class="get-header">get</td><td class="set-header">set</td><td>Descripton</td></tr></thead><tbody><tr><td><a name="accessKey"></a><code>accessKey</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 key, in combination with the Alt key, that will activate the component.</td></tr><tr><td><a name="activeComponent"></a><code>activeComponent</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 descendant that currently is active/focused.</td></tr><tr><td><a name="anonymous"></a><code>anonymous</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>An anonymous component is not included in the default object model (<code><a href="#children">children</a></code>, <code><a href="#firstChild">firstChild</a></code>, <code><a href="#lastChild">lastChild</a></code>, <code><a href="#nextSibling">nextSibling</a></code>, <code><a href="#previousSibling">previousSibling</a></code> nor <code><a href="#parent">parent</a></code>).</td></tr><tr><td><a name="appearance"></a><code>appearance</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 appearance on the component. This allows a theme to do custom styling of the component.</td></tr><tr><td><a name="backColor"></a><code>backColor</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 background color name. The supported color names follows CSS2.1</td></tr><tr><td><a name="backgroundImage"></a><code>backgroundImage</code></td><td><code class="type">				<code><a href="BiUri.html">BiUri</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 URI of the image file to use as background image.</td></tr><tr><td><a name="border"></a><code>border</code></td><td><code class="type">				<code><a href="BiBorder.html">BiBorder</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 border property describes how to paint the border on the component</td></tr><tr><td><a name="bottom"></a><code>bottom</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 position relative to the parent inner edge. When using bottom a <code><a href="#height">height</a></code> should also be set. When using get the return value is always a number representing the pixel value.</td></tr><tr><td><a name="canFocus"></a><code>canFocus</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 can take focus. To be able to be focusable the component must be <code><a href="#enabled">enabled</a></code> and have a <code><a href="#tabIndex">tabIndex</a></code> greater than or equal to 0.</td></tr><tr><td><a name="canSelect"></a><code>canSelect</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 textual content is selectable</td></tr><tr><td><a name="capture"></a><code>capture</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>This is true when the component is set to capture all mouse events even if the mouse pointer is outside the component.</td></tr><tr><td><a name="children"></a><code>children</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"><img src="check.png" alt="checked"></td><td>The components added to the current component. This does not include anonymous children.<br>								<br>				 When setting this all the old children are first removed and disposed.</td></tr><tr><td><a name="clientHeight"></a><code>clientHeight</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 inside possible borders and scrollbar</td></tr><tr><td><a name="clientLeft"></a><code>clientLeft</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 the browser window viewport.</td></tr><tr><td><a name="clientTop"></a><code>clientTop</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 the browser window viewport.</td></tr><tr><td><a name="clientWidth"></a><code>clientWidth</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 inside possible borders and scrollbar</td></tr><tr><td><a name="clipHeight"></a><code>clipHeight</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>This is the height of the shown region when the component is clipped. A value of null means the entire (remaining) height is shown.</td></tr><tr><td><a name="clipLeft"></a><code>clipLeft</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>This is the clip left value. When this is set the shown region of the component starts this many pixels from the left.</td></tr><tr><td><a name="clipTop"></a><code>clipTop</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>This is the clip top value. When this is set the shown region of the component starts this many pixels from the top.</td></tr><tr><td><a name="clipWidth"></a><code>clipWidth</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>This is the width of the shown region when the component is clipped. A value of null means the entire (remaining) width is shown.</td></tr><tr><td><a name="command"></a><code>command</code></td><td><code class="type">				<code><a href="BiCommand.html">BiCommand</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>Commands are used to make more than one component trigger the same action. Commands also synchronize different properties on the components using the command.<code><a href="BiComponent.html">BiComponent</a></code> only synchronizes the <code><a href="#enabled">enabled</a></code> property with the command. Sub classes that have a value property usually synchronizes that as well.</td></tr><tr><td><a name="containsFocus"></a><code>containsFocus</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 or any of its descendants has focus</td></tr><tr><td><a name="contextMenu"></a><code>contextMenu</code></td><td><code class="type">				<code><a href="BiMenu.html">BiMenu</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>If set then this is the menu that will be shown when the user right clicks (or uses some othe UI mechanism) to bring up a context menu. Set this to <code>null</code> when no contex menu is desired.</td></tr><tr><td><a name="created"></a><code>created</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 becomes true when the HTML element representing the component gets created. From a pure UI perspective this can be seen as when there is a visual representation created and available on the screen.</td></tr><tr><td><a name="cssClassName"></a><code>cssClassName</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 CSS class name for the element representing the component. This should be used with caution since in some cases this might give unrespected results.</td></tr><tr><td><a name="cursor"></a><code>cursor</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 of the cursor to show when the mouse pointer is over the component. This is any valid CSS2 cursor name.</td></tr><tr><td><a name="dropDataTypes"></a><code>dropDataTypes</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>
12345

bicomponent.html - 源码说明

本页面展示了「ajax 框价．是个好工具．javascript 矿家．可以用在任何平台．」中的 bicomponent.html 源码文件，采用 HTML 编程语言编写，共 1,491 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与AJAX相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?