📄 bibox.html

📁 ajax 框价．是个好工具．javascript 矿家．可以用在任何平台．
💻 HTML
字号:
<!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>BiBox</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="BiBox">BiBox</h1><p>This layout component places its children from left to right for the horizontal box and from top to bottom for the vertical box. This is a fairly advanced layout component that takes preferred, minimum and maximum size of the children into account. It also takes margins into account and it uses margin collapsing so that two adjacent children share the larger margin.</p><p>This class extends		<code><a href="BiComponent.html">BiComponent</a></code>		and therefore all methods and fields available for		<code><a href="BiComponent.html">BiComponent</a></code>		are also available for <code>BiBox</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><a href="BiComponent.html">BiComponent</a></code><ul><li><code>BiBox</code><ul id="api-derived-classes"><li><code><a href="BiHBox.html">BiHBox</a></code></li><li><code><a href="BiVBox.html">BiVBox</a></code></li></ul></li></ul></li></ul></li></ul></li></ul><h2>Constructor</h2><p><code>	new BiBox([<span class="methodArgument">sOrient</span> [, <span class="methodArgument">sAlign</span> [, <span class="methodArgument">sPack</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>sOrient</code></td><td><code class="type">String</code></td><td class="optional-column"><img src="check.png" alt="checked"></td><td></td><td>Optional orientation of the layout</td></tr><tr><td><code>sAlign</code></td><td><code class="type">String</code></td><td class="optional-column"><img src="check.png" alt="checked"></td><td></td><td>Optional alignment of the children</td></tr><tr><td><code>sPack</code></td><td><code class="type">String</code></td><td class="optional-column"><img src="check.png" alt="checked"></td><td></td><td>Optional pack value</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="align"></a><code>align</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 align property decides how to size and position the children. This describes the size and position in the in the orthogonal direction of the box orientation. For a horizontal box this describes the height and top position and for a vertical layout this describes the width and left position<br>								<br>				 Valid values are:<br>								<br>				 stretch<br>				 start<br>				 center<br>				 end<br>							</td></tr><tr><td><a name="orient"></a><code>orient</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 orientation to layout the children. Valid values are "horizontal" and "vertical". When set to "horizontal", rightToLeft is taken into account.</td></tr><tr><td><a name="pack"></a><code>pack</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 layout the controls when there are no flexing children and there is any remaining space. Valid values are:<br>								<br>				 start<br>				 center<br>				 end</td></tr></tbody></table><h2>Methods</h2><p>None.</p><h2>Events</h2><p>None.</p><h2>Static Methods</h2><table><thead><tr><td>Name</td><td>Description</td></tr></thead><tbody><tr><td><code><a href="#getFlex">getFlex</a></code></td><td>Returns the dock value for the source</td></tr><tr><td><code><a href="#setFlex">setFlex</a></code></td><td>Sets the attached flex property for the source. A flex value of 0 means that the size is determined by the preferred size and no flexing occurs.</td></tr></tbody></table><h2>Static Fields</h2><p>None.</p><h2>Remarks</h2><p>	</p><h2>Static Method Details</h2><h3><a name="getFlex"></a>getFlex</h3><p>Returns the dock value for the source</p><h4>Syntax</h4><pre class="method-syntax">BiBox.getFlex(<span class="methodArgument">oSource</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>oSource</code></td><td><code class="type">						<code><a href="BiObject.html">BiObject</a></code>					</code></td><td class="optional-column"></td><td></td><td>The component to get the dock value for</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">String</code></p><h3><a name="setFlex"></a>setFlex</h3><p>Sets the attached flex property for the source. A flex value of 0 means that the size is determined by the preferred size and no flexing occurs.</p><h4>Syntax</h4><pre class="method-syntax">BiBox.setFlex(<span class="methodArgument">oSource</span>, <span class="methodArgument">nFlex</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>oSource</code></td><td><code class="type">						<code><a href="BiObject.html">BiObject</a></code>					</code></td><td class="optional-column"></td><td></td><td>The component to set the dock value for</td></tr><tr><td><code>nFlex</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The flex value is used to tell how much of the 							remaining space the component should use.</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">void</code></p></body></html>
⌨️ 快捷键说明

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