📄 bisplitpane.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>BiSplitPane</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="BiSplitPane">BiSplitPane</h1><p>A split pane is used to show two components with a splitter betwee them. The splitter between the components can be dragged and in that way the components are resized. If right to left the left and right component switch palces.</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>BiSplitPane</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>BiSplitPane</code><ul id="api-derived-classes"></ul></li></ul></li></ul></li></ul></li></ul><h2>Constructor</h2><p><code>	new BiSplitPane([<span class="methodArgument">sOrientation</span> [, <span class="methodArgument">oLeftComponent</span> [, <span class="methodArgument">oRightComponent</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>sOrientation</code></td><td><code class="type">String</code></td><td class="optional-column"><img src="check.png" alt="checked"></td><td></td><td>The orientation of the split pane. Valid values are <code>horizontal</code>                                          and <code>vertical</code>.</td></tr><tr><td><code>oLeftComponent</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 component to place to the left of the splitter. If the orientation is vertical                                          this is placed at the top.</td></tr><tr><td><code>oRightComponent</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 component to place to the right of the splitter. If the orientation is                                          vertical this is placed at the bottom.</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="bottomComponent"></a><code>bottomComponent</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 component below (or to the right if hoizontal orientation) the splitter. This property is the same as <code><a href="#rightComponent">rightComponent</a></code>.</td></tr><tr><td><a name="bottomVisible"></a><code>bottomVisible</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>Sets whether to show the bottom component. If this is <code>false</code> the top component will take up the entire space of the split pane and the splitter will be hidden. This property is the same as <code><a href="#rightVisible">rightVisible</a></code>.</td></tr><tr><td><a name="continuousLayout"></a><code>continuousLayout</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 resize the components while the splitter is being moved. If this is <code>false</code> then the components will be updated when the moving of the splitter ends.</td></tr><tr><td><a name="dividerLocation"></a><code>dividerLocation</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 location of the splitter from the left if horizontal orientation and from the top if vertical orientation. If right to left is used this is from the right instead of from the left.</td></tr><tr><td><a name="dividerSize"></a><code>dividerSize</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 width of the divider (height if vertical orientation)</td></tr><tr><td><a name="leftComponent"></a><code>leftComponent</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 component to the left (or top if vertical orientation) of the splitter. This property is the same as <code><a href="#topComponent">topComponent</a></code>.</td></tr><tr><td><a name="leftVisible"></a><code>leftVisible</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 show the left component. If this is <code>false</code> the right component will take up the entire space of the split pane and the splitter will be hidden.</td></tr><tr><td><a name="orientation"></a><code>orientation</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 of the split pane. Valid values are <code>horizontal</code> and <code>vertical</code>. If horizontal is used	the components are placed to the left and to the right of the	splitter respectively. When vertical the components are placed above and below. When using horizontal and right to left the position of the left and right components are switched.</td></tr><tr><td><a name="rightComponent"></a><code>rightComponent</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 component to the right (or bottom if vertical orientation) of the splitter. This property is the same as <code><a href="#bottomComponent">bottomComponent</a></code>.</td></tr><tr><td><a name="rightVisible"></a><code>rightVisible</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 show the right component. If this is <code>false</code> the left component will take up the entire space of the split pane and the splitter will be hidden.</td></tr><tr><td><a name="topComponent"></a><code>topComponent</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 component above (or to the left if horizontal orientation) of the splitter. This property is the same as <code><a href="#leftComponent">leftComponent</a></code>.</td></tr><tr><td><a name="topVisible"></a><code>topVisible</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>Sets whether to show the top component. If this is <code>false</code> the bottom component will take up the entire space of the split pane and the splitter will be hidden. This property is the same as <code><a href="#leftVisible">leftVisible</a></code>.</td></tr></tbody></table><h2>Methods</h2><p>None.</p><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="dividerlocationchanged"></a><code>dividerlocationchanged</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 then 												<code><a href="#dividerLocation">dividerLocation</a></code> is                                              changed</td></tr></tbody></table><h2>Static Methods</h2><p>None.</p><h2>Static Fields</h2><p>None.</p><h2>Remarks</h2><p>Using <code><a href="#continuousLayout">continuousLayout</a></code> might be slow if the resizing of 			the components requires too much calculation. If this is the case          set this prperty to <code>false</code>.</p></body></html>
⌨️ 快捷键说明

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