⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 bicombobox.html

📁 在流览器上仿CS界面的JAVASCRIPT脚本
💻 HTML
📖 第 1 页 / 共 2 页
字号:
<!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>BiComboBox</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="BiComboBox">BiComboBox</h1>
<p>
		This class represents a combo box.
	</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>BiComboBox</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>BiComboBox</code><ul id="api-derived-classes"></ul></li></ul></li></ul></li></ul>
</li>
</ul>
<h2>Constructor</h2>
<p><code>

	new BiComboBox()</code></p>
<h3>Parameters</h3>
<p>No parameters.</p>
<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="currentDataPage"></a><code>currentDataPage</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 index of the current data page.
			</td>
</tr>
<tr>
<td><a name="dataPageCount"></a><code>dataPageCount</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 number of data pages that are available. This is the numbers
				of rows in the data set divided by the number of rows per page.
			</td>
</tr>
<tr>
<td><a name="dataPageSize"></a><code>dataPageSize</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 amount of rows to show at one time from the data source.
			</td>
</tr>
<tr>
<td><a name="dataSource"></a><code>dataSource</code></td>
<td><code class="type">
				<code><a href="BiDataTable.html">BiDataTable</a></code> / <code><a href="BiDataSet.html">BiDataSet</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 object to use as the data source. This can be a either a
				<code><a href="BiDataTable.html">BiDataTable</a></code> or a
				<code><a href="BiDataSet.html">BiDataSet</a></code> (in which case the
				first table is used).
			</td>
</tr>
<tr>
<td><a name="dataTextField"></a><code>dataTextField</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 column to use as the data for the text property
				of the <code><a href="BiComboBoxItem.html">BiComboBoxItem</a></code>s.
			</td>
</tr>
<tr>
<td><a name="dataUserValueField"></a><code>dataUserValueField</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 column to use as the data for the <code><a href="#userValue">userValue</a></code> property
				of the <code><a href="BiComboBoxItem.html">BiComboBoxItem</a></code>s.
			</td>
</tr>
<tr>
<td><a name="dataValueField"></a><code>dataValueField</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>
				Depreciated. Use <code><a href="#dataUserValueField">dataUserValueField</a></code> instead.
			</td>
</tr>
<tr>
<td><a name="dropDownVisible"></a><code>dropDownVisible</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 the combo box is displaying its drop-down list.</td>
</tr>
<tr>
<td><a name="dropDownWidth"></a><code>dropDownWidth</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>The desired width of the drop-down list. The width of the
			drop-down is always greater than or equal to the width of the combo box.</td>
</tr>
<tr>
<td><a name="editable"></a><code>editable</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 the text field can be edited</td>
</tr>
<tr>
<td><a name="selectedItem"></a><code>selectedItem</code></td>
<td><code class="type"><code><a href="BiComboBoxItem.html">BiComboBoxItem</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 selected <code><a href="BiComboBoxItem.html">combo box item</a></code>.
				If no item is selected this returns <code>null</code>. When this
				changes the <code><a href="#change">change</a></code> event fires.
			</td>
</tr>
<tr>
<td><a name="text"></a><code>text</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 text shown in the combo box. This can be used to find the text that the
			user is currently typing into the text field of the combo box</td>
</tr>
<tr>
<td><a name="textField"></a><code>textField</code></td>
<td><code class="type"><code><a href="BiTextField.html">BiTextField</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>
				This returns the internal text field used for the editable combo
				box. This can then be used to access the text selection model.
			</td>
</tr>
<tr>
<td><a name="userValue"></a><code>userValue</code></td>
<td><code class="type">Object</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 <code><a href="BiListItem.html#userValue">userValue</a></code> of
				the selected <code><a href="BiComboBoxItem.html">combo box item</a></code>.
				If no item is selected then this returns <code>null</code>. When
				setting this, the first item with the given user value will be selected.
				If no item has this value no item will be selected.
			</td>
</tr>
<tr>
<td><a name="value"></a><code>value</code></td>
<td><code class="type">Object</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>
				Depreciated. Use <code><a href="#userValue">userValue</a></code> instead.
			</td>
</tr>
</tbody>
</table>
<h2>Methods</h2>
<table>
<thead>
<tr>
<td>Name</td>
<td>Description</td>
</tr>
</thead>
<tbody>
<tr>
<td><code><a href="#createItemFromDataRow">createItemFromDataRow</a></code></td>
<td>
				This method is called when using data binding. This is used to
				create a new <code><a href="BiComboBoxItem.html">BiComboBoxItem</a></code> from a
				<code><a href="BiDataRow.html">BiDataRow</a></code>.
			</td>
</tr>
<tr>
<td><code><a href="#dataBind">dataBind</a></code></td>
<td>
				If the combo box has a <code><a href="#dataSource">dataSource</a></code> then this binds that
				data source to the list.
			</td>
</tr>
<tr>
<td><code><a href="#findString">findString</a></code></td>
<td>
				Searches the <code><a href="BiComboBoxItem.html">items</a></code>
				for an item that starts with the given string. This match is case
				insensitive. If no item is found this returns <code>null</code>
			</td>
</tr>
<tr>
<td><code><a href="#findStringExact">findStringExact</a></code></td>
<td>
				Searches the <code><a href="BiComboBoxItem.html">items</a></code>
				for an item that matches the given string. This match is case
				insensitive. If no item is found this returns <code>null</code>
			</td>
</tr>
<tr>
<td><code><a href="#findUserValueExact">findUserValueExact</a></code></td>
<td>
				Searches the <code><a href="BiComboBoxItem.html">items</a></code>
				for an item that has the given user value. If no item is found this returns <code>null</code>
			</td>
</tr>
<tr>
<td><code><a href="#findValueExact">findValueExact</a></code></td>
<td>
				Depreciated. Use <code><a href="#findUserValueExact">findUserValueExact</a></code> instead.
			</td>
</tr>
</tbody>
</table>
<h2>Events</h2>

⌨️ 快捷键说明

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