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.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
47 <img src="../../images/default/s.gif" height="1" width="20"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
48 <img src="../../images/default/s.gif" height="1" width="40"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.grid.EditorGrid
53 <!-- ============================== class title / details ============================ -->
56 <h1 class="classTitle">
58 Class Roo.grid.EditorGrid
61 <table cellspacing="0" class="class-summary-table">
63 <tr><td class="label">Package:</td><td class="hd-info">Roo.grid</td></tr>
65 <tr><td class="label">Defined In:</td><td class="hd-info">
67 <a href="./src/Roo_grid_EditorGrid.js.html">Roo/grid/EditorGrid.js</a>.
70 <tr><td class="label">Class:</td><td class="hd-info">EditorGrid</td></tr>
73 <tr><td class="label">Subclasses:</td><td class="hd-info">
74 <a href="./Roo.grid.PropertyGrid.html#constructor" roo:cls="Roo.grid.PropertyGrid.html#constructor">Roo.grid.PropertyGrid</a>
82 <tr><td class="label">Extends:</td><td class="hd-info">
83 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
91 <!-- ============================== class summary ========================== -->
92 <div class="description">
93 Class for creating and editable grid.
97 <!-- ============================== Class comment block... ========================== -->
99 <div class="comments">
100 <b>Class Comments / Notes</B> =>
101 <u onclick="parent.CommentDialog.showCommentId = 'Roo.grid.EditorGrid';">[Add Your comment/notes about this class]</u>
103 <iframe frameborder="0" id="comments-Roo.grid" style="border: none;width:100%;"
104 src="/blog.php/GtkDjsComments/Roo.grid.EditorGrid.html"></iframe>
109 <!-- ============================== config options ========================== -->
114 <div class="hr"></div>
115 <a id="Roo.grid.EditorGrid-configs"></a>
121 <table cellspacing="0" class="member-table">
122 <caption>Config Options (Usually are also Properties)</caption>
126 <th class="sig-header" colspan="2">Options</th>
128 <th class="msource-header">Defined By</th>
135 <tr class="config-row expandable config-row-alt0">
136 <td class="micon"><a class="exi" href="#expand"> </a></td>
139 <a id="Roo.grid.Grid-cfg-autoExpandColumn" name=".autoExpandColumn"></a>
140 <div class="fixedFont">
141 <b class="itemname">autoExpandColumn</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
147 <div class="short">The id (or dataIndex) of a column in this grid that should expand to fill unused space.</div>
152 The id (or dataIndex) of a column in this grid that should expand to fill unused space. This id can not be 0. Default is false.
162 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
168 <tr class="config-row expandable config-row-alt1">
169 <td class="micon"><a class="exi" href="#expand"> </a></td>
172 <a id="Roo.grid.Grid-cfg-autoExpandMax" name=".autoExpandMax"></a>
173 <div class="fixedFont">
174 <b class="itemname">autoExpandMax</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
180 <div class="short">The maximum width the autoExpandColumn can have (if enabled).</div>
185 The maximum width the autoExpandColumn can have (if enabled). Default is 1000.
195 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
201 <tr class="config-row expandable config-row-alt0">
202 <td class="micon"><a class="exi" href="#expand"> </a></td>
205 <a id="Roo.grid.Grid-cfg-autoExpandMin" name=".autoExpandMin"></a>
206 <div class="fixedFont">
207 <b class="itemname">autoExpandMin</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
213 <div class="short">The minimum width the autoExpandColumn can have (if enabled).</div>
218 The minimum width the autoExpandColumn can have (if enabled).<br/>Default is 50.
228 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
234 <tr class="config-row expandable config-row-alt1">
235 <td class="micon"><a class="exi" href="#expand"> </a></td>
238 <a id="Roo.grid.Grid-cfg-autoHeight" name=".autoHeight"></a>
239 <div class="fixedFont">
240 <b class="itemname">autoHeight</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
246 <div class="short">True to fit the height of the grid container to the height of the data.</div>
251 True to fit the height of the grid container to the height of the data. Default is false.
261 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
267 <tr class="config-row expandable config-row-alt0">
268 <td class="micon"><a class="exi" href="#expand"> </a></td>
271 <a id="Roo.grid.Grid-cfg-autoSizeColumns" name=".autoSizeColumns"></a>
272 <div class="fixedFont">
273 <b class="itemname">autoSizeColumns</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
279 <div class="short">True to automatically resize the columns to fit their content<br/><b>on initial render.</div>
284 True to automatically resize the columns to fit their content<br/><b>on initial render.</b> It is more efficient to explicitly size the columns<br/>through the ColumnModel's {<b>link</b> Roo.grid.ColumnModel<b>width</b>} config option. Default is false.
294 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
300 <tr class="config-row expandable config-row-alt1">
301 <td class="micon"><a class="exi" href="#expand"> </a></td>
304 <a id="Roo.grid.Grid-cfg-autoSizeHeaders" name=".autoSizeHeaders"></a>
305 <div class="fixedFont">
306 <b class="itemname">autoSizeHeaders</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
312 <div class="short">True to measure headers with column data when auto sizing columns.</div>
317 True to measure headers with column data when auto sizing columns. Default is true.
327 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
333 <tr class="config-row expandable config-row-alt0">
334 <td class="micon"><a class="exi" href="#expand"> </a></td>
337 <a id="Roo.grid.Grid-cfg-autoWidth" name=".autoWidth"></a>
338 <div class="fixedFont">
339 <b class="itemname">autoWidth</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
345 <div class="short">True to set the grid's width to the default total width of the grid's columns instead<br/>of a fixed width.</div>
350 True to set the grid's width to the default total width of the grid's columns instead<br/>of a fixed width. Default is false.
360 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
366 <tr class="config-row expandable config-row-alt1 notInherited">
367 <td class="micon"><a class="exi" href="#expand"> </a></td>
370 <a id="Roo.grid.EditorGrid-cfg-clicksToEdit" name=".clicksToEdit"></a>
371 <div class="fixedFont">
372 <b class="itemname">clicksToEdit</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
378 <div class="short">The number of clicks on a cell required to display the cell's editor (defaults to 2)</div>
383 The number of clicks on a cell required to display the cell's editor (defaults to 2)
399 <tr class="config-row expandable config-row-alt0">
400 <td class="micon"><a class="exi" href="#expand"> </a></td>
403 <a id="Roo.grid.Grid-cfg-ddGroup" name=".ddGroup"></a>
404 <div class="fixedFont">
405 <b class="itemname">ddGroup</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
411 <div class="short">- drag drop group.</div>
426 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
432 <tr class="config-row expandable config-row-alt1">
433 <td class="micon"><a class="exi" href="#expand"> </a></td>
436 <a id="Roo.grid.Grid-cfg-dropTarget" name=".dropTarget"></a>
437 <div class="fixedFont">
438 <b class="itemname">dropTarget</b> : <a href="./Roo.dd.DropTarget.html#constructor" roo:cls="Roo.dd.DropTarget.html#constructor">Roo.dd.DropTarget</a>
444 <div class="short">An {<b>link</b> Roo.dd.DropTarget} config</div>
449 An {<b>link</b> Roo.dd.DropTarget} config
459 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
465 <tr class="config-row expandable config-row-alt0">
466 <td class="micon"><a class="exi" href="#expand"> </a></td>
469 <a id="Roo.grid.Grid-cfg-enableColumnHide" name=".enableColumnHide"></a>
470 <div class="fixedFont">
471 <b class="itemname">enableColumnHide</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
477 <div class="short">True to enable hiding of columns with the header context menu.</div>
482 True to enable hiding of columns with the header context menu. Default is true.
492 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
498 <tr class="config-row expandable config-row-alt1">
499 <td class="micon"><a class="exi" href="#expand"> </a></td>
502 <a id="Roo.grid.Grid-cfg-enableColumnMove" name=".enableColumnMove"></a>
503 <div class="fixedFont">
504 <b class="itemname">enableColumnMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
510 <div class="short">True to enable drag and drop reorder of columns.</div>
515 True to enable drag and drop reorder of columns. Default is true.
525 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
531 <tr class="config-row expandable config-row-alt0">
532 <td class="micon"><a class="exi" href="#expand"> </a></td>
535 <a id="Roo.grid.Grid-cfg-enableDrag" name=".enableDrag"></a>
536 <div class="fixedFont">
537 <b class="itemname">enableDrag</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
543 <div class="short">True to enable drag of rows.</div>
548 True to enable drag of rows. Default is false. (double check if this is needed?)
558 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
564 <tr class="config-row expandable config-row-alt1">
565 <td class="micon"><a class="exi" href="#expand"> </a></td>
568 <a id="Roo.grid.Grid-cfg-enableDragDrop" name=".enableDragDrop"></a>
569 <div class="fixedFont">
570 <b class="itemname">enableDragDrop</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
576 <div class="short">True to enable drag and drop of rows.</div>
581 True to enable drag and drop of rows. Default is false.
591 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
597 <tr class="config-row expandable config-row-alt0">
598 <td class="micon"><a class="exi" href="#expand"> </a></td>
601 <a id="Roo.grid.Grid-cfg-enableRowHeightSync" name=".enableRowHeightSync"></a>
602 <div class="fixedFont">
603 <b class="itemname">enableRowHeightSync</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
609 <div class="short">True to manually sync row heights across locked and not locked rows.</div>
614 True to manually sync row heights across locked and not locked rows. Default is false.
624 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
630 <tr class="config-row expandable config-row-alt1">
631 <td class="micon"><a class="exi" href="#expand"> </a></td>
634 <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
635 <div class="fixedFont">
636 <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
642 <div class="short">list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/> listeners : { <br/> 'click' : function(e) {<br/> .</div>
647 list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/> listeners : { <br/> 'click' : function(e) {<br/> ..... <br/> } ,<br/> .... <br/> } <br/> </code></pre>
657 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
663 <tr class="config-row expandable config-row-alt0">
664 <td class="micon"><a class="exi" href="#expand"> </a></td>
667 <a id="Roo.grid.Grid-cfg-loadMask" name=".loadMask"></a>
668 <div class="fixedFont">
669 <b class="itemname">loadMask</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
675 <div class="short">An {<b>link</b> Roo.LoadMask} config or true to mask the grid while loading.</div>
680 An {<b>link</b> Roo.LoadMask} config or true to mask the grid while loading. Default is false.
690 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
696 <tr class="config-row expandable config-row-alt1">
697 <td class="micon"><a class="exi" href="#expand"> </a></td>
700 <a id="Roo.grid.Grid-cfg-maxHeight" name=".maxHeight"></a>
701 <div class="fixedFont">
702 <b class="itemname">maxHeight</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
708 <div class="short">Sets the maximum height of the grid - ignored if autoHeight is not on.</div>
713 Sets the maximum height of the grid - ignored if autoHeight is not on.
723 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
729 <tr class="config-row expandable config-row-alt0">
730 <td class="micon"><a class="exi" href="#expand"> </a></td>
733 <a id="Roo.grid.Grid-cfg-maxRowsToMeasure" name=".maxRowsToMeasure"></a>
734 <div class="fixedFont">
735 <b class="itemname">maxRowsToMeasure</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
741 <div class="short">If autoSizeColumns is on, maxRowsToMeasure can be used to limit the number of<br/>rows measured to get a columns size.</div>
746 If autoSizeColumns is on, maxRowsToMeasure can be used to limit the number of<br/>rows measured to get a columns size. Default is 0 (all rows).
756 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
762 <tr class="config-row expandable config-row-alt1">
763 <td class="micon"><a class="exi" href="#expand"> </a></td>
766 <a id="Roo.grid.Grid-cfg-minColumnWidth" name=".minColumnWidth"></a>
767 <div class="fixedFont">
768 <b class="itemname">minColumnWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
774 <div class="short">The minimum width a column can be resized to.</div>
779 The minimum width a column can be resized to. Default is 25.
789 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
795 <tr class="config-row expandable config-row-alt0">
796 <td class="micon"><a class="exi" href="#expand"> </a></td>
799 <a id="Roo.grid.Grid-cfg-monitorWindowResize" name=".monitorWindowResize"></a>
800 <div class="fixedFont">
801 <b class="itemname">monitorWindowResize</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
807 <div class="short">True to autoSize the grid when the window resizes.</div>
812 True to autoSize the grid when the window resizes. Default is true.
822 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
828 <tr class="config-row expandable config-row-alt1">
829 <td class="micon"><a class="exi" href="#expand"> </a></td>
832 <a id="Roo.grid.Grid-cfg-stripeRows" name=".stripeRows"></a>
833 <div class="fixedFont">
834 <b class="itemname">stripeRows</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
840 <div class="short">True to stripe the rows.</div>
845 True to stripe the rows. Default is true.
855 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
861 <tr class="config-row expandable config-row-alt0">
862 <td class="micon"><a class="exi" href="#expand"> </a></td>
865 <a id="Roo.grid.Grid-cfg-trackMouseOver" name=".trackMouseOver"></a>
866 <div class="fixedFont">
867 <b class="itemname">trackMouseOver</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
873 <div class="short">True to highlight rows when the mouse is over.</div>
878 True to highlight rows when the mouse is over. Default is true.
888 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
894 <tr class="config-row expandable config-row-alt1">
895 <td class="micon"><a class="exi" href="#expand"> </a></td>
898 <a id="Roo.grid.Grid-cfg-view" name=".view"></a>
899 <div class="fixedFont">
900 <b class="itemname">view</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
906 <div class="short">The {<b>link</b> Roo.grid.GridView} used by the grid.</div>
911 The {<b>link</b> Roo.grid.GridView} used by the grid. This can be set before a call to render().
921 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
937 <!-- ============================== public properties ==================== -->
941 <a id="Roo.grid.EditorGrid-props"></a>
947 <table cellspacing="0" class="member-table">
948 <caption class="Empty">Public Properties - Has None</caption>
954 <!-- ============================== methods summary / details ======================== -->
957 <a id="Roo.grid.EditorGrid-methods"></a>
958 <!-- constructor?? -->
965 <!-- then dynamics first -->
972 <table cellspacing="0" class="member-table">
973 <caption>Public Methods</caption>
975 <th class="sig-header" colspan="2">Method</th>
976 <th class="msource-header">Defined By</th>
986 <tr class="method-row config-row-alt0 expandable notInherited">
987 <td class="micon"><a class="exi" href="#expand"> </a></td>
991 <a id="Roo.grid-method-EditorGrid" name=".EditorGrid"></a>
992 <div class="fixedFont">
993 <span class="attributes">new <B>Roo.grid.</B></span><b class="itemname">EditorGrid</b>
995 (<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>)
1003 <div class="short">Create a new Roo.grid.EditorGrid</div>
1010 Create a new Roo.grid.EditorGrid
1013 <dl class="detailList">
1014 <dt class="heading">Parameters:</dt>
1017 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>container</b>
1020 <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>
1023 <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>
1026 <dd>The data model to bind to</dd>
1029 <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>
1032 <dd>The column model with info about this grid's columns</dd>
1050 <td class="msource">
1056 <tr class="method-row config-row-alt1 expandable">
1057 <td class="micon"><a class="exi" href="#expand"> </a></td>
1061 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
1062 <div class="fixedFont">
1063 <span class="attributes"></span><b class="itemname">addEvents</b>
1065 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
1072 <div class="short">Used to define events on this Observable</div>
1078 Used to define events on this Observable
1085 <dl class="detailList">
1086 <dt class="heading">Parameters:</dt>
1089 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>object</b>
1092 <dd>The object with the events defined</dd>
1110 <td class="msource">
1112 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1118 <tr class="method-row config-row-alt0 expandable">
1119 <td class="micon"><a class="exi" href="#expand"> </a></td>
1123 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
1124 <div class="fixedFont">
1125 <span class="attributes"></span><b class="itemname">addListener</b>
1127 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
1134 <div class="short">Appends an event handler to this component</div>
1140 Appends an event handler to this component
1147 <dl class="detailList">
1148 <dt class="heading">Parameters:</dt>
1151 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1154 <dd>The type of event to listen for</dd>
1157 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1160 <dd>The method the event invokes</dd>
1163 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
1166 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1169 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>options</b>
1172 <dd>(optional) An object containing handler configuration<br/>properties. This may contain any of the following properties:<ul><br/><li>scope {Object} The scope in which to execute the handler function. The handler function's "this" context.</li><br/><li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li><br/><li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li><br/><li>buffer {Number} Causes the handler to be scheduled to run in an {<b>link</b> Roo.util.DelayedTask} delayed<br/>by the specified number of milliseconds. If the event fires again within that time, the original<br/>handler is <em>not</em> invoked, but the new handler is scheduled in its place.</li><br/></ul><br><br/><p><br/><b>Combining Options</b><br><br/>Using the options argument, it is possible to combine different types of listeners:<br><br/><br><br/>A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<br/> <pre><code><br/> el.on('click', this.onClick, this, {<br/> single: true,<br/> delay: 100,<br/> forumId: 4<br/> });<br/> </code></pre><br/><p><br/><b>Attaching multiple handlers in 1 call</b><br><br/>The method also allows for a single argument to be passed which is a config object containing properties<br/>which specify multiple handlers.<br/><pre><code><br/> el.on({<br/> 'click': {<br/> fn: this.onClick,<br/> scope: this,<br/> delay: 100<br/> }, <br/> 'mouseover': {<br/> fn: this.onMouseOver,<br/> scope: this<br/> },<br/> 'mouseout': {<br/> fn: this.onMouseOut,<br/> scope: this<br/> }<br/> });<br/> </code></pre><br/><p><br/>Or a shorthand syntax which passes the same scope object to all handlers:<br/> <pre><code><br/> el.on({<br/> 'click': this.onClick,<br/> 'mouseover': this.onMouseOver,<br/> 'mouseout': this.onMouseOut,<br/> scope: this<br/> });<br/> </code></pre></dd>
1190 <td class="msource">
1192 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1198 <tr class="method-row config-row-alt1 expandable">
1199 <td class="micon"><a class="exi" href="#expand"> </a></td>
1203 <a id="Roo.grid.Grid-method-autoSize" name=".autoSize"></a>
1204 <div class="fixedFont">
1205 <span class="attributes"></span><b class="itemname">autoSize</b>
1214 <div class="short">Causes the grid to manually recalculate its dimensions.</div>
1220 Causes the grid to manually recalculate its dimensions. Generally this is done automatically,<br/>but if manual update is required this method will initiate it.
1241 <td class="msource">
1243 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1249 <tr class="method-row config-row-alt0 expandable">
1250 <td class="micon"><a class="exi" href="#expand"> </a></td>
1254 <a id="Roo.grid.Grid-method-destroy" name=".destroy"></a>
1255 <div class="fixedFont">
1256 <span class="attributes"></span><b class="itemname">destroy</b>
1258 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>removeEl</i></B>)
1265 <div class="short">Destroy this grid.</div>
1278 <dl class="detailList">
1279 <dt class="heading">Parameters:</dt>
1282 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>removeEl</b>
1285 <dd>True to remove the element</dd>
1303 <td class="msource">
1305 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1311 <tr class="method-row config-row-alt1 expandable">
1312 <td class="micon"><a class="exi" href="#expand"> </a></td>
1316 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
1317 <div class="fixedFont">
1318 <span class="attributes"></span><b class="itemname">fireEvent</b>
1320 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a> <B><i>args</i></B>)
1326 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1335 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1341 Fires the specified event with the passed parameters (minus the event name).
1348 <dl class="detailList">
1349 <dt class="heading">Parameters:</dt>
1352 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1358 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a></span> <b>args</b>
1361 <dd>Variable number of parameters are passed to handlers</dd>
1369 <dl class="detailList">
1370 <dt class="heading">Returns:</dt>
1372 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> returns false if any of the handlers return false otherwise it returns true</dd>
1386 <td class="msource">
1388 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1394 <tr class="method-row config-row-alt0 expandable">
1395 <td class="micon"><a class="exi" href="#expand"> </a></td>
1399 <a id="Roo.grid.Grid-method-getColumnModel" name=".getColumnModel"></a>
1400 <div class="fixedFont">
1401 <span class="attributes"></span><b class="itemname">getColumnModel</b>
1418 <div class="short">Returns the grid's ColumnModel.</div>
1424 Returns the grid's ColumnModel.
1435 <dl class="detailList">
1436 <dt class="heading">Returns:</dt>
1438 <dd><span class="fixedFont">ColumnModel</span> </dd>
1452 <td class="msource">
1454 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1460 <tr class="method-row config-row-alt1 expandable">
1461 <td class="micon"><a class="exi" href="#expand"> </a></td>
1465 <a id="Roo.grid.Grid-method-getDataSource" name=".getDataSource"></a>
1466 <div class="fixedFont">
1467 <span class="attributes"></span><b class="itemname">getDataSource</b>
1484 <div class="short">Returns the grid's DataSource.</div>
1490 Returns the grid's DataSource.
1501 <dl class="detailList">
1502 <dt class="heading">Returns:</dt>
1504 <dd><span class="fixedFont">DataSource</span> </dd>
1518 <td class="msource">
1520 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1526 <tr class="method-row config-row-alt0 expandable notInherited">
1527 <td class="micon"><a class="exi" href="#expand"> </a></td>
1531 <a id="Roo.grid.EditorGrid-method-getDragDropText" name=".getDragDropText"></a>
1532 <div class="fixedFont">
1533 <span class="attributes"></span><b class="itemname">getDragDropText</b>
1541 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1550 <div class="short">Called to get grid's drag proxy text, by default returns this.ddText.</div>
1556 Called to get grid's drag proxy text, by default returns this.ddText.
1567 <dl class="detailList">
1568 <dt class="heading">Returns:</dt>
1570 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> </dd>
1584 <td class="msource">
1592 <tr class="method-row config-row-alt1 expandable">
1593 <td class="micon"><a class="exi" href="#expand"> </a></td>
1597 <a id="Roo.grid.Grid-method-getGridEl" name=".getGridEl"></a>
1598 <div class="fixedFont">
1599 <span class="attributes"></span><b class="itemname">getGridEl</b>
1616 <div class="short">Returns the grid's underlying element.</div>
1622 Returns the grid's underlying element.
1633 <dl class="detailList">
1634 <dt class="heading">Returns:</dt>
1636 <dd><span class="fixedFont">Element</span> The element</dd>
1650 <td class="msource">
1652 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1658 <tr class="method-row config-row-alt0 expandable">
1659 <td class="micon"><a class="exi" href="#expand"> </a></td>
1663 <a id="Roo.grid.Grid-method-getSelectionModel" name=".getSelectionModel"></a>
1664 <div class="fixedFont">
1665 <span class="attributes"></span><b class="itemname">getSelectionModel</b>
1682 <div class="short">Returns the grid's SelectionModel.</div>
1688 Returns the grid's SelectionModel.
1699 <dl class="detailList">
1700 <dt class="heading">Returns:</dt>
1702 <dd><span class="fixedFont">SelectionModel</span> </dd>
1716 <td class="msource">
1718 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1724 <tr class="method-row config-row-alt1 expandable">
1725 <td class="micon"><a class="exi" href="#expand"> </a></td>
1729 <a id="Roo.grid.Grid-method-getView" name=".getView"></a>
1730 <div class="fixedFont">
1731 <span class="attributes"></span><b class="itemname">getView</b>
1748 <div class="short">Returns the grid's GridView object.</div>
1754 Returns the grid's GridView object.
1765 <dl class="detailList">
1766 <dt class="heading">Returns:</dt>
1768 <dd><span class="fixedFont">GridView</span> </dd>
1782 <td class="msource">
1784 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1790 <tr class="method-row config-row-alt0 expandable">
1791 <td class="micon"><a class="exi" href="#expand"> </a></td>
1795 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
1796 <div class="fixedFont">
1797 <span class="attributes"></span><b class="itemname">hasListener</b>
1799 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1805 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1814 <div class="short">Checks to see if this object has any listeners for a specified event</div>
1820 Checks to see if this object has any listeners for a specified event
1827 <dl class="detailList">
1828 <dt class="heading">Parameters:</dt>
1831 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1834 <dd>The name of the event to check for</dd>
1842 <dl class="detailList">
1843 <dt class="heading">Returns:</dt>
1845 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> True if the event is being listened for, else false</dd>
1859 <td class="msource">
1861 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1867 <tr class="method-row config-row-alt1 expandable">
1868 <td class="micon"><a class="exi" href="#expand"> </a></td>
1872 <a id="Roo.util.Observable-method-on" name=".on"></a>
1873 <div class="fixedFont">
1874 <span class="attributes"></span><b class="itemname">on</b>
1876 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
1883 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1889 Appends an event handler to this element (shorthand for addListener)
1896 <dl class="detailList">
1897 <dt class="heading">Parameters:</dt>
1900 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1903 <dd>The type of event to listen for</dd>
1906 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1909 <dd>The method the event invokes</dd>
1912 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
1915 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1918 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>options</b>
1939 <td class="msource">
1941 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1947 <tr class="method-row config-row-alt0 expandable">
1948 <td class="micon"><a class="exi" href="#expand"> </a></td>
1952 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
1953 <div class="fixedFont">
1954 <span class="attributes"></span><b class="itemname">purgeListeners</b>
1963 <div class="short">Removes all listeners for this object</div>
1969 Removes all listeners for this object
1990 <td class="msource">
1992 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1998 <tr class="method-row config-row-alt1 expandable">
1999 <td class="micon"><a class="exi" href="#expand"> </a></td>
2003 <a id="Roo.grid.Grid-method-reconfigure" name=".reconfigure"></a>
2004 <div class="fixedFont">
2005 <span class="attributes"></span><b class="itemname">reconfigure</b>
2007 (<a href="./Roo.data.Store.html#constructor" roo:cls="Roo.data.Store.html#constructor">Roo.data.Store</a> <B><i>dataSource</i></B>, <a href="./Roo.grid.ColumnModel.html#constructor" roo:cls="Roo.grid.ColumnModel.html#constructor">Roo.grid.ColumnModel</a> <B><i>The</i></B>)
2014 <div class="short">Reconfigures the grid to use a different Store and Column Model.</div>
2020 Reconfigures the grid to use a different Store and Column Model.<br/>The View will be bound to the new objects and refreshed.
2027 <dl class="detailList">
2028 <dt class="heading">Parameters:</dt>
2031 <span class="fixedFont"><a href="./Roo.data.Store.html#constructor" roo:cls="Roo.data.Store.html#constructor">Roo.data.Store</a></span> <b>dataSource</b>
2034 <dd>The new {<b>link</b> Roo.data.Store} object</dd>
2037 <span class="fixedFont"><a href="./Roo.grid.ColumnModel.html#constructor" roo:cls="Roo.grid.ColumnModel.html#constructor">Roo.grid.ColumnModel</a></span> <b>The</b>
2040 <dd>new {<b>link</b> Roo.grid.ColumnModel} object</dd>
2058 <td class="msource">
2060 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2066 <tr class="method-row config-row-alt0 expandable">
2067 <td class="micon"><a class="exi" href="#expand"> </a></td>
2071 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
2072 <div class="fixedFont">
2073 <span class="attributes"></span><b class="itemname">removeListener</b>
2075 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
2082 <div class="short">Removes a listener</div>
2095 <dl class="detailList">
2096 <dt class="heading">Parameters:</dt>
2099 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2102 <dd>The type of event to listen for</dd>
2105 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2108 <dd>The handler to remove</dd>
2111 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
2114 <dd>(optional) The scope (this object) for the handler</dd>
2132 <td class="msource">
2134 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2140 <tr class="method-row config-row-alt1 expandable">
2141 <td class="micon"><a class="exi" href="#expand"> </a></td>
2145 <a id="Roo.grid.Grid-method-render" name=".render"></a>
2146 <div class="fixedFont">
2147 <span class="attributes"></span><b class="itemname">render</b>
2155 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2164 <div class="short">Called once after all setup has been completed and the grid is ready to be rendered.</div>
2170 Called once after all setup has been completed and the grid is ready to be rendered.
2181 <dl class="detailList">
2182 <dt class="heading">Returns:</dt>
2184 <dd><span class="fixedFont"><a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a></span> this</dd>
2198 <td class="msource">
2200 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2206 <tr class="method-row config-row-alt0 expandable notInherited">
2207 <td class="micon"><a class="exi" href="#expand"> </a></td>
2211 <a id="Roo.grid.EditorGrid-method-startEditing" name=".startEditing"></a>
2212 <div class="fixedFont">
2213 <span class="attributes"></span><b class="itemname">startEditing</b>
2215 (<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>)
2222 <div class="short">Starts editing the specified for the specified row/column</div>
2228 Starts editing the specified for the specified row/column
2235 <dl class="detailList">
2236 <dt class="heading">Parameters:</dt>
2239 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
2245 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>colIndex</b>
2266 <td class="msource">
2274 <tr class="method-row config-row-alt1 expandable notInherited">
2275 <td class="micon"><a class="exi" href="#expand"> </a></td>
2279 <a id="Roo.grid.EditorGrid-method-stopEditing" name=".stopEditing"></a>
2280 <div class="fixedFont">
2281 <span class="attributes"></span><b class="itemname">stopEditing</b>
2290 <div class="short">Stops any active editing</div>
2296 Stops any active editing
2317 <td class="msource">
2325 <tr class="method-row config-row-alt0 expandable">
2326 <td class="micon"><a class="exi" href="#expand"> </a></td>
2330 <a id="Roo.util.Observable-method-un" name=".un"></a>
2331 <div class="fixedFont">
2332 <span class="attributes"></span><b class="itemname">un</b>
2334 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
2341 <div class="short">Removes a listener (shorthand for removeListener)</div>
2347 Removes a listener (shorthand for removeListener)
2354 <dl class="detailList">
2355 <dt class="heading">Parameters:</dt>
2358 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2361 <dd>The type of event to listen for</dd>
2364 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2367 <dd>The handler to remove</dd>
2370 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
2373 <dd>(optional) The scope (this object) for the handler</dd>
2391 <td class="msource">
2393 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2402 <!-- ============================== events summary / details ======================== -->
2405 <a id="Roo.grid.EditorGrid-events"></a>
2414 <table cellspacing="0" class="member-table">
2415 <caption>Events</caption>
2418 <th class="sig-header" colspan="2">Event</th>
2419 <th class="msource-header">Defined By</th>
2428 <tr class="method-row expandable config-row-alt0 notInherited">
2429 <td class="micon"><a class="exi" href="#expand"> </a></td>
2432 <a id="Roo.grid.EditorGrid-event-*afteredit"></a>
2434 <div class="fixedFont">
2435 <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>)
2441 <div class="short">Fires after a cell is edited.
2447 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>
2453 <dl class="detailList">
2454 <dt class="heading">Parameters:</dt>
2457 <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>
2460 <dd>An edit event (see above for description)</dd>
2478 <td class="msource">
2483 <tr class="method-row expandable config-row-alt1 notInherited">
2484 <td class="micon"><a class="exi" href="#expand"> </a></td>
2487 <a id="Roo.grid.EditorGrid-event-*beforeedit"></a>
2489 <div class="fixedFont">
2490 <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>)
2496 <div class="short">Fires before cell editing is triggered.
2502 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>
2508 <dl class="detailList">
2509 <dt class="heading">Parameters:</dt>
2512 <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>
2515 <dd>An edit event (see above for description)</dd>
2533 <td class="msource">
2538 <tr class="method-row expandable config-row-alt0">
2539 <td class="micon"><a class="exi" href="#expand"> </a></td>
2542 <a id="Roo.grid.Grid-event-*bodyscroll"></a>
2544 <div class="fixedFont">
2545 <b class="itemname">bodyscroll</b> (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>scrollLeft</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>scrollTop</i></B>)
2551 <div class="short">Fires when the body element is scrolled
2557 Fires when the body element is scrolled
2563 <dl class="detailList">
2564 <dt class="heading">Parameters:</dt>
2567 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>scrollLeft</b>
2573 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>scrollTop</b>
2594 <td class="msource">
2595 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2599 <tr class="method-row expandable config-row-alt1">
2600 <td class="micon"><a class="exi" href="#expand"> </a></td>
2603 <a id="Roo.grid.Grid-event-*cellclick"></a>
2605 <div class="fixedFont">
2606 <b class="itemname">cellclick</b> (Grid <B><i>this</i></B>, <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>columnIndex</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
2612 <div class="short">Fires when a cell is clicked
2618 Fires when a cell is clicked
2624 <dl class="detailList">
2625 <dt class="heading">Parameters:</dt>
2628 <span class="fixedFont">Grid</span> <b>this</b>
2634 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
2640 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>columnIndex</b>
2646 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2667 <td class="msource">
2668 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2672 <tr class="method-row expandable config-row-alt0">
2673 <td class="micon"><a class="exi" href="#expand"> </a></td>
2676 <a id="Roo.grid.Grid-event-*cellcontextmenu"></a>
2678 <div class="fixedFont">
2679 <b class="itemname">cellcontextmenu</b> (Grid <B><i>this</i></B>, <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>cellIndex</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
2685 <div class="short">Fires when a cell is right clicked
2691 Fires when a cell is right clicked
2697 <dl class="detailList">
2698 <dt class="heading">Parameters:</dt>
2701 <span class="fixedFont">Grid</span> <b>this</b>
2707 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
2713 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>cellIndex</b>
2719 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2740 <td class="msource">
2741 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2745 <tr class="method-row expandable config-row-alt1">
2746 <td class="micon"><a class="exi" href="#expand"> </a></td>
2749 <a id="Roo.grid.Grid-event-*celldblclick"></a>
2751 <div class="fixedFont">
2752 <b class="itemname">celldblclick</b> (Grid <B><i>this</i></B>, <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>columnIndex</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
2758 <div class="short">Fires when a cell is double clicked
2764 Fires when a cell is double clicked
2770 <dl class="detailList">
2771 <dt class="heading">Parameters:</dt>
2774 <span class="fixedFont">Grid</span> <b>this</b>
2780 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
2786 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>columnIndex</b>
2792 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2813 <td class="msource">
2814 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2818 <tr class="method-row expandable config-row-alt0">
2819 <td class="micon"><a class="exi" href="#expand"> </a></td>
2822 <a id="Roo.grid.Grid-event-*click"></a>
2824 <div class="fixedFont">
2825 <b class="itemname">click</b> (<a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
2831 <div class="short">The raw click event for the entire grid.
2837 The raw click event for the entire grid.
2843 <dl class="detailList">
2844 <dt class="heading">Parameters:</dt>
2847 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2868 <td class="msource">
2869 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2873 <tr class="method-row expandable config-row-alt1">
2874 <td class="micon"><a class="exi" href="#expand"> </a></td>
2877 <a id="Roo.grid.Grid-event-*columnmove"></a>
2879 <div class="fixedFont">
2880 <b class="itemname">columnmove</b> (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>oldIndex</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>newIndex</i></B>)
2886 <div class="short">Fires when the user moves a column
2892 Fires when the user moves a column
2898 <dl class="detailList">
2899 <dt class="heading">Parameters:</dt>
2902 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>oldIndex</b>
2908 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>newIndex</b>
2929 <td class="msource">
2930 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2934 <tr class="method-row expandable config-row-alt0">
2935 <td class="micon"><a class="exi" href="#expand"> </a></td>
2938 <a id="Roo.grid.Grid-event-*columnresize"></a>
2940 <div class="fixedFont">
2941 <b class="itemname">columnresize</b> (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>columnIndex</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>newSize</i></B>)
2947 <div class="short">Fires when the user resizes a column
2953 Fires when the user resizes a column
2959 <dl class="detailList">
2960 <dt class="heading">Parameters:</dt>
2963 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>columnIndex</b>
2969 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>newSize</b>
2990 <td class="msource">
2991 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2995 <tr class="method-row expandable config-row-alt1">
2996 <td class="micon"><a class="exi" href="#expand"> </a></td>
2999 <a id="Roo.grid.Grid-event-*contextmenu"></a>
3001 <div class="fixedFont">
3002 <b class="itemname">contextmenu</b> (<a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
3008 <div class="short">The raw contextmenu event for the entire grid.
3014 The raw contextmenu event for the entire grid.
3020 <dl class="detailList">
3021 <dt class="heading">Parameters:</dt>
3024 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3045 <td class="msource">
3046 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3050 <tr class="method-row expandable config-row-alt0">
3051 <td class="micon"><a class="exi" href="#expand"> </a></td>
3054 <a id="Roo.grid.Grid-event-*dblclick"></a>
3056 <div class="fixedFont">
3057 <b class="itemname">dblclick</b> (<a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
3063 <div class="short">The raw dblclick event for the entire grid.
3069 The raw dblclick event for the entire grid.
3075 <dl class="detailList">
3076 <dt class="heading">Parameters:</dt>
3079 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3100 <td class="msource">
3101 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3105 <tr class="method-row expandable config-row-alt1">
3106 <td class="micon"><a class="exi" href="#expand"> </a></td>
3109 <a id="Roo.grid.Grid-event-*dragdrop"></a>
3111 <div class="fixedFont">
3112 <b class="itemname">dragdrop</b> (Grid <B><i>this</i></B>, Roo.GridDD <B><i>dd</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>targetId</i></B>, event <B><i>e</i></B>)
3118 <div class="short">Fires when dragged row(s) are dropped on a valid DD target
3124 Fires when dragged row(s) are dropped on a valid DD target
3130 <dl class="detailList">
3131 <dt class="heading">Parameters:</dt>
3134 <span class="fixedFont">Grid</span> <b>this</b>
3140 <span class="fixedFont">Roo.GridDD</span> <b>dd</b>
3143 <dd>The drag drop object</dd>
3146 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>targetId</b>
3149 <dd>The target drag drop object</dd>
3152 <span class="fixedFont">event</span> <b>e</b>
3155 <dd>The raw browser event</dd>
3173 <td class="msource">
3174 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3178 <tr class="method-row expandable config-row-alt0">
3179 <td class="micon"><a class="exi" href="#expand"> </a></td>
3182 <a id="Roo.grid.Grid-event-*dragenter
3183 Fires when the dragged row(s) first cross another DD target while being dragged"></a>
3185 <div class="fixedFont">
3186 <b class="itemname">dragenter
3187 Fires when the dragged row(s) first cross another DD target while being dragged</b> (Grid <B><i>this</i></B>, Roo.GridDD <B><i>dd</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>targetId</i></B>, event <B><i>e</i></B>)
3205 <dl class="detailList">
3206 <dt class="heading">Parameters:</dt>
3209 <span class="fixedFont">Grid</span> <b>this</b>
3215 <span class="fixedFont">Roo.GridDD</span> <b>dd</b>
3218 <dd>The drag drop object</dd>
3221 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>targetId</b>
3224 <dd>The target drag drop object</dd>
3227 <span class="fixedFont">event</span> <b>e</b>
3230 <dd>The raw browser event</dd>
3248 <td class="msource">
3249 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3253 <tr class="method-row expandable config-row-alt1">
3254 <td class="micon"><a class="exi" href="#expand"> </a></td>
3257 <a id="Roo.grid.Grid-event-*dragout"></a>
3259 <div class="fixedFont">
3260 <b class="itemname">dragout</b> (Grid <B><i>this</i></B>, Roo.GridDD <B><i>dd</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>targetId</i></B>, event <B><i>e</i></B>)
3266 <div class="short">Fires when the dragged row(s) leave another DD target while being dragged
3272 Fires when the dragged row(s) leave another DD target while being dragged
3278 <dl class="detailList">
3279 <dt class="heading">Parameters:</dt>
3282 <span class="fixedFont">Grid</span> <b>this</b>
3288 <span class="fixedFont">Roo.GridDD</span> <b>dd</b>
3291 <dd>The drag drop object</dd>
3294 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>targetId</b>
3297 <dd>The target drag drop object</dd>
3300 <span class="fixedFont">event</span> <b>e</b>
3303 <dd>The raw browser event</dd>
3321 <td class="msource">
3322 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3326 <tr class="method-row expandable config-row-alt0">
3327 <td class="micon"><a class="exi" href="#expand"> </a></td>
3330 <a id="Roo.grid.Grid-event-*dragover"></a>
3332 <div class="fixedFont">
3333 <b class="itemname">dragover</b> (Grid <B><i>this</i></B>, Roo.GridDD <B><i>dd</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>targetId</i></B>, event <B><i>e</i></B>)
3339 <div class="short">Fires while row(s) are being dragged.
3345 Fires while row(s) are being dragged. "targetId" is the id of the Yahoo.util.DD object the selected rows are being dragged over.
3351 <dl class="detailList">
3352 <dt class="heading">Parameters:</dt>
3355 <span class="fixedFont">Grid</span> <b>this</b>
3361 <span class="fixedFont">Roo.GridDD</span> <b>dd</b>
3364 <dd>The drag drop object</dd>
3367 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>targetId</b>
3370 <dd>The target drag drop object</dd>
3373 <span class="fixedFont">event</span> <b>e</b>
3376 <dd>The raw browser event</dd>
3394 <td class="msource">
3395 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3399 <tr class="method-row expandable config-row-alt1">
3400 <td class="micon"><a class="exi" href="#expand"> </a></td>
3403 <a id="Roo.grid.Grid-event-*enddrag"></a>
3405 <div class="fixedFont">
3406 <b class="itemname">enddrag</b> (Grid <B><i>this</i></B>, Roo.GridDD <B><i>dd</i></B>, event <B><i>e</i></B>)
3412 <div class="short">Fires when a drag operation is complete
3418 Fires when a drag operation is complete
3424 <dl class="detailList">
3425 <dt class="heading">Parameters:</dt>
3428 <span class="fixedFont">Grid</span> <b>this</b>
3434 <span class="fixedFont">Roo.GridDD</span> <b>dd</b>
3437 <dd>The drag drop object</dd>
3440 <span class="fixedFont">event</span> <b>e</b>
3443 <dd>The raw browser event</dd>
3461 <td class="msource">
3462 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3466 <tr class="method-row expandable config-row-alt0">
3467 <td class="micon"><a class="exi" href="#expand"> </a></td>
3470 <a id="Roo.grid.Grid-event-*headerclick"></a>
3472 <div class="fixedFont">
3473 <b class="itemname">headerclick</b> (Grid <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>columnIndex</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
3479 <div class="short">Fires when a header is clicked
3485 Fires when a header is clicked
3491 <dl class="detailList">
3492 <dt class="heading">Parameters:</dt>
3495 <span class="fixedFont">Grid</span> <b>this</b>
3501 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>columnIndex</b>
3507 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3528 <td class="msource">
3529 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3533 <tr class="method-row expandable config-row-alt1">
3534 <td class="micon"><a class="exi" href="#expand"> </a></td>
3537 <a id="Roo.grid.Grid-event-*headercontextmenu"></a>
3539 <div class="fixedFont">
3540 <b class="itemname">headercontextmenu</b> (Grid <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>columnIndex</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
3546 <div class="short">Fires when a header is right clicked
3552 Fires when a header is right clicked
3558 <dl class="detailList">
3559 <dt class="heading">Parameters:</dt>
3562 <span class="fixedFont">Grid</span> <b>this</b>
3568 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>columnIndex</b>
3574 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3595 <td class="msource">
3596 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3600 <tr class="method-row expandable config-row-alt0">
3601 <td class="micon"><a class="exi" href="#expand"> </a></td>
3604 <a id="Roo.grid.Grid-event-*headerdblclick"></a>
3606 <div class="fixedFont">
3607 <b class="itemname">headerdblclick</b> (Grid <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>columnIndex</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
3613 <div class="short">Fires when a header cell is double clicked
3619 Fires when a header cell is double clicked
3625 <dl class="detailList">
3626 <dt class="heading">Parameters:</dt>
3629 <span class="fixedFont">Grid</span> <b>this</b>
3635 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>columnIndex</b>
3641 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3662 <td class="msource">
3663 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3667 <tr class="method-row expandable config-row-alt1">
3668 <td class="micon"><a class="exi" href="#expand"> </a></td>
3671 <a id="Roo.grid.Grid-event-*keydown"></a>
3673 <div class="fixedFont">
3674 <b class="itemname">keydown</b> (<a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
3680 <div class="short">The raw keydown event for the entire grid.
3686 The raw keydown event for the entire grid.
3692 <dl class="detailList">
3693 <dt class="heading">Parameters:</dt>
3696 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3717 <td class="msource">
3718 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3722 <tr class="method-row expandable config-row-alt0">
3723 <td class="micon"><a class="exi" href="#expand"> </a></td>
3726 <a id="Roo.grid.Grid-event-*keypress"></a>
3728 <div class="fixedFont">
3729 <b class="itemname">keypress</b> (<a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
3735 <div class="short">The raw keypress event for the entire grid.
3741 The raw keypress event for the entire grid.
3747 <dl class="detailList">
3748 <dt class="heading">Parameters:</dt>
3751 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3772 <td class="msource">
3773 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3777 <tr class="method-row expandable config-row-alt1">
3778 <td class="micon"><a class="exi" href="#expand"> </a></td>
3781 <a id="Roo.grid.Grid-event-*mousedown"></a>
3783 <div class="fixedFont">
3784 <b class="itemname">mousedown</b> (<a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
3790 <div class="short">The raw mousedown event for the entire grid.
3796 The raw mousedown event for the entire grid.
3802 <dl class="detailList">
3803 <dt class="heading">Parameters:</dt>
3806 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3827 <td class="msource">
3828 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3832 <tr class="method-row expandable config-row-alt0">
3833 <td class="micon"><a class="exi" href="#expand"> </a></td>
3836 <a id="Roo.grid.Grid-event-*mouseout"></a>
3838 <div class="fixedFont">
3839 <b class="itemname">mouseout</b> (<a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
3845 <div class="short">The raw mouseout event for the entire grid.
3851 The raw mouseout event for the entire grid.
3857 <dl class="detailList">
3858 <dt class="heading">Parameters:</dt>
3861 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3882 <td class="msource">
3883 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3887 <tr class="method-row expandable config-row-alt1">
3888 <td class="micon"><a class="exi" href="#expand"> </a></td>
3891 <a id="Roo.grid.Grid-event-*mouseover"></a>
3893 <div class="fixedFont">
3894 <b class="itemname">mouseover</b> (<a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
3900 <div class="short">The raw mouseover event for the entire grid.
3906 The raw mouseover event for the entire grid.
3912 <dl class="detailList">
3913 <dt class="heading">Parameters:</dt>
3916 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3937 <td class="msource">
3938 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3942 <tr class="method-row expandable config-row-alt0">
3943 <td class="micon"><a class="exi" href="#expand"> </a></td>
3946 <a id="Roo.grid.Grid-event-*mouseup"></a>
3948 <div class="fixedFont">
3949 <b class="itemname">mouseup</b> (<a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
3955 <div class="short">The raw mouseup event for the entire grid.
3961 The raw mouseup event for the entire grid.
3967 <dl class="detailList">
3968 <dt class="heading">Parameters:</dt>
3971 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3992 <td class="msource">
3993 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3997 <tr class="method-row expandable config-row-alt1">
3998 <td class="micon"><a class="exi" href="#expand"> </a></td>
4001 <a id="Roo.grid.Grid-event-*render"></a>
4003 <div class="fixedFont">
4004 <b class="itemname">render</b> (Grid <B><i>grid</i></B>)
4010 <div class="short">Fires when the grid is rendered
4016 Fires when the grid is rendered
4022 <dl class="detailList">
4023 <dt class="heading">Parameters:</dt>
4026 <span class="fixedFont">Grid</span> <b>grid</b>
4047 <td class="msource">
4048 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4052 <tr class="method-row expandable config-row-alt0">
4053 <td class="micon"><a class="exi" href="#expand"> </a></td>
4056 <a id="Roo.grid.Grid-event-*rowclass"></a>
4058 <div class="fixedFont">
4059 <b class="itemname">rowclass</b> (GridView <B><i>gridview</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>rowcfg</i></B>)
4065 <div class="short">Fires when a row is rendered, so you can change add a style to it.
4071 Fires when a row is rendered, so you can change add a style to it.
4077 <dl class="detailList">
4078 <dt class="heading">Parameters:</dt>
4081 <span class="fixedFont">GridView</span> <b>gridview</b>
4084 <dd>The grid view</dd>
4087 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>rowcfg</b>
4090 <dd>contains record rowIndex and rowClass - set rowClass to add a style.</dd>
4108 <td class="msource">
4109 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4113 <tr class="method-row expandable config-row-alt1">
4114 <td class="micon"><a class="exi" href="#expand"> </a></td>
4117 <a id="Roo.grid.Grid-event-*rowclick"></a>
4119 <div class="fixedFont">
4120 <b class="itemname">rowclick</b> (Grid <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rowIndex</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
4126 <div class="short">Fires when a row is clicked
4132 Fires when a row is clicked
4138 <dl class="detailList">
4139 <dt class="heading">Parameters:</dt>
4142 <span class="fixedFont">Grid</span> <b>this</b>
4148 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
4154 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4175 <td class="msource">
4176 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4180 <tr class="method-row expandable config-row-alt0">
4181 <td class="micon"><a class="exi" href="#expand"> </a></td>
4184 <a id="Roo.grid.Grid-event-*rowcontextmenu"></a>
4186 <div class="fixedFont">
4187 <b class="itemname">rowcontextmenu</b> (Grid <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rowIndex</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
4193 <div class="short">Fires when a row is right clicked
4199 Fires when a row is right clicked
4205 <dl class="detailList">
4206 <dt class="heading">Parameters:</dt>
4209 <span class="fixedFont">Grid</span> <b>this</b>
4215 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
4221 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4242 <td class="msource">
4243 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4247 <tr class="method-row expandable config-row-alt1">
4248 <td class="micon"><a class="exi" href="#expand"> </a></td>
4251 <a id="Roo.grid.Grid-event-*rowdblclick"></a>
4253 <div class="fixedFont">
4254 <b class="itemname">rowdblclick</b> (Grid <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rowIndex</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
4260 <div class="short">Fires when a row is double clicked
4266 Fires when a row is double clicked
4272 <dl class="detailList">
4273 <dt class="heading">Parameters:</dt>
4276 <span class="fixedFont">Grid</span> <b>this</b>
4282 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
4288 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4309 <td class="msource">
4310 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4314 <tr class="method-row expandable config-row-alt0">
4315 <td class="micon"><a class="exi" href="#expand"> </a></td>
4318 <a id="Roo.grid.Grid-event-*startdrag"></a>
4320 <div class="fixedFont">
4321 <b class="itemname">startdrag</b> (Grid <B><i>this</i></B>, Roo.GridDD <B><i>dd</i></B>, event <B><i>e</i></B>)
4327 <div class="short">Fires when row(s) start being dragged
4333 Fires when row(s) start being dragged
4339 <dl class="detailList">
4340 <dt class="heading">Parameters:</dt>
4343 <span class="fixedFont">Grid</span> <b>this</b>
4349 <span class="fixedFont">Roo.GridDD</span> <b>dd</b>
4352 <dd>The drag drop object</dd>
4355 <span class="fixedFont">event</span> <b>e</b>
4358 <dd>The raw browser event</dd>
4376 <td class="msource">
4377 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4381 <tr class="method-row expandable config-row-alt1 notInherited">
4382 <td class="micon"><a class="exi" href="#expand"> </a></td>
4385 <a id="Roo.grid.EditorGrid-event-*validateedit"></a>
4387 <div class="fixedFont">
4388 <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>)
4394 <div class="short">Fires after a cell is edited, but before the value is set in the record.
4400 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>
4406 <dl class="detailList">
4407 <dt class="heading">Parameters:</dt>
4410 <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>
4413 <dd>An edit event (see above for description)</dd>
4431 <td class="msource">
4443 <!-- ============================== footer ================================= -->
4444 <div class="fineprint" style="clear:both">
4446 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Fri Nov 17 2017 18:23:46 GMT+0800 (HKT)
4448 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>