📄 bigridheaders.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>BiGridHeaders</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="BiGridHeaders">BiGridHeaders</h1>
<p>
This class represents the headers for a <code><a href="BiGrid.html">grid</a></code>
or a <code><a href="BiTree.html">tree</a></code>.
The headers contain several <code><a href="BiGridHeader.html">header cells</a></code>.
</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>BiGridHeaders</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>BiGridHeaders</code><ul id="api-derived-classes"></ul></li></ul></li></ul></li></ul>
</li>
</ul>
<h2>Constructor</h2>
<p><code>
new BiGridHeaders()</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="ascending"></a><code>ascending</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>
If this is <code>true</code> then the sorting should be done
ascending, if <code>false</code> descending and if <code>null</code>
no sort. This is also reflected on the <code><a href="BiGridHeader.html#ascending">ascending</a></code> property for the
<code><a href="BiGridHeader.html">header</a></code> this applies to.
</td>
</tr>
<tr>
<td><a name="columnCount"></a><code>columnCount</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 number of columns in the header
</td>
</tr>
<tr>
<td><a name="columnOrders"></a><code>columnOrders</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 order in which the cell headers should be displayed in. A
value of <code>[2,0,1]</code> means that the third cell comes first,
then comes the first cell and last the second.
</td>
</tr>
<tr>
<td><a name="columnWidths"></a><code>columnWidths</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 widths of the cell headers in the headers
</td>
</tr>
<tr>
<td><a name="filler"></a><code>filler</code></td>
<td><code class="type"><code><a href="BiGridHeaderFiller.html">BiGridHeaderFiller</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>
Returns the header acting as the filler. This is the part that is
shown after the last column if the grid is wider than all the columns
combined.
</td>
</tr>
<tr>
<td><a name="sortColumn"></a><code>sortColumn</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 column that should show the sort arrow.
</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="ascendingchanged"></a><code>ascendingchanged</code></td>
<td><code class="type"><code><a href="#BiEvent">BiEvent</a></code></code></td>
<td class="bubbles-column"></td>
<td>
Fired when the ascending property changes. This happens when either
the user clicks on a column header cell that is already sorted or
this property is changed through script.<br>
<br>
Note that if the <code><a href="#ascending">ascending</a></code> property changed due to
a change of the <code><a href="#sortColumn">sortColumn</a></code> this event is not fired.
This is by design to prevent preformance issues.
</td>
</tr>
<tr>
<td><a name="columnorderschanged"></a><code>columnorderschanged</code></td>
<td><code class="type"><code><a href="#BiEvent">BiEvent</a></code></code></td>
<td class="bubbles-column"></td>
<td>
Fired when the column orders are changed. This happens when either
the user has reordered the columns or the order is
changed through script.
</td>
</tr>
<tr>
<td><a name="columnwidthschanged"></a><code>columnwidthschanged</code></td>
<td><code class="type"><code><a href="#BiEvent">BiEvent</a></code></code></td>
<td class="bubbles-column"></td>
<td>
Fired when the column widths are changed. This happens when either
the user has finished resized a column or the column widths are
changed through script.
</td>
</tr>
<tr>
<td><a name="columnwidthschanging"></a><code>columnwidthschanging</code></td>
<td><code class="type"><code><a href="#BiEvent">BiEvent</a></code></code></td>
<td class="bubbles-column"></td>
<td>
Fired when the column widths are changing. This happens when
the user is resizing a column.
</td>
</tr>
<tr>
<td><a name="sortcolumnchanged"></a><code>sortcolumnchanged</code></td>
<td><code class="type"><code><a href="#BiEvent">BiEvent</a></code></code></td>
<td class="bubbles-column"></td>
<td>
Fired when the sort column is changed. This happens when either
the user has clicks on a sortable column or the sort column is
changed through script.<br>
<br>
Note that when the user clicks on the currently sorted column this
event is not fired. Instead the <code><a href="#ascendingchanged">ascendingchanged</a></code> event
is triggered because the sorting is changed from ascending to
descending or the other way around.
</td>
</tr>
</tbody>
</table>
<h2>Static Methods</h2>
<p>None.</p>
<h2>Static Fields</h2>
<p>None.</p>
<h2>Remarks</h2>
<p>
When working with grids there is no need to manually use this class.
</p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -