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.PropertyGrid</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.PropertyGrid-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.grid.PropertyGrid-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.grid.PropertyGrid-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.grid.PropertyGrid-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 src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.grid.EditorGrid.html#constructor" roo:cls="Roo.grid.EditorGrid.html#constructor">Roo.grid.EditorGrid</a>
49 <img src="../../images/default/s.gif" height="1" width="60"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.grid.PropertyGrid
54 <!-- ============================== class title / details ============================ -->
57 <h1 class="classTitle">
59 Class Roo.grid.PropertyGrid
62 <table cellspacing="0" class="class-summary-table">
64 <tr><td class="label">Package:</td><td class="hd-info">Roo.grid</td></tr>
66 <tr><td class="label">Defined In:</td><td class="hd-info">
68 <a href="./src/Roo_grid_PropertyGrid.js.html">Roo/grid/PropertyGrid.js</a>.
71 <tr><td class="label">Class:</td><td class="hd-info">PropertyGrid</td></tr>
76 <tr><td class="label">Extends:</td><td class="hd-info">
77 <a href="./Roo.grid.EditorGrid.html#constructor" roo:cls="Roo.grid.EditorGrid.html#constructor">Roo.grid.EditorGrid</a>
85 <!-- ============================== class summary ========================== -->
86 <div class="description">
87 This class represents the interface of a component based property grid control.<br/><br><br>Usage:<pre><code><br/> var grid = new Roo.grid.PropertyGrid("my-container-id", {<br/> <br/> });<br/> // set any options<br/> grid.render();<br/></code></pre>
91 <!-- ============================== Class comment block... ========================== -->
93 <div class="comments">
94 <b>Class Comments / Notes</B> =>
95 <u onclick="parent.CommentDialog.showCommentId = 'Roo.grid.PropertyGrid';">[Add Your comment/notes about this class]</u>
97 <iframe frameborder="0" id="comments-Roo.grid" style="border: none;width:100%;"
98 src="/blog.php/GtkDjsComments/Roo.grid.PropertyGrid.html"></iframe>
103 <!-- ============================== config options ========================== -->
108 <div class="hr"></div>
109 <a id="Roo.grid.PropertyGrid-configs"></a>
115 <table cellspacing="0" class="member-table">
116 <caption>Config Options (Usually are also Properties)</caption>
120 <th class="sig-header" colspan="2">Options</th>
122 <th class="msource-header">Defined By</th>
129 <tr class="config-row expandable config-row-alt0">
130 <td class="micon"><a class="exi" href="#expand"> </a></td>
133 <a id="Roo.grid.Grid-cfg-autoExpandColumn" name=".autoExpandColumn"></a>
134 <div class="fixedFont">
135 <b class="itemname">autoExpandColumn</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
141 <div class="short">The id (or dataIndex) of a column in this grid that should expand to fill unused space.</div>
146 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.
156 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
162 <tr class="config-row expandable config-row-alt1">
163 <td class="micon"><a class="exi" href="#expand"> </a></td>
166 <a id="Roo.grid.Grid-cfg-autoExpandMax" name=".autoExpandMax"></a>
167 <div class="fixedFont">
168 <b class="itemname">autoExpandMax</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
174 <div class="short">The maximum width the autoExpandColumn can have (if enabled).</div>
179 The maximum width the autoExpandColumn can have (if enabled). Default is 1000.
189 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
195 <tr class="config-row expandable config-row-alt0">
196 <td class="micon"><a class="exi" href="#expand"> </a></td>
199 <a id="Roo.grid.Grid-cfg-autoExpandMin" name=".autoExpandMin"></a>
200 <div class="fixedFont">
201 <b class="itemname">autoExpandMin</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
207 <div class="short">The minimum width the autoExpandColumn can have (if enabled).</div>
212 The minimum width the autoExpandColumn can have (if enabled).<br/>Default is 50.
222 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
228 <tr class="config-row expandable config-row-alt1">
229 <td class="micon"><a class="exi" href="#expand"> </a></td>
232 <a id="Roo.grid.Grid-cfg-autoHeight" name=".autoHeight"></a>
233 <div class="fixedFont">
234 <b class="itemname">autoHeight</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
240 <div class="short">True to fit the height of the grid container to the height of the data.</div>
245 True to fit the height of the grid container to the height of the data. Default is false.
255 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
261 <tr class="config-row expandable config-row-alt0">
262 <td class="micon"><a class="exi" href="#expand"> </a></td>
265 <a id="Roo.grid.Grid-cfg-autoSizeColumns" name=".autoSizeColumns"></a>
266 <div class="fixedFont">
267 <b class="itemname">autoSizeColumns</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
273 <div class="short">True to automatically resize the columns to fit their content<br/><b>on initial render.</div>
278 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.
288 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
294 <tr class="config-row expandable config-row-alt1">
295 <td class="micon"><a class="exi" href="#expand"> </a></td>
298 <a id="Roo.grid.Grid-cfg-autoSizeHeaders" name=".autoSizeHeaders"></a>
299 <div class="fixedFont">
300 <b class="itemname">autoSizeHeaders</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
306 <div class="short">True to measure headers with column data when auto sizing columns.</div>
311 True to measure headers with column data when auto sizing columns. Default is true.
321 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
327 <tr class="config-row expandable config-row-alt0">
328 <td class="micon"><a class="exi" href="#expand"> </a></td>
331 <a id="Roo.grid.Grid-cfg-autoWidth" name=".autoWidth"></a>
332 <div class="fixedFont">
333 <b class="itemname">autoWidth</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
339 <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>
344 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.
354 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
360 <tr class="config-row expandable config-row-alt1">
361 <td class="micon"><a class="exi" href="#expand"> </a></td>
364 <a id="Roo.grid.EditorGrid-cfg-clicksToEdit" name=".clicksToEdit"></a>
365 <div class="fixedFont">
366 <b class="itemname">clicksToEdit</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
372 <div class="short">The number of clicks on a cell required to display the cell's editor (defaults to 2)</div>
377 The number of clicks on a cell required to display the cell's editor (defaults to 2)
387 <a href="./Roo.grid.EditorGrid.html#constructor" roo:cls="Roo.grid.EditorGrid.html#constructor">Roo.grid.EditorGrid</a>
393 <tr class="config-row expandable config-row-alt0 notInherited">
394 <td class="micon"><a class="exi" href="#expand"> </a></td>
397 <a id="Roo.grid.PropertyGrid-cfg-customEditors" name=".customEditors"></a>
398 <div class="fixedFont">
399 <b class="itemname">customEditors</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
405 <div class="short">map of colnames=> custom editors.</div>
410 map of colnames=> custom editors.<br/>the custom editor can be one of the standard ones (date|string|number|int|boolean), or a<br/>grid editor eg. Roo.grid.GridEditor(new Roo.form.TextArea({selectOnFocus:true})),<br/>false disables editing of the field.
420 Roo.grid.PropertyGrid
426 <tr class="config-row expandable config-row-alt1">
427 <td class="micon"><a class="exi" href="#expand"> </a></td>
430 <a id="Roo.grid.Grid-cfg-ddGroup" name=".ddGroup"></a>
431 <div class="fixedFont">
432 <b class="itemname">ddGroup</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
438 <div class="short">- drag drop group.</div>
453 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
459 <tr class="config-row expandable config-row-alt0">
460 <td class="micon"><a class="exi" href="#expand"> </a></td>
463 <a id="Roo.grid.Grid-cfg-dropTarget" name=".dropTarget"></a>
464 <div class="fixedFont">
465 <b class="itemname">dropTarget</b> : <a href="./Roo.dd.DropTarget.html#constructor" roo:cls="Roo.dd.DropTarget.html#constructor">Roo.dd.DropTarget</a>
471 <div class="short">An {<b>link</b> Roo.dd.DropTarget} config</div>
476 An {<b>link</b> Roo.dd.DropTarget} config
486 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
492 <tr class="config-row expandable config-row-alt1">
493 <td class="micon"><a class="exi" href="#expand"> </a></td>
496 <a id="Roo.grid.Grid-cfg-enableColumnHide" name=".enableColumnHide"></a>
497 <div class="fixedFont">
498 <b class="itemname">enableColumnHide</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
504 <div class="short">True to enable hiding of columns with the header context menu.</div>
509 True to enable hiding of columns with the header context menu. Default is true.
519 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
525 <tr class="config-row expandable config-row-alt0">
526 <td class="micon"><a class="exi" href="#expand"> </a></td>
529 <a id="Roo.grid.Grid-cfg-enableColumnMove" name=".enableColumnMove"></a>
530 <div class="fixedFont">
531 <b class="itemname">enableColumnMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
537 <div class="short">True to enable drag and drop reorder of columns.</div>
542 True to enable drag and drop reorder of columns. Default is true.
552 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
558 <tr class="config-row expandable config-row-alt1">
559 <td class="micon"><a class="exi" href="#expand"> </a></td>
562 <a id="Roo.grid.Grid-cfg-enableDrag" name=".enableDrag"></a>
563 <div class="fixedFont">
564 <b class="itemname">enableDrag</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
570 <div class="short">True to enable drag of rows.</div>
575 True to enable drag of rows. Default is false. (double check if this is needed?)
585 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
591 <tr class="config-row expandable config-row-alt0">
592 <td class="micon"><a class="exi" href="#expand"> </a></td>
595 <a id="Roo.grid.Grid-cfg-enableDragDrop" name=".enableDragDrop"></a>
596 <div class="fixedFont">
597 <b class="itemname">enableDragDrop</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
603 <div class="short">True to enable drag and drop of rows.</div>
608 True to enable drag and drop of rows. Default is false.
618 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
624 <tr class="config-row expandable config-row-alt1">
625 <td class="micon"><a class="exi" href="#expand"> </a></td>
628 <a id="Roo.grid.Grid-cfg-enableRowHeightSync" name=".enableRowHeightSync"></a>
629 <div class="fixedFont">
630 <b class="itemname">enableRowHeightSync</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
636 <div class="short">True to manually sync row heights across locked and not locked rows.</div>
641 True to manually sync row heights across locked and not locked rows. Default is false.
651 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
657 <tr class="config-row expandable config-row-alt0">
658 <td class="micon"><a class="exi" href="#expand"> </a></td>
661 <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
662 <div class="fixedFont">
663 <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
669 <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>
674 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>
684 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
690 <tr class="config-row expandable config-row-alt1">
691 <td class="micon"><a class="exi" href="#expand"> </a></td>
694 <a id="Roo.grid.Grid-cfg-loadMask" name=".loadMask"></a>
695 <div class="fixedFont">
696 <b class="itemname">loadMask</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
702 <div class="short">An {<b>link</b> Roo.LoadMask} config or true to mask the grid while loading.</div>
707 An {<b>link</b> Roo.LoadMask} config or true to mask the grid while loading. Default is false.
717 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
723 <tr class="config-row expandable config-row-alt0">
724 <td class="micon"><a class="exi" href="#expand"> </a></td>
727 <a id="Roo.grid.Grid-cfg-maxHeight" name=".maxHeight"></a>
728 <div class="fixedFont">
729 <b class="itemname">maxHeight</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
735 <div class="short">Sets the maximum height of the grid - ignored if autoHeight is not on.</div>
740 Sets the maximum height of the grid - ignored if autoHeight is not on.
750 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
756 <tr class="config-row expandable config-row-alt1">
757 <td class="micon"><a class="exi" href="#expand"> </a></td>
760 <a id="Roo.grid.Grid-cfg-maxRowsToMeasure" name=".maxRowsToMeasure"></a>
761 <div class="fixedFont">
762 <b class="itemname">maxRowsToMeasure</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
768 <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>
773 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).
783 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
789 <tr class="config-row expandable config-row-alt0">
790 <td class="micon"><a class="exi" href="#expand"> </a></td>
793 <a id="Roo.grid.Grid-cfg-minColumnWidth" name=".minColumnWidth"></a>
794 <div class="fixedFont">
795 <b class="itemname">minColumnWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
801 <div class="short">The minimum width a column can be resized to.</div>
806 The minimum width a column can be resized to. Default is 25.
816 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
822 <tr class="config-row expandable config-row-alt1">
823 <td class="micon"><a class="exi" href="#expand"> </a></td>
826 <a id="Roo.grid.Grid-cfg-monitorWindowResize" name=".monitorWindowResize"></a>
827 <div class="fixedFont">
828 <b class="itemname">monitorWindowResize</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
834 <div class="short">True to autoSize the grid when the window resizes.</div>
839 True to autoSize the grid when the window resizes. Default is true.
849 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
855 <tr class="config-row expandable config-row-alt0 notInherited">
856 <td class="micon"><a class="exi" href="#expand"> </a></td>
859 <a id="Roo.grid.PropertyGrid-cfg-propertyNames" name=".propertyNames"></a>
860 <div class="fixedFont">
861 <b class="itemname">propertyNames</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
867 <div class="short">map of property Names to their displayed value</div>
872 map of property Names to their displayed value
882 Roo.grid.PropertyGrid
888 <tr class="config-row expandable config-row-alt1">
889 <td class="micon"><a class="exi" href="#expand"> </a></td>
892 <a id="Roo.grid.Grid-cfg-stripeRows" name=".stripeRows"></a>
893 <div class="fixedFont">
894 <b class="itemname">stripeRows</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
900 <div class="short">True to stripe the rows.</div>
905 True to stripe the rows. Default is true.
915 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
921 <tr class="config-row expandable config-row-alt0">
922 <td class="micon"><a class="exi" href="#expand"> </a></td>
925 <a id="Roo.grid.Grid-cfg-trackMouseOver" name=".trackMouseOver"></a>
926 <div class="fixedFont">
927 <b class="itemname">trackMouseOver</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
933 <div class="short">True to highlight rows when the mouse is over.</div>
938 True to highlight rows when the mouse is over. Default is true.
948 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
954 <tr class="config-row expandable config-row-alt1">
955 <td class="micon"><a class="exi" href="#expand"> </a></td>
958 <a id="Roo.grid.Grid-cfg-view" name=".view"></a>
959 <div class="fixedFont">
960 <b class="itemname">view</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
966 <div class="short">The {<b>link</b> Roo.grid.GridView} used by the grid.</div>
971 The {<b>link</b> Roo.grid.GridView} used by the grid. This can be set before a call to render().
981 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
997 <!-- ============================== public properties ==================== -->
1001 <a id="Roo.grid.PropertyGrid-props"></a>
1007 <table cellspacing="0" class="member-table">
1008 <caption class="Empty">Public Properties - Has None</caption>
1014 <!-- ============================== methods summary / details ======================== -->
1017 <a id="Roo.grid.PropertyGrid-methods"></a>
1018 <!-- constructor?? -->
1025 <!-- then dynamics first -->
1032 <table cellspacing="0" class="member-table">
1033 <caption>Public Methods</caption>
1035 <th class="sig-header" colspan="2">Method</th>
1036 <th class="msource-header">Defined By</th>
1046 <tr class="method-row config-row-alt0 expandable notInherited">
1047 <td class="micon"><a class="exi" href="#expand"> </a></td>
1051 <a id="Roo.grid-method-PropertyGrid" name=".PropertyGrid"></a>
1052 <div class="fixedFont">
1053 <span class="attributes">new <B>Roo.grid.</B></span><b class="itemname">PropertyGrid</b>
1055 (<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>config</i></B>)
1063 <div class="short">Create a new Roo.grid.PropertyGrid</div>
1070 Create a new Roo.grid.PropertyGrid
1073 <dl class="detailList">
1074 <dt class="heading">Parameters:</dt>
1077 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Roo.Element</span> <b>container</b>
1080 <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>
1083 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
1086 <dd>A config object that sets properties on this grid.</dd>
1104 <td class="msource">
1110 <tr class="method-row config-row-alt1 expandable">
1111 <td class="micon"><a class="exi" href="#expand"> </a></td>
1115 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
1116 <div class="fixedFont">
1117 <span class="attributes"></span><b class="itemname">addEvents</b>
1119 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
1126 <div class="short">Used to define events on this Observable</div>
1132 Used to define events on this Observable
1139 <dl class="detailList">
1140 <dt class="heading">Parameters:</dt>
1143 <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>
1146 <dd>The object with the events defined</dd>
1164 <td class="msource">
1166 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1172 <tr class="method-row config-row-alt0 expandable">
1173 <td class="micon"><a class="exi" href="#expand"> </a></td>
1177 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
1178 <div class="fixedFont">
1179 <span class="attributes"></span><b class="itemname">addListener</b>
1181 (<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>)
1188 <div class="short">Appends an event handler to this component</div>
1194 Appends an event handler to this component
1201 <dl class="detailList">
1202 <dt class="heading">Parameters:</dt>
1205 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1208 <dd>The type of event to listen for</dd>
1211 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1214 <dd>The method the event invokes</dd>
1217 <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>
1220 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1223 <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>
1226 <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>
1244 <td class="msource">
1246 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1252 <tr class="method-row config-row-alt1 expandable">
1253 <td class="micon"><a class="exi" href="#expand"> </a></td>
1257 <a id="Roo.grid.Grid-method-autoSize" name=".autoSize"></a>
1258 <div class="fixedFont">
1259 <span class="attributes"></span><b class="itemname">autoSize</b>
1268 <div class="short">Causes the grid to manually recalculate its dimensions.</div>
1274 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.
1295 <td class="msource">
1297 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1303 <tr class="method-row config-row-alt0 expandable">
1304 <td class="micon"><a class="exi" href="#expand"> </a></td>
1308 <a id="Roo.grid.Grid-method-destroy" name=".destroy"></a>
1309 <div class="fixedFont">
1310 <span class="attributes"></span><b class="itemname">destroy</b>
1312 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>removeEl</i></B>)
1319 <div class="short">Destroy this grid.</div>
1332 <dl class="detailList">
1333 <dt class="heading">Parameters:</dt>
1336 <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>
1339 <dd>True to remove the element</dd>
1357 <td class="msource">
1359 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1365 <tr class="method-row config-row-alt1 expandable">
1366 <td class="micon"><a class="exi" href="#expand"> </a></td>
1370 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
1371 <div class="fixedFont">
1372 <span class="attributes"></span><b class="itemname">fireEvent</b>
1374 (<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>)
1380 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1389 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1395 Fires the specified event with the passed parameters (minus the event name).
1402 <dl class="detailList">
1403 <dt class="heading">Parameters:</dt>
1406 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1412 <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>
1415 <dd>Variable number of parameters are passed to handlers</dd>
1423 <dl class="detailList">
1424 <dt class="heading">Returns:</dt>
1426 <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>
1440 <td class="msource">
1442 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1448 <tr class="method-row config-row-alt0 expandable">
1449 <td class="micon"><a class="exi" href="#expand"> </a></td>
1453 <a id="Roo.grid.Grid-method-getColumnModel" name=".getColumnModel"></a>
1454 <div class="fixedFont">
1455 <span class="attributes"></span><b class="itemname">getColumnModel</b>
1472 <div class="short">Returns the grid's ColumnModel.</div>
1478 Returns the grid's ColumnModel.
1489 <dl class="detailList">
1490 <dt class="heading">Returns:</dt>
1492 <dd><span class="fixedFont">ColumnModel</span> </dd>
1506 <td class="msource">
1508 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1514 <tr class="method-row config-row-alt1 expandable">
1515 <td class="micon"><a class="exi" href="#expand"> </a></td>
1519 <a id="Roo.grid.Grid-method-getDataSource" name=".getDataSource"></a>
1520 <div class="fixedFont">
1521 <span class="attributes"></span><b class="itemname">getDataSource</b>
1538 <div class="short">Returns the grid's DataSource.</div>
1544 Returns the grid's DataSource.
1555 <dl class="detailList">
1556 <dt class="heading">Returns:</dt>
1558 <dd><span class="fixedFont">DataSource</span> </dd>
1572 <td class="msource">
1574 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1580 <tr class="method-row config-row-alt0 expandable">
1581 <td class="micon"><a class="exi" href="#expand"> </a></td>
1585 <a id="Roo.grid.EditorGrid-method-getDragDropText" name=".getDragDropText"></a>
1586 <div class="fixedFont">
1587 <span class="attributes"></span><b class="itemname">getDragDropText</b>
1595 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1604 <div class="short">Called to get grid's drag proxy text, by default returns this.ddText.</div>
1610 Called to get grid's drag proxy text, by default returns this.ddText.
1621 <dl class="detailList">
1622 <dt class="heading">Returns:</dt>
1624 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> </dd>
1638 <td class="msource">
1640 <a href="./Roo.grid.EditorGrid.html#constructor" roo:cls="Roo.grid.EditorGrid.html#constructor">Roo.grid.EditorGrid</a>
1646 <tr class="method-row config-row-alt1 expandable">
1647 <td class="micon"><a class="exi" href="#expand"> </a></td>
1651 <a id="Roo.grid.Grid-method-getGridEl" name=".getGridEl"></a>
1652 <div class="fixedFont">
1653 <span class="attributes"></span><b class="itemname">getGridEl</b>
1670 <div class="short">Returns the grid's underlying element.</div>
1676 Returns the grid's underlying element.
1687 <dl class="detailList">
1688 <dt class="heading">Returns:</dt>
1690 <dd><span class="fixedFont">Element</span> The element</dd>
1704 <td class="msource">
1706 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1712 <tr class="method-row config-row-alt0 expandable">
1713 <td class="micon"><a class="exi" href="#expand"> </a></td>
1717 <a id="Roo.grid.Grid-method-getSelectionModel" name=".getSelectionModel"></a>
1718 <div class="fixedFont">
1719 <span class="attributes"></span><b class="itemname">getSelectionModel</b>
1736 <div class="short">Returns the grid's SelectionModel.</div>
1742 Returns the grid's SelectionModel.
1753 <dl class="detailList">
1754 <dt class="heading">Returns:</dt>
1756 <dd><span class="fixedFont">SelectionModel</span> </dd>
1770 <td class="msource">
1772 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1778 <tr class="method-row config-row-alt1 expandable notInherited">
1779 <td class="micon"><a class="exi" href="#expand"> </a></td>
1783 <a id="Roo.grid.PropertyGrid-method-getSource" name=".getSource"></a>
1784 <div class="fixedFont">
1785 <span class="attributes"></span><b class="itemname">getSource</b>
1793 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1802 <div class="short">Gets all the data from the grid.</div>
1808 Gets all the data from the grid.
1819 <dl class="detailList">
1820 <dt class="heading">Returns:</dt>
1822 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> data data stored in grid</dd>
1836 <td class="msource">
1838 Roo.grid.PropertyGrid
1844 <tr class="method-row config-row-alt0 expandable">
1845 <td class="micon"><a class="exi" href="#expand"> </a></td>
1849 <a id="Roo.grid.Grid-method-getView" name=".getView"></a>
1850 <div class="fixedFont">
1851 <span class="attributes"></span><b class="itemname">getView</b>
1868 <div class="short">Returns the grid's GridView object.</div>
1874 Returns the grid's GridView object.
1885 <dl class="detailList">
1886 <dt class="heading">Returns:</dt>
1888 <dd><span class="fixedFont">GridView</span> </dd>
1902 <td class="msource">
1904 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
1910 <tr class="method-row config-row-alt1 expandable">
1911 <td class="micon"><a class="exi" href="#expand"> </a></td>
1915 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
1916 <div class="fixedFont">
1917 <span class="attributes"></span><b class="itemname">hasListener</b>
1919 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1925 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1934 <div class="short">Checks to see if this object has any listeners for a specified event</div>
1940 Checks to see if this object has any listeners for a specified event
1947 <dl class="detailList">
1948 <dt class="heading">Parameters:</dt>
1951 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1954 <dd>The name of the event to check for</dd>
1962 <dl class="detailList">
1963 <dt class="heading">Returns:</dt>
1965 <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>
1979 <td class="msource">
1981 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1987 <tr class="method-row config-row-alt0 expandable">
1988 <td class="micon"><a class="exi" href="#expand"> </a></td>
1992 <a id="Roo.util.Observable-method-on" name=".on"></a>
1993 <div class="fixedFont">
1994 <span class="attributes"></span><b class="itemname">on</b>
1996 (<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>)
2003 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
2009 Appends an event handler to this element (shorthand for addListener)
2016 <dl class="detailList">
2017 <dt class="heading">Parameters:</dt>
2020 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2023 <dd>The type of event to listen for</dd>
2026 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2029 <dd>The method the event invokes</dd>
2032 <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>
2035 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2038 <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>
2059 <td class="msource">
2061 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2067 <tr class="method-row config-row-alt1 expandable">
2068 <td class="micon"><a class="exi" href="#expand"> </a></td>
2072 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
2073 <div class="fixedFont">
2074 <span class="attributes"></span><b class="itemname">purgeListeners</b>
2083 <div class="short">Removes all listeners for this object</div>
2089 Removes all listeners for this object
2110 <td class="msource">
2112 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2118 <tr class="method-row config-row-alt0 expandable">
2119 <td class="micon"><a class="exi" href="#expand"> </a></td>
2123 <a id="Roo.grid.Grid-method-reconfigure" name=".reconfigure"></a>
2124 <div class="fixedFont">
2125 <span class="attributes"></span><b class="itemname">reconfigure</b>
2127 (<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>)
2134 <div class="short">Reconfigures the grid to use a different Store and Column Model.</div>
2140 Reconfigures the grid to use a different Store and Column Model.<br/>The View will be bound to the new objects and refreshed.
2147 <dl class="detailList">
2148 <dt class="heading">Parameters:</dt>
2151 <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>
2154 <dd>The new {<b>link</b> Roo.data.Store} object</dd>
2157 <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>
2160 <dd>new {<b>link</b> Roo.grid.ColumnModel} object</dd>
2178 <td class="msource">
2180 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2186 <tr class="method-row config-row-alt1 expandable">
2187 <td class="micon"><a class="exi" href="#expand"> </a></td>
2191 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
2192 <div class="fixedFont">
2193 <span class="attributes"></span><b class="itemname">removeListener</b>
2195 (<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>)
2202 <div class="short">Removes a listener</div>
2215 <dl class="detailList">
2216 <dt class="heading">Parameters:</dt>
2219 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2222 <dd>The type of event to listen for</dd>
2225 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2228 <dd>The handler to remove</dd>
2231 <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>
2234 <dd>(optional) The scope (this object) for the handler</dd>
2252 <td class="msource">
2254 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2260 <tr class="method-row config-row-alt0 expandable">
2261 <td class="micon"><a class="exi" href="#expand"> </a></td>
2265 <a id="Roo.grid.Grid-method-render" name=".render"></a>
2266 <div class="fixedFont">
2267 <span class="attributes"></span><b class="itemname">render</b>
2275 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2284 <div class="short">Called once after all setup has been completed and the grid is ready to be rendered.</div>
2290 Called once after all setup has been completed and the grid is ready to be rendered.
2301 <dl class="detailList">
2302 <dt class="heading">Returns:</dt>
2304 <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>
2318 <td class="msource">
2320 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2326 <tr class="method-row config-row-alt1 expandable notInherited">
2327 <td class="micon"><a class="exi" href="#expand"> </a></td>
2331 <a id="Roo.grid.PropertyGrid-method-setSource" name=".setSource"></a>
2332 <div class="fixedFont">
2333 <span class="attributes"></span><b class="itemname">setSource</b>
2335 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>data</i></B>)
2342 <div class="short">Sets the data for the Grid<br/>accepts a Key => Value object of all the elements avaiable.</div>
2348 Sets the data for the Grid<br/>accepts a Key => Value object of all the elements avaiable.
2355 <dl class="detailList">
2356 <dt class="heading">Parameters:</dt>
2359 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>data</b>
2362 <dd>to appear in grid.</dd>
2380 <td class="msource">
2382 Roo.grid.PropertyGrid
2388 <tr class="method-row config-row-alt0 expandable">
2389 <td class="micon"><a class="exi" href="#expand"> </a></td>
2393 <a id="Roo.grid.EditorGrid-method-startEditing" name=".startEditing"></a>
2394 <div class="fixedFont">
2395 <span class="attributes"></span><b class="itemname">startEditing</b>
2397 (<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>)
2404 <div class="short">Starts editing the specified for the specified row/column</div>
2410 Starts editing the specified for the specified row/column
2417 <dl class="detailList">
2418 <dt class="heading">Parameters:</dt>
2421 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
2427 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>colIndex</b>
2448 <td class="msource">
2450 <a href="./Roo.grid.EditorGrid.html#constructor" roo:cls="Roo.grid.EditorGrid.html#constructor">Roo.grid.EditorGrid</a>
2456 <tr class="method-row config-row-alt1 expandable">
2457 <td class="micon"><a class="exi" href="#expand"> </a></td>
2461 <a id="Roo.grid.EditorGrid-method-stopEditing" name=".stopEditing"></a>
2462 <div class="fixedFont">
2463 <span class="attributes"></span><b class="itemname">stopEditing</b>
2472 <div class="short">Stops any active editing</div>
2478 Stops any active editing
2499 <td class="msource">
2501 <a href="./Roo.grid.EditorGrid.html#constructor" roo:cls="Roo.grid.EditorGrid.html#constructor">Roo.grid.EditorGrid</a>
2507 <tr class="method-row config-row-alt0 expandable">
2508 <td class="micon"><a class="exi" href="#expand"> </a></td>
2512 <a id="Roo.util.Observable-method-un" name=".un"></a>
2513 <div class="fixedFont">
2514 <span class="attributes"></span><b class="itemname">un</b>
2516 (<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>)
2523 <div class="short">Removes a listener (shorthand for removeListener)</div>
2529 Removes a listener (shorthand for removeListener)
2536 <dl class="detailList">
2537 <dt class="heading">Parameters:</dt>
2540 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2543 <dd>The type of event to listen for</dd>
2546 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2549 <dd>The handler to remove</dd>
2552 <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>
2555 <dd>(optional) The scope (this object) for the handler</dd>
2573 <td class="msource">
2575 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2584 <!-- ============================== events summary / details ======================== -->
2587 <a id="Roo.grid.PropertyGrid-events"></a>
2596 <table cellspacing="0" class="member-table">
2597 <caption>Events</caption>
2600 <th class="sig-header" colspan="2">Event</th>
2601 <th class="msource-header">Defined By</th>
2610 <tr class="method-row expandable config-row-alt0">
2611 <td class="micon"><a class="exi" href="#expand"> </a></td>
2614 <a id="Roo.grid.EditorGrid-event-*afteredit"></a>
2616 <div class="fixedFont">
2617 <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>)
2623 <div class="short">Fires after a cell is edited.
2629 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>
2635 <dl class="detailList">
2636 <dt class="heading">Parameters:</dt>
2639 <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>
2642 <dd>An edit event (see above for description)</dd>
2660 <td class="msource">
2661 <a href="./Roo.grid.EditorGrid.html#constructor" roo:cls="Roo.grid.EditorGrid.html#constructor">Roo.grid.EditorGrid</a>
2665 <tr class="method-row expandable config-row-alt1">
2666 <td class="micon"><a class="exi" href="#expand"> </a></td>
2669 <a id="Roo.grid.EditorGrid-event-*beforeedit"></a>
2671 <div class="fixedFont">
2672 <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>)
2678 <div class="short">Fires before cell editing is triggered.
2684 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>
2690 <dl class="detailList">
2691 <dt class="heading">Parameters:</dt>
2694 <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>
2697 <dd>An edit event (see above for description)</dd>
2715 <td class="msource">
2716 <a href="./Roo.grid.EditorGrid.html#constructor" roo:cls="Roo.grid.EditorGrid.html#constructor">Roo.grid.EditorGrid</a>
2720 <tr class="method-row expandable config-row-alt0 notInherited">
2721 <td class="micon"><a class="exi" href="#expand"> </a></td>
2724 <a id="Roo.grid.PropertyGrid-event-*beforepropertychange"></a>
2726 <div class="fixedFont">
2727 <b class="itemname">beforepropertychange</b> (<a href="./Roo.grid.PropertyGrid.html#constructor" roo:cls="Roo.grid.PropertyGrid.html#constructor">Roo.grid.PropertyGrid</a> <B><i>grid</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>newval</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>oldval</i></B>)
2733 <div class="short">Fires before a property changes (return false to stop?)
2739 Fires before a property changes (return false to stop?)
2745 <dl class="detailList">
2746 <dt class="heading">Parameters:</dt>
2749 <span class="fixedFont"><a href="./Roo.grid.PropertyGrid.html#constructor" roo:cls="Roo.grid.PropertyGrid.html#constructor">Roo.grid.PropertyGrid</a></span> <b>grid</b>
2752 <dd>property grid? (check could be store)</dd>
2755 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
2761 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>newval</b>
2767 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>oldval</b>
2788 <td class="msource">
2789 Roo.grid.PropertyGrid
2793 <tr class="method-row expandable config-row-alt1">
2794 <td class="micon"><a class="exi" href="#expand"> </a></td>
2797 <a id="Roo.grid.Grid-event-*bodyscroll"></a>
2799 <div class="fixedFont">
2800 <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>)
2806 <div class="short">Fires when the body element is scrolled
2812 Fires when the body element is scrolled
2818 <dl class="detailList">
2819 <dt class="heading">Parameters:</dt>
2822 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>scrollLeft</b>
2828 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>scrollTop</b>
2849 <td class="msource">
2850 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2854 <tr class="method-row expandable config-row-alt0">
2855 <td class="micon"><a class="exi" href="#expand"> </a></td>
2858 <a id="Roo.grid.Grid-event-*cellclick"></a>
2860 <div class="fixedFont">
2861 <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>)
2867 <div class="short">Fires when a cell is clicked
2873 Fires when a cell is clicked
2879 <dl class="detailList">
2880 <dt class="heading">Parameters:</dt>
2883 <span class="fixedFont">Grid</span> <b>this</b>
2889 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
2895 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>columnIndex</b>
2901 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2922 <td class="msource">
2923 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
2927 <tr class="method-row expandable config-row-alt1">
2928 <td class="micon"><a class="exi" href="#expand"> </a></td>
2931 <a id="Roo.grid.Grid-event-*cellcontextmenu"></a>
2933 <div class="fixedFont">
2934 <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>)
2940 <div class="short">Fires when a cell is right clicked
2946 Fires when a cell is right clicked
2952 <dl class="detailList">
2953 <dt class="heading">Parameters:</dt>
2956 <span class="fixedFont">Grid</span> <b>this</b>
2962 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
2968 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>cellIndex</b>
2974 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2995 <td class="msource">
2996 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3000 <tr class="method-row expandable config-row-alt0">
3001 <td class="micon"><a class="exi" href="#expand"> </a></td>
3004 <a id="Roo.grid.Grid-event-*celldblclick"></a>
3006 <div class="fixedFont">
3007 <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>)
3013 <div class="short">Fires when a cell is double clicked
3019 Fires when a cell is double clicked
3025 <dl class="detailList">
3026 <dt class="heading">Parameters:</dt>
3029 <span class="fixedFont">Grid</span> <b>this</b>
3035 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
3041 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>columnIndex</b>
3047 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3068 <td class="msource">
3069 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3073 <tr class="method-row expandable config-row-alt1">
3074 <td class="micon"><a class="exi" href="#expand"> </a></td>
3077 <a id="Roo.grid.Grid-event-*click"></a>
3079 <div class="fixedFont">
3080 <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>)
3086 <div class="short">The raw click event for the entire grid.
3092 The raw click event for the entire grid.
3098 <dl class="detailList">
3099 <dt class="heading">Parameters:</dt>
3102 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3123 <td class="msource">
3124 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3128 <tr class="method-row expandable config-row-alt0">
3129 <td class="micon"><a class="exi" href="#expand"> </a></td>
3132 <a id="Roo.grid.Grid-event-*columnmove"></a>
3134 <div class="fixedFont">
3135 <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>)
3141 <div class="short">Fires when the user moves a column
3147 Fires when the user moves a column
3153 <dl class="detailList">
3154 <dt class="heading">Parameters:</dt>
3157 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>oldIndex</b>
3163 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>newIndex</b>
3184 <td class="msource">
3185 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3189 <tr class="method-row expandable config-row-alt1">
3190 <td class="micon"><a class="exi" href="#expand"> </a></td>
3193 <a id="Roo.grid.Grid-event-*columnresize"></a>
3195 <div class="fixedFont">
3196 <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>)
3202 <div class="short">Fires when the user resizes a column
3208 Fires when the user resizes a column
3214 <dl class="detailList">
3215 <dt class="heading">Parameters:</dt>
3218 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>columnIndex</b>
3224 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>newSize</b>
3245 <td class="msource">
3246 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3250 <tr class="method-row expandable config-row-alt0">
3251 <td class="micon"><a class="exi" href="#expand"> </a></td>
3254 <a id="Roo.grid.Grid-event-*contextmenu"></a>
3256 <div class="fixedFont">
3257 <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>)
3263 <div class="short">The raw contextmenu event for the entire grid.
3269 The raw contextmenu event for the entire grid.
3275 <dl class="detailList">
3276 <dt class="heading">Parameters:</dt>
3279 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3300 <td class="msource">
3301 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3305 <tr class="method-row expandable config-row-alt1">
3306 <td class="micon"><a class="exi" href="#expand"> </a></td>
3309 <a id="Roo.grid.Grid-event-*dblclick"></a>
3311 <div class="fixedFont">
3312 <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>)
3318 <div class="short">The raw dblclick event for the entire grid.
3324 The raw dblclick event for the entire grid.
3330 <dl class="detailList">
3331 <dt class="heading">Parameters:</dt>
3334 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3355 <td class="msource">
3356 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3360 <tr class="method-row expandable config-row-alt0">
3361 <td class="micon"><a class="exi" href="#expand"> </a></td>
3364 <a id="Roo.grid.Grid-event-*dragdrop"></a>
3366 <div class="fixedFont">
3367 <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>)
3373 <div class="short">Fires when dragged row(s) are dropped on a valid DD target
3379 Fires when dragged row(s) are dropped on a valid DD target
3385 <dl class="detailList">
3386 <dt class="heading">Parameters:</dt>
3389 <span class="fixedFont">Grid</span> <b>this</b>
3395 <span class="fixedFont">Roo.GridDD</span> <b>dd</b>
3398 <dd>The drag drop object</dd>
3401 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>targetId</b>
3404 <dd>The target drag drop object</dd>
3407 <span class="fixedFont">event</span> <b>e</b>
3410 <dd>The raw browser event</dd>
3428 <td class="msource">
3429 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3433 <tr class="method-row expandable config-row-alt1">
3434 <td class="micon"><a class="exi" href="#expand"> </a></td>
3437 <a id="Roo.grid.Grid-event-*dragenter
3438 Fires when the dragged row(s) first cross another DD target while being dragged"></a>
3440 <div class="fixedFont">
3441 <b class="itemname">dragenter
3442 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>)
3460 <dl class="detailList">
3461 <dt class="heading">Parameters:</dt>
3464 <span class="fixedFont">Grid</span> <b>this</b>
3470 <span class="fixedFont">Roo.GridDD</span> <b>dd</b>
3473 <dd>The drag drop object</dd>
3476 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>targetId</b>
3479 <dd>The target drag drop object</dd>
3482 <span class="fixedFont">event</span> <b>e</b>
3485 <dd>The raw browser event</dd>
3503 <td class="msource">
3504 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3508 <tr class="method-row expandable config-row-alt0">
3509 <td class="micon"><a class="exi" href="#expand"> </a></td>
3512 <a id="Roo.grid.Grid-event-*dragout"></a>
3514 <div class="fixedFont">
3515 <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>)
3521 <div class="short">Fires when the dragged row(s) leave another DD target while being dragged
3527 Fires when the dragged row(s) leave another DD target while being dragged
3533 <dl class="detailList">
3534 <dt class="heading">Parameters:</dt>
3537 <span class="fixedFont">Grid</span> <b>this</b>
3543 <span class="fixedFont">Roo.GridDD</span> <b>dd</b>
3546 <dd>The drag drop object</dd>
3549 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>targetId</b>
3552 <dd>The target drag drop object</dd>
3555 <span class="fixedFont">event</span> <b>e</b>
3558 <dd>The raw browser event</dd>
3576 <td class="msource">
3577 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3581 <tr class="method-row expandable config-row-alt1">
3582 <td class="micon"><a class="exi" href="#expand"> </a></td>
3585 <a id="Roo.grid.Grid-event-*dragover"></a>
3587 <div class="fixedFont">
3588 <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>)
3594 <div class="short">Fires while row(s) are being dragged.
3600 Fires while row(s) are being dragged. "targetId" is the id of the Yahoo.util.DD object the selected rows are being dragged over.
3606 <dl class="detailList">
3607 <dt class="heading">Parameters:</dt>
3610 <span class="fixedFont">Grid</span> <b>this</b>
3616 <span class="fixedFont">Roo.GridDD</span> <b>dd</b>
3619 <dd>The drag drop object</dd>
3622 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>targetId</b>
3625 <dd>The target drag drop object</dd>
3628 <span class="fixedFont">event</span> <b>e</b>
3631 <dd>The raw browser event</dd>
3649 <td class="msource">
3650 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3654 <tr class="method-row expandable config-row-alt0">
3655 <td class="micon"><a class="exi" href="#expand"> </a></td>
3658 <a id="Roo.grid.Grid-event-*enddrag"></a>
3660 <div class="fixedFont">
3661 <b class="itemname">enddrag</b> (Grid <B><i>this</i></B>, Roo.GridDD <B><i>dd</i></B>, event <B><i>e</i></B>)
3667 <div class="short">Fires when a drag operation is complete
3673 Fires when a drag operation is complete
3679 <dl class="detailList">
3680 <dt class="heading">Parameters:</dt>
3683 <span class="fixedFont">Grid</span> <b>this</b>
3689 <span class="fixedFont">Roo.GridDD</span> <b>dd</b>
3692 <dd>The drag drop object</dd>
3695 <span class="fixedFont">event</span> <b>e</b>
3698 <dd>The raw browser event</dd>
3716 <td class="msource">
3717 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3721 <tr class="method-row expandable config-row-alt1">
3722 <td class="micon"><a class="exi" href="#expand"> </a></td>
3725 <a id="Roo.grid.Grid-event-*headerclick"></a>
3727 <div class="fixedFont">
3728 <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>)
3734 <div class="short">Fires when a header is clicked
3740 Fires when a header is clicked
3746 <dl class="detailList">
3747 <dt class="heading">Parameters:</dt>
3750 <span class="fixedFont">Grid</span> <b>this</b>
3756 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>columnIndex</b>
3762 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3783 <td class="msource">
3784 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3788 <tr class="method-row expandable config-row-alt0">
3789 <td class="micon"><a class="exi" href="#expand"> </a></td>
3792 <a id="Roo.grid.Grid-event-*headercontextmenu"></a>
3794 <div class="fixedFont">
3795 <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>)
3801 <div class="short">Fires when a header is right clicked
3807 Fires when a header is right clicked
3813 <dl class="detailList">
3814 <dt class="heading">Parameters:</dt>
3817 <span class="fixedFont">Grid</span> <b>this</b>
3823 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>columnIndex</b>
3829 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3850 <td class="msource">
3851 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3855 <tr class="method-row expandable config-row-alt1">
3856 <td class="micon"><a class="exi" href="#expand"> </a></td>
3859 <a id="Roo.grid.Grid-event-*headerdblclick"></a>
3861 <div class="fixedFont">
3862 <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>)
3868 <div class="short">Fires when a header cell is double clicked
3874 Fires when a header cell is double clicked
3880 <dl class="detailList">
3881 <dt class="heading">Parameters:</dt>
3884 <span class="fixedFont">Grid</span> <b>this</b>
3890 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>columnIndex</b>
3896 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3917 <td class="msource">
3918 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3922 <tr class="method-row expandable config-row-alt0">
3923 <td class="micon"><a class="exi" href="#expand"> </a></td>
3926 <a id="Roo.grid.Grid-event-*keydown"></a>
3928 <div class="fixedFont">
3929 <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>)
3935 <div class="short">The raw keydown event for the entire grid.
3941 The raw keydown event for the entire grid.
3947 <dl class="detailList">
3948 <dt class="heading">Parameters:</dt>
3951 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3972 <td class="msource">
3973 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
3977 <tr class="method-row expandable config-row-alt1">
3978 <td class="micon"><a class="exi" href="#expand"> </a></td>
3981 <a id="Roo.grid.Grid-event-*keypress"></a>
3983 <div class="fixedFont">
3984 <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>)
3990 <div class="short">The raw keypress event for the entire grid.
3996 The raw keypress event for the entire grid.
4002 <dl class="detailList">
4003 <dt class="heading">Parameters:</dt>
4006 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4027 <td class="msource">
4028 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4032 <tr class="method-row expandable config-row-alt0">
4033 <td class="micon"><a class="exi" href="#expand"> </a></td>
4036 <a id="Roo.grid.Grid-event-*mousedown"></a>
4038 <div class="fixedFont">
4039 <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>)
4045 <div class="short">The raw mousedown event for the entire grid.
4051 The raw mousedown event for the entire grid.
4057 <dl class="detailList">
4058 <dt class="heading">Parameters:</dt>
4061 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4082 <td class="msource">
4083 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4087 <tr class="method-row expandable config-row-alt1">
4088 <td class="micon"><a class="exi" href="#expand"> </a></td>
4091 <a id="Roo.grid.Grid-event-*mouseout"></a>
4093 <div class="fixedFont">
4094 <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>)
4100 <div class="short">The raw mouseout event for the entire grid.
4106 The raw mouseout event for the entire grid.
4112 <dl class="detailList">
4113 <dt class="heading">Parameters:</dt>
4116 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4137 <td class="msource">
4138 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4142 <tr class="method-row expandable config-row-alt0">
4143 <td class="micon"><a class="exi" href="#expand"> </a></td>
4146 <a id="Roo.grid.Grid-event-*mouseover"></a>
4148 <div class="fixedFont">
4149 <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>)
4155 <div class="short">The raw mouseover event for the entire grid.
4161 The raw mouseover event for the entire grid.
4167 <dl class="detailList">
4168 <dt class="heading">Parameters:</dt>
4171 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4192 <td class="msource">
4193 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4197 <tr class="method-row expandable config-row-alt1">
4198 <td class="micon"><a class="exi" href="#expand"> </a></td>
4201 <a id="Roo.grid.Grid-event-*mouseup"></a>
4203 <div class="fixedFont">
4204 <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>)
4210 <div class="short">The raw mouseup event for the entire grid.
4216 The raw mouseup event for the entire grid.
4222 <dl class="detailList">
4223 <dt class="heading">Parameters:</dt>
4226 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4247 <td class="msource">
4248 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4252 <tr class="method-row expandable config-row-alt0 notInherited">
4253 <td class="micon"><a class="exi" href="#expand"> </a></td>
4256 <a id="Roo.grid.PropertyGrid-event-*propertychange"></a>
4258 <div class="fixedFont">
4259 <b class="itemname">propertychange</b> (<a href="./Roo.grid.PropertyGrid.html#constructor" roo:cls="Roo.grid.PropertyGrid.html#constructor">Roo.grid.PropertyGrid</a> <B><i>grid</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>id</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>newval</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>oldval</i></B>)
4265 <div class="short">Fires after a property changes
4271 Fires after a property changes
4277 <dl class="detailList">
4278 <dt class="heading">Parameters:</dt>
4281 <span class="fixedFont"><a href="./Roo.grid.PropertyGrid.html#constructor" roo:cls="Roo.grid.PropertyGrid.html#constructor">Roo.grid.PropertyGrid</a></span> <b>grid</b>
4284 <dd>property grid? (check could be store)</dd>
4287 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>id</b>
4293 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>newval</b>
4299 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>oldval</b>
4320 <td class="msource">
4321 Roo.grid.PropertyGrid
4325 <tr class="method-row expandable config-row-alt1">
4326 <td class="micon"><a class="exi" href="#expand"> </a></td>
4329 <a id="Roo.grid.Grid-event-*render"></a>
4331 <div class="fixedFont">
4332 <b class="itemname">render</b> (Grid <B><i>grid</i></B>)
4338 <div class="short">Fires when the grid is rendered
4344 Fires when the grid is rendered
4350 <dl class="detailList">
4351 <dt class="heading">Parameters:</dt>
4354 <span class="fixedFont">Grid</span> <b>grid</b>
4375 <td class="msource">
4376 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4380 <tr class="method-row expandable config-row-alt0">
4381 <td class="micon"><a class="exi" href="#expand"> </a></td>
4384 <a id="Roo.grid.Grid-event-*rowclass"></a>
4386 <div class="fixedFont">
4387 <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>)
4393 <div class="short">Fires when a row is rendered, so you can change add a style to it.
4399 Fires when a row is rendered, so you can change add a style to it.
4405 <dl class="detailList">
4406 <dt class="heading">Parameters:</dt>
4409 <span class="fixedFont">GridView</span> <b>gridview</b>
4412 <dd>The grid view</dd>
4415 <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>
4418 <dd>contains record rowIndex and rowClass - set rowClass to add a style.</dd>
4436 <td class="msource">
4437 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4441 <tr class="method-row expandable config-row-alt1">
4442 <td class="micon"><a class="exi" href="#expand"> </a></td>
4445 <a id="Roo.grid.Grid-event-*rowclick"></a>
4447 <div class="fixedFont">
4448 <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>)
4454 <div class="short">Fires when a row is clicked
4460 Fires when a row is clicked
4466 <dl class="detailList">
4467 <dt class="heading">Parameters:</dt>
4470 <span class="fixedFont">Grid</span> <b>this</b>
4476 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
4482 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4503 <td class="msource">
4504 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4508 <tr class="method-row expandable config-row-alt0">
4509 <td class="micon"><a class="exi" href="#expand"> </a></td>
4512 <a id="Roo.grid.Grid-event-*rowcontextmenu"></a>
4514 <div class="fixedFont">
4515 <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>)
4521 <div class="short">Fires when a row is right clicked
4527 Fires when a row is right clicked
4533 <dl class="detailList">
4534 <dt class="heading">Parameters:</dt>
4537 <span class="fixedFont">Grid</span> <b>this</b>
4543 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
4549 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4570 <td class="msource">
4571 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4575 <tr class="method-row expandable config-row-alt1">
4576 <td class="micon"><a class="exi" href="#expand"> </a></td>
4579 <a id="Roo.grid.Grid-event-*rowdblclick"></a>
4581 <div class="fixedFont">
4582 <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>)
4588 <div class="short">Fires when a row is double clicked
4594 Fires when a row is double clicked
4600 <dl class="detailList">
4601 <dt class="heading">Parameters:</dt>
4604 <span class="fixedFont">Grid</span> <b>this</b>
4610 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rowIndex</b>
4616 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
4637 <td class="msource">
4638 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4642 <tr class="method-row expandable config-row-alt0">
4643 <td class="micon"><a class="exi" href="#expand"> </a></td>
4646 <a id="Roo.grid.Grid-event-*startdrag"></a>
4648 <div class="fixedFont">
4649 <b class="itemname">startdrag</b> (Grid <B><i>this</i></B>, Roo.GridDD <B><i>dd</i></B>, event <B><i>e</i></B>)
4655 <div class="short">Fires when row(s) start being dragged
4661 Fires when row(s) start being dragged
4667 <dl class="detailList">
4668 <dt class="heading">Parameters:</dt>
4671 <span class="fixedFont">Grid</span> <b>this</b>
4677 <span class="fixedFont">Roo.GridDD</span> <b>dd</b>
4680 <dd>The drag drop object</dd>
4683 <span class="fixedFont">event</span> <b>e</b>
4686 <dd>The raw browser event</dd>
4704 <td class="msource">
4705 <a href="./Roo.grid.Grid.html#constructor" roo:cls="Roo.grid.Grid.html#constructor">Roo.grid.Grid</a>
4709 <tr class="method-row expandable config-row-alt1">
4710 <td class="micon"><a class="exi" href="#expand"> </a></td>
4713 <a id="Roo.grid.EditorGrid-event-*validateedit"></a>
4715 <div class="fixedFont">
4716 <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>)
4722 <div class="short">Fires after a cell is edited, but before the value is set in the record.
4728 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>
4734 <dl class="detailList">
4735 <dt class="heading">Parameters:</dt>
4738 <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>
4741 <dd>An edit event (see above for description)</dd>
4759 <td class="msource">
4760 <a href="./Roo.grid.EditorGrid.html#constructor" roo:cls="Roo.grid.EditorGrid.html#constructor">Roo.grid.EditorGrid</a>
4771 <!-- ============================== footer ================================= -->
4772 <div class="fineprint" style="clear:both">
4774 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Wed Apr 06 2016 12:25:48 GMT+0800 (HKT)
4776 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>