1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
7 <meta http-equiv="content-type" content="text/html; charset=undefined" />
8 <meta name="generator" content="JsDoc Toolkit" />
11 <title>JsDoc Reference - Roo.grid.EditorGrid</title>
14 <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
15 <link rel="stylesheet" type="text/css" href="../default.css" />
18 <script type="text/javascript" src="../page.js">
25 <body onload="RooDocsPage.onload();">
28 <div class="body-wrap">
30 <!-- ============================== links to methods. ================================= -->
32 <div class="top-tools">
34 <a class="inner-link" href="#Roo.grid.EditorGrid-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.grid.EditorGrid-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.grid.EditorGrid-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.grid.EditorGrid-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
38 <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
43 <!-- ============================== inheritance Block. ================================= -->
45 <div class="inheritance res-block">
46 <pre class="res-block-inner"><a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
47 <img src="../../images/default/s.gif" height="1" width="20"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.grid.EditorGrid
52 <!-- ============================== class title / details ============================ -->
55 <h1 class="classTitle">
57 Class Roo.grid.EditorGrid
60 <table cellspacing="0" class="class-summary-table">
62 <tr><td class="label">Package:</td><td class="hd-info">Roo.grid</td></tr>
64 <tr><td class="label">Defined In:</td><td class="hd-info">
66 <a href="./src/Roo_grid_EditorGrid.js.html">Roo/grid/EditorGrid.js</a>.
69 <tr><td class="label">Class:</td><td class="hd-info">EditorGrid</td></tr>
74 <tr><td class="label">Extends:</td><td class="hd-info">
75 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
83 <!-- ============================== class summary ========================== -->
84 <div class="description">
85 Class for creating and editable grid.
89 <!-- ============================== Class comment block... ========================== -->
91 <div class="comments">
92 <b>Class Comments / Notes</B> =>
93 <u onclick="parent.CommentDialog.showCommentId = 'Roo.grid.EditorGrid';">[Add Your comment/notes about this class]</u>
95 <iframe frameborder="0" id="comments-Roo.grid" style="border: none;width:100%;"
96 src="/blog.php/GtkDjsComments/Roo.grid.EditorGrid.html"></iframe>
101 <!-- ============================== config options ========================== -->
106 <div class="hr"></div>
107 <a id="Roo.grid.EditorGrid-configs"></a>
113 <table cellspacing="0" class="member-table">
114 <caption>Config Options (Usually are also Properties)</caption>
118 <th class="sig-header" colspan="2">Options</th>
120 <th class="msource-header">Defined By</th>
127 <tr class="config-row expandable config-row-alt0 notInherited">
128 <td class="micon"><a class="exi" href="#expand"> </a></td>
131 <a id="Roo.grid.EditorGrid-cfg-clicksToEdit" name=".clicksToEdit"></a>
132 <div class="fixedFont">
133 <b class="itemname">clicksToEdit</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
139 <div class="short">The number of clicks on a cell required to display the cell's editor (defaults to 2)</div>
143 <div class="long">The number of clicks on a cell required to display the cell's editor (defaults to 2)</div>
167 <!-- ============================== public properties ==================== -->
171 <a id="Roo.grid.EditorGrid-props"></a>
177 <table cellspacing="0" class="member-table">
178 <caption class="Empty">Public Properties - Has None</caption>
184 <!-- ============================== methods summary / details ======================== -->
187 <a id="Roo.grid.EditorGrid-methods"></a>
188 <!-- constructor?? -->
195 <!-- then dynamics first -->
202 <table cellspacing="0" class="member-table">
203 <caption>Public Methods</caption>
205 <th class="sig-header" colspan="2">Method</th>
206 <th class="msource-header">Defined By</th>
216 <tr class="method-row config-row-alt0 expandable notInherited">
217 <td class="micon"><a class="exi" href="#expand"> </a></td>
221 <a id="Roo.grid-method-EditorGrid" name=".EditorGrid"></a>
222 <div class="fixedFont">
223 <span class="attributes">new <B>Roo.grid.</B></span><b class="itemname">EditorGrid</b>
225 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element <B><i>container</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>dataSource</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>colModel</i></B>)
233 <div class="short">Create a new Roo.grid.EditorGrid</div>
240 Create a new Roo.grid.EditorGrid
243 <dl class="detailList">
244 <dt class="heading">Parameters:</dt>
247 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>container</b>
250 <dd>The element into which this grid will be rendered - <br/>The container MUST have some type of size defined for the grid to fill. The container will be <br/>automatically set to position relative if it isn't already.</dd>
253 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>dataSource</b>
256 <dd>The data model to bind to</dd>
259 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>colModel</b>
262 <dd>The column model with info about this grid's columns</dd>
286 <tr class="method-row config-row-alt1 expandable notInherited">
287 <td class="micon"><a class="exi" href="#expand"> </a></td>
291 <a id="Roo.grid.EditorGrid-method-startEditing" name=".startEditing"></a>
292 <div class="fixedFont">
293 <span class="attributes"></span><b class="itemname">startEditing</b>
295 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rowIndex</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>colIndex</i></B>)
302 <div class="short">Starts editing the specified for the specified row/column</div>
308 Starts editing the specified for the specified row/column
315 <dl class="detailList">
316 <dt class="heading">Parameters:</dt>
319 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
325 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>colIndex</b>
354 <tr class="method-row config-row-alt0 expandable notInherited">
355 <td class="micon"><a class="exi" href="#expand"> </a></td>
359 <a id="Roo.grid.EditorGrid-method-stopEditing" name=".stopEditing"></a>
360 <div class="fixedFont">
361 <span class="attributes"></span><b class="itemname">stopEditing</b>
370 <div class="short">Stops any active editing</div>
376 Stops any active editing
408 <!-- ============================== events summary / details ======================== -->
411 <a id="Roo.grid.EditorGrid-events"></a>
420 <table cellspacing="0" class="member-table">
421 <caption>Events</caption>
424 <th class="sig-header" colspan="2">Event</th>
425 <th class="msource-header">Defined By</th>
434 <tr class="method-row expandable config-row-alt0 notInherited">
435 <td class="micon"><a class="exi" href="#expand"> </a></td>
438 <a id="Roo.grid.EditorGrid-event-*afteredit"></a>
440 <div class="fixedFont">
441 <b class="itemname">afteredit</b> (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>e</i></B>)
447 <div class="short">Fires after a cell is edited.
453 Fires after a cell is edited. <br /><br/><ul style="padding:5px;padding-left:16px;"><br/><li>grid - This grid</li><br/><li>record - The record being edited</li><br/><li>field - The field name being edited</li><br/><li>value - The value being set</li><br/><li>originalValue - The original value for the field, before the edit.</li><br/><li>row - The grid row index</li><br/><li>column - The grid column index</li><br/></ul>
459 <dl class="detailList">
460 <dt class="heading">Parameters:</dt>
463 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>e</b>
466 <dd>An edit event (see above for description)</dd>
489 <tr class="method-row expandable config-row-alt1 notInherited">
490 <td class="micon"><a class="exi" href="#expand"> </a></td>
493 <a id="Roo.grid.EditorGrid-event-*beforeedit"></a>
495 <div class="fixedFont">
496 <b class="itemname">beforeedit</b> (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>e</i></B>)
502 <div class="short">Fires before cell editing is triggered.
508 Fires before cell editing is triggered. The edit event object has the following properties <br /><br/><ul style="padding:5px;padding-left:16px;"><br/><li>grid - This grid</li><br/><li>record - The record being edited</li><br/><li>field - The field name being edited</li><br/><li>value - The value for the field being edited.</li><br/><li>row - The grid row index</li><br/><li>column - The grid column index</li><br/><li>cancel - Set this to true to cancel the edit or return false from your handler.</li><br/></ul>
514 <dl class="detailList">
515 <dt class="heading">Parameters:</dt>
518 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>e</b>
521 <dd>An edit event (see above for description)</dd>
544 <tr class="method-row expandable config-row-alt0 notInherited">
545 <td class="micon"><a class="exi" href="#expand"> </a></td>
548 <a id="Roo.grid.EditorGrid-event-*validateedit"></a>
550 <div class="fixedFont">
551 <b class="itemname">validateedit</b> (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>e</i></B>)
557 <div class="short">Fires after a cell is edited, but before the value is set in the record.
563 Fires after a cell is edited, but before the value is set in the record. <br/>You can use this to modify the value being set in the field, Return false<br/>to cancel the change. The edit event object has the following properties <br /><br/><ul style="padding:5px;padding-left:16px;"><br/><li>editor - This editor</li><br/><li>grid - This grid</li><br/><li>record - The record being edited</li><br/><li>field - The field name being edited</li><br/><li>value - The value being set</li><br/><li>originalValue - The original value for the field, before the edit.</li><br/><li>row - The grid row index</li><br/><li>column - The grid column index</li><br/><li>cancel - Set this to true to cancel the edit or return false from your handler.</li><br/></ul>
569 <dl class="detailList">
570 <dt class="heading">Parameters:</dt>
573 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>e</b>
576 <dd>An edit event (see above for description)</dd>
606 <!-- ============================== footer ================================= -->
607 <div class="fineprint" style="clear:both">
609 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Fri Jul 16 2010 15:55:28 GMT+0800 (HKT)
611 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>