📄 bisplitpane.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.
</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"></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.
</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>
Sets 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 horintal
the components are placed to the left and to the right of the
splitter respectively. When vertical the components are placed
above and below.
</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>
Sets 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 + -