bitreeview.html

来自「ajax 框价．是个好工具．javascript 矿家．可以用在任何平台．」· HTML 代码 · 共 496 行

HTML
496 行
字号 
<!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>BiTreeView</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="BiTreeView">BiTreeView</h1><p>This class is the base for<code><a href="BiGrid2.html">BiGrid2</a></code> and<code><a href="BiTree2.html">BiTree2</a></code>. It can be used directly with a data model.</p><p>This class extends		<code><a href="BiTreeViewBase.html">BiTreeViewBase</a></code>		and therefore all methods and fields available for		<code><a href="BiTreeViewBase.html">BiTreeViewBase</a></code>		are also available for <code>BiTreeView</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><a href="BiTreeViewBase.html">BiTreeViewBase</a></code><ul><li><code>BiTreeView</code><ul id="api-derived-classes"><li><code><a href="BiGrid2.html">BiGrid2</a></code></li><li><code><a href="BiTree2.html">BiTree2</a></code></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul><h2>Constructor</h2><p><code>	new BiTreeView()</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="scrollLeftExact"></a><code>scrollLeftExact</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>This returns the exact scroll position. scrollLeft on the other hand returns the scroll position where the first visible row starts at</td></tr><tr><td><a name="scrollTopExact"></a><code>scrollTopExact</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>This returns the exact scroll position. scrollTop on the other hand returns the scroll position where the first visible row starts at</td></tr></tbody></table><h2>Methods</h2><table><thead><tr><td>Name</td><td>Description</td></tr></thead><tbody><tr><td><code><a href="#getCellInfo">getCellInfo</a></code></td><td>Returns a<code><a href="BiTreeViewCellInfo.html">BiTreeViewCellInfo</a></code> object based on the mouse coordinates</td></tr><tr><td><code><a href="#getCellInfoFromMouseEvent">getCellInfoFromMouseEvent</a></code></td><td>This takes a mouse event object and returns a cell info describing the cell that is related to the mouse event</td></tr><tr><td><code><a href="#getExpandIconHtml">getExpandIconHtml</a></code></td><td>this returns the HTML code for the expand icon</td></tr><tr><td><code><a href="#getHeaderHtmlCode">getHeaderHtmlCode</a></code></td><td>This returns the HTML code for header of the tree view</td></tr><tr><td><code><a href="#getHtmlCode">getHtmlCode</a></code></td><td>This returns the HTML code for the body of the tree view</td></tr><tr><td><code><a href="#getRowHeaderHtmlCode">getRowHeaderHtmlCode</a></code></td><td>This returns the HTML code for the row headers.</td></tr><tr><td><code><a href="#invalidateRow">invalidateRow</a></code></td><td>Marks the row as invalid. This will try to redraw only the invalidated rows instead of redrawing the entire viewport (in some cases).</td></tr><tr><td><code><a href="#updateCell">updateCell</a></code></td><td>Updates (redraws) the given cell</td></tr><tr><td><code><a href="#updateContentSize">updateContentSize</a></code></td><td>This is called when the size of the content has changed. This happens for example when a row is added/removed and when subtrees are collapsed/expanded</td></tr><tr><td><code><a href="#updateRow">updateRow</a></code></td><td>This redraws a row</td></tr><tr><td><code><a href="#updateRowHeaderCell">updateRowHeaderCell</a></code></td><td>This updates the row header cell for the given row</td></tr><tr><td><code><a href="#updateSize">updateSize</a></code></td><td>This updates the sizes of different parts of the sub controls</td></tr></tbody></table><h2>Events</h2><p>None.</p><h2>Static Methods</h2><p>None.</p><h2>Static Fields</h2><p>None.</p><h2>Remarks</h2><p>	</p><h2>Method Details</h2><h3><a name="getCellInfo"></a>getCellInfo</h3><p>Returns a<code><a href="BiTreeViewCellInfo.html">BiTreeViewCellInfo</a></code> object based on the mouse coordinates</p><h4>Syntax</h4><pre class="method-syntax">object.getCellInfo(<span class="methodArgument">nOffsetX</span>, <span class="methodArgument">nOffsetY</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>nOffsetX</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The left postion relative to the tree view</td></tr><tr><td><code>nOffsetY</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The top postion relative to the tree view</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">					<code><a href="BiTreeViewCellInfo.html">BiTreeViewCellInfo</a></code>				</code></p><h3><a name="getCellInfoFromMouseEvent"></a>getCellInfoFromMouseEvent</h3><p>This takes a mouse event object and returns a cell info describing the cell that is related to the mouse event</p><h4>Syntax</h4><pre class="method-syntax">object.getCellInfoFromMouseEvent(<span class="methodArgument">e</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>e</code></td><td><code class="type">						<code><a href="BiMouseEvent.html">BiMouseEvent</a></code>					</code></td><td class="optional-column"></td><td></td><td>The event object used in the mouse event</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">					<code><a href="BiTreeViewCellInfo.html">BiTreeViewCellInfo</a></code>				</code></p><h3><a name="getExpandIconHtml"></a>getExpandIconHtml</h3><p>this returns the HTML code for the expand icon</p><h4>Syntax</h4><pre class="method-syntax">object.getExpandIconHtml(<span class="methodArgument">x</span>, <span class="methodArgument">y</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>x</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>the column index</td></tr><tr><td><code>y</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>the row index</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">String</code></p><h3><a name="getHeaderHtmlCode"></a>getHeaderHtmlCode</h3><p>This returns the HTML code for header of the tree view</p><h4>Syntax</h4><pre class="method-syntax">object.getHeaderHtmlCode(<span class="methodArgument">nScrollLeft</span>, <span class="methodArgument">nWidth</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>nScrollLeft</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The distance from the left to start painting at</td></tr><tr><td><code>nWidth</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The width of the viewport</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">String</code></p><h3><a name="getHtmlCode"></a>getHtmlCode</h3><p>This returns the HTML code for the body of the tree view</p><h4>Syntax</h4><pre class="method-syntax">object.getHtmlCode(<span class="methodArgument">nScrollLeft</span>, <span class="methodArgument">nScrollTop</span>, <span class="methodArgument">nWidth</span>, <span class="methodArgument">nHeight</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>nScrollLeft</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The distance from the left to start painting at</td></tr><tr><td><code>nScrollTop</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The distance from the top to start painting at</td></tr><tr><td><code>nWidth</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The width of the viewport</td></tr><tr><td><code>nHeight</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The height of the viewport</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">String</code></p><h3><a name="getRowHeaderHtmlCode"></a>getRowHeaderHtmlCode</h3><p>This returns the HTML code for the row headers.</p><h4>Syntax</h4><pre class="method-syntax">object.getRowHeaderHtmlCode(<span class="methodArgument">nScrollTop</span>, <span class="methodArgument">nHeight</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>nScrollTop</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The distance from the top to start painting at</td></tr><tr><td><code>nHeight</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The height of the viewport</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">String</code></p><h3><a name="invalidateRow"></a>invalidateRow</h3><p>Marks the row as invalid. This will try to redraw only the invalidated rows instead of redrawing the entire viewport (in some cases).</p><h4>Syntax</h4><pre class="method-syntax">object.invalidateRow(<span class="methodArgument">y</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>y</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The index of the row to invalidate</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">void</code></p><h3><a name="updateCell"></a>updateCell</h3><p>Updates (redraws) the given cell</p><h4>Syntax</h4><pre class="method-syntax">object.updateCell(<span class="methodArgument">x</span>, <span class="methodArgument">y</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>x</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The column of the cell</td></tr><tr><td><code>y</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The row of the cell</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">void</code></p><h3><a name="updateContentSize"></a>updateContentSize</h3><p>This is called when the size of the content has changed. This happens for example when a row is added/removed and when subtrees are collapsed/expanded</p><h4>Syntax</h4><pre class="method-syntax">object.updateContentSize()</pre><h4>Parameters</h4><p>No arguments.</p><h4>Return Type</h4><p><code class="type">void</code></p><h3><a name="updateRow"></a>updateRow</h3><p>This redraws a row</p><h4>Syntax</h4><pre class="method-syntax">object.updateRow(<span class="methodArgument">y</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>y</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The row index for the row to update</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">void</code></p><h3><a name="updateRowHeaderCell"></a>updateRowHeaderCell</h3><p>This updates the row header cell for the given row</p><h4>Syntax</h4><pre class="method-syntax">object.updateRowHeaderCell(<span class="methodArgument">y</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>y</code></td><td><code class="type">Number</code></td><td class="optional-column"></td><td></td><td>The index of the row header to update</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">void</code></p><h3><a name="updateSize"></a>updateSize</h3><p>This updates the sizes of different parts of the sub controls</p><h4>Syntax</h4><pre class="method-syntax">object.updateSize()</pre><h4>Parameters</h4><p>No arguments.</p><h4>Return Type</h4><p><code class="type">void</code></p></body></html>

bitreeview.html - 源码说明

本页面展示了「ajax 框价．是个好工具．javascript 矿家．可以用在任何平台．」中的 bitreeview.html 源码文件，采用 HTML 编程语言编写，共 496 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与AJAX相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

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