@bryntum/grid-angular-thin 7.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/README.md +44 -0
  2. package/bryntum-grid-angular-thin.d.ts +5 -0
  3. package/bundles/bryntum-grid-angular-thin.umd.js +12313 -0
  4. package/bundles/bryntum-grid-angular-thin.umd.js.map +1 -0
  5. package/esm2015/bryntum-grid-angular-thin.js +5 -0
  6. package/esm2015/lib/bryntum-a-i-filter-field.component.js +792 -0
  7. package/esm2015/lib/bryntum-checklist-filter-combo.component.js +944 -0
  8. package/esm2015/lib/bryntum-grid-base.component.js +2100 -0
  9. package/esm2015/lib/bryntum-grid-chart-designer.component.js +589 -0
  10. package/esm2015/lib/bryntum-grid-field-filter-picker-group.component.js +755 -0
  11. package/esm2015/lib/bryntum-grid-field-filter-picker.component.js +745 -0
  12. package/esm2015/lib/bryntum-grid.component.js +2104 -0
  13. package/esm2015/lib/bryntum-group-bar.component.js +728 -0
  14. package/esm2015/lib/bryntum-tree-combo.component.js +933 -0
  15. package/esm2015/lib/bryntum-tree-grid.component.js +2104 -0
  16. package/esm2015/lib/grid.module.js +69 -0
  17. package/esm2015/lib/wrapper.helper.js +74 -0
  18. package/esm2015/public-api.js +15 -0
  19. package/fesm2015/bryntum-grid-angular-thin.js +11856 -0
  20. package/fesm2015/bryntum-grid-angular-thin.js.map +1 -0
  21. package/lib/bryntum-a-i-filter-field.component.d.ts +969 -0
  22. package/lib/bryntum-checklist-filter-combo.component.d.ts +1211 -0
  23. package/lib/bryntum-grid-base.component.d.ts +2272 -0
  24. package/lib/bryntum-grid-chart-designer.component.d.ts +692 -0
  25. package/lib/bryntum-grid-field-filter-picker-group.component.d.ts +930 -0
  26. package/lib/bryntum-grid-field-filter-picker.component.d.ts +917 -0
  27. package/lib/bryntum-grid.component.d.ts +2274 -0
  28. package/lib/bryntum-group-bar.component.d.ts +873 -0
  29. package/lib/bryntum-tree-combo.component.d.ts +1200 -0
  30. package/lib/bryntum-tree-grid.component.d.ts +2274 -0
  31. package/lib/grid.module.d.ts +16 -0
  32. package/lib/wrapper.helper.d.ts +26 -0
  33. package/package.json +33 -0
  34. package/public-api.d.ts +11 -0
@@ -0,0 +1,2272 @@
1
+ /**
2
+ * Angular wrapper for Bryntum GridBase
3
+ */
4
+ import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
5
+ import { AjaxStore, AjaxStoreConfig, DomConfig, FormulaProviderConfig, KeyMapConfig, Mask, MaskConfig, Model, ModelConfig, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, ScrollManager, ScrollManagerConfig, Scroller, ScrollerConfig, StateProvider, Store, StoreConfig, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, Widget } from '@bryntum/core-thin';
6
+ import { AIFilter, AIFilterConfig, CellCopyPaste, CellCopyPasteConfig, CellEdit, CellEditConfig, CellMenu, CellMenuConfig, CellTooltip, CellTooltipConfig, Charts, ChartsConfig, ColumnAutoWidth, ColumnAutoWidthConfig, ColumnDragToolbar, ColumnDragToolbarConfig, ColumnPicker, ColumnPickerConfig, ColumnRename, ColumnRenameConfig, ColumnReorder, ColumnReorderConfig, ColumnResize, ColumnResizeConfig, ColumnStore, ColumnStoreConfig, GridContainerItemConfig, EmptyTextDomConfig, ExcelExporter, ExcelExporterConfig, FileDrop, FileDropConfig, FillHandle, FillHandleConfig, Filter, FilterBar, FilterBarConfig, FilterConfig, GridBase, GridBaseListeners, GridColumnConfig, GridLocation, GridLocationConfig, GridSelectionMode, GridStateInfo, Group, GroupConfig, GroupSummary, GroupSummaryConfig, HeaderMenu, HeaderMenuConfig, LockRows, LockRowsConfig, MergeCells, MergeCellsConfig, PdfExport, PdfExportConfig, PinColumns, PinColumnsConfig, PreserveScrollOptions, Print, PrintConfig, QuickFind, QuickFindConfig, RegionResize, RegionResizeConfig, ResponsiveLevelConfig, RowCopyPaste, RowCopyPasteConfig, RowEdit, RowEditConfig, RowExpander, RowExpanderConfig, RowReorder, RowReorderConfig, RowResize, RowResizeConfig, Search, SearchConfig, Sort, SortConfig, Split, SplitConfig, StickyCells, StickyCellsConfig, Stripe, StripeConfig, SubGridConfig, Summary, SummaryConfig, Tree, TreeConfig, TreeGroup, TreeGroupConfig } from '@bryntum/grid-thin';
7
+ import * as i0 from "@angular/core";
8
+ export declare type BryntumGridBaseProps = {
9
+ /**
10
+ * Element (or element id) to adopt as this Widget's encapsulating element. The widget's
11
+ * content will be placed inside this element.
12
+ * ...
13
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-adopt)
14
+ */
15
+ adopt?: HTMLElement | string;
16
+ /**
17
+ * When this widget is a child of a [Container](https://bryntum.com/products/grid/docs/api/Core/widget/Container), it will by default be participating in a
18
+ * flexbox layout. This config allows you to set this widget's
19
+ * [align-self](https://developer.mozilla.org/en-US/docs/Web/CSS/align-self) style.
20
+ */
21
+ alignSelf?: string;
22
+ /**
23
+ * Set to `true` to animate row removals caused by filtering.
24
+ * @deprecated 7.0.0 Deprecated `animateFilterRemovals`. Use `transition.filterRemoval` instead
25
+ */
26
+ animateFilterRemovals?: boolean;
27
+ /**
28
+ * Controls if removing and inserting rows should be animated. Set to `false` to prevent those animations,
29
+ * removing the related delays.
30
+ * @deprecated 7.0.0 Deprecated `animateRemovingRows`. Use `transition.removeRecord` instead
31
+ */
32
+ animateRemovingRows?: boolean;
33
+ /**
34
+ * When the [Tree](https://bryntum.com/products/grid/docs/api/Grid/feature/Tree) feature is in use and the Store is a tree store, this
35
+ * config may be set to `true` to visually animate branch node expand and collapse operations.
36
+ * *This is not supported in Scheduler and Gantt*
37
+ * @deprecated 7.0.0 Deprecated `animateTreeNodeToggle`. Use `transition.toggleTreeNode` instead
38
+ */
39
+ animateTreeNodeToggle?: boolean;
40
+ /**
41
+ * Element (or the id of an element) to append this widget's element to. Can be configured, or set once at
42
+ * runtime. To access the element of a rendered widget, see [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element).
43
+ */
44
+ appendTo?: HTMLElement | string;
45
+ /**
46
+ * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject
47
+ * into an element which will be linked using the `aria-describedby` attribute.
48
+ * ...
49
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-ariaDescription)
50
+ */
51
+ ariaDescription?: string;
52
+ /**
53
+ * A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as
54
+ * the `aria-label` attribute.
55
+ * ...
56
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-ariaLabel)
57
+ */
58
+ ariaLabel?: string;
59
+ /**
60
+ * Automatically set grids height to fit all rows (no scrolling in the grid). In general you should avoid
61
+ * using `autoHeight: true`, since it will bypass Grids virtual rendering and render all rows at once, which
62
+ * in a larger grid is really bad for performance.
63
+ */
64
+ autoHeight?: boolean;
65
+ /**
66
+ * A Config object representing the configuration of a [Toolbar](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar),
67
+ * or array of config objects representing the child items of a Toolbar. Another way to add a bbar is to use [strips](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-strips).
68
+ * ...
69
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-bbar)
70
+ */
71
+ bbar?: (GridContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
72
+ /**
73
+ * Custom CSS classes to add to the panel's body element.
74
+ * ...
75
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-bodyCls)
76
+ */
77
+ bodyCls?: string | object;
78
+ /**
79
+ * An object where property names with a truthy value indicate which events should bubble up the ownership
80
+ * hierarchy when triggered.
81
+ * ...
82
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-bubbleEvents)
83
+ */
84
+ bubbleEvents?: object;
85
+ /**
86
+ * Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
87
+ * ...
88
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-callOnFunctions)
89
+ */
90
+ callOnFunctions?: boolean;
91
+ /**
92
+ * By default, if an event handler throws an exception, the error propagates up the stack and the
93
+ * application state is undefined. Code which follows the event handler will *not* be executed.
94
+ * ...
95
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-catchEventHandlerExceptions)
96
+ */
97
+ catchEventHandlerExceptions?: boolean;
98
+ /**
99
+ * Set to `false` to crop text in grid cells without ellipsis (...). When enabled, cells containing pure
100
+ * use `display : block`, instead of `display : flex` to allow ellipsis to work.
101
+ * <strong>NOTE</strong> Only supported in browsers that support `:has()` CSS selector
102
+ */
103
+ cellEllipsis?: boolean;
104
+ /**
105
+ * Custom CSS classes to add to element.
106
+ * May be specified as a space separated string, or as an object in which property names
107
+ * with truthy values are used as the class names:
108
+ * ...
109
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-cls)
110
+ */
111
+ cls?: string | object;
112
+ /**
113
+ * Controls whether the panel is collapsed (the body of the panel is hidden while only the header is
114
+ * visible). Only valid if the panel is [collapsible](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-collapsible).
115
+ */
116
+ collapsed?: boolean;
117
+ /**
118
+ * This config enables collapsibility for the panel. See [collapsed](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-collapsed).
119
+ * ...
120
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-collapsible)
121
+ */
122
+ collapsible?: boolean | PanelCollapserConfig | PanelCollapserOverlayConfig;
123
+ /**
124
+ * Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets
125
+ * `style` block.
126
+ * ...
127
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-color)
128
+ */
129
+ color?: string;
130
+ /**
131
+ * Programmatic control over which column to start in when used in a grid layout.
132
+ */
133
+ column?: number;
134
+ /**
135
+ * Set to `false` to not show column lines. End result might be overruled by/differ between themes.
136
+ */
137
+ columnLines?: boolean;
138
+ /**
139
+ * Accepts column definitions for the grid during initialization. They will be used to create
140
+ * [Column](https://bryntum.com/products/grid/docs/api/Grid/column/Column) instances that are added to a [ColumnStore](#Grid/data/ColumnStore).
141
+ * ...
142
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-columns)
143
+ */
144
+ columns?: ColumnStore | GridColumnConfig[] | ColumnStoreConfig;
145
+ config?: object;
146
+ /**
147
+ * Custom CSS classes to add to the [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement).
148
+ * May be specified as a space separated string, or as an object in which property names
149
+ * with truthy values are used as the class names:
150
+ * ...
151
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-contentElementCls)
152
+ */
153
+ contentElementCls?: string | object;
154
+ /**
155
+ * Event which is used to show context menus.
156
+ * Available options are: 'contextmenu', 'click', 'dblclick'.
157
+ */
158
+ contextMenuTriggerEvent?: 'contextmenu' | 'click' | 'dblclick';
159
+ /**
160
+ * Convenient shortcut to set data in grids store both during initialization and at runtime. Can also be
161
+ * used to retrieve data at runtime, although we do recommend interacting with Grids store instead using
162
+ * the [store](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#property-store) property.
163
+ * ...
164
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-data)
165
+ */
166
+ data?: object[] | Model[] | ModelConfig[];
167
+ /**
168
+ * When this Widget configuration is used in the Grid's RowExpander feature's `widget` config, provide the
169
+ * field on the expanded record to use for populating this widget's store (if applicable)
170
+ */
171
+ dataField?: string;
172
+ /**
173
+ * Object to apply to elements dataset (each key will be used as a data-attribute on the element)
174
+ */
175
+ dataset?: Record<string, string>;
176
+ /**
177
+ * Region to which columns are added when they have none specified
178
+ */
179
+ defaultRegion?: string;
180
+ /**
181
+ * Set to `true` to destroy the store when the grid is destroyed.
182
+ */
183
+ destroyStore?: boolean;
184
+ /**
185
+ * Check for CSS compatibility issues when upgrading to v7. Performs the following checks:
186
+ * ...
187
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-detectCSSCompatibilityIssues)
188
+ */
189
+ detectCSSCompatibilityIssues?: boolean;
190
+ /**
191
+ * Disable or enable the widget. It is similar to [readOnly](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-readOnly) except a disabled widget
192
+ * cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.
193
+ * ...
194
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-disabled)
195
+ */
196
+ disabled?: boolean | 'inert';
197
+ /**
198
+ * Set to `true` to not get a warning when calling [getState](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#function-getState) when there is a column
199
+ * configured without an `id`. But the recommended action is to always configure columns with an `id` when
200
+ * using states.
201
+ */
202
+ disableGridColumnIdWarning?: boolean;
203
+ /**
204
+ * Set to `true` to not get a warning when using another base class than GridRowModel for your grid data. If
205
+ * you do, and would like to use the full feature set of the grid then include the fields from GridRowModel
206
+ * in your model definition.
207
+ */
208
+ disableGridRowModelWarning?: boolean;
209
+ /**
210
+ * Controls the placement of this widget when it is added to a [panel's ](https://bryntum.com/products/grid/docs/api/Core/widget/Panel)
211
+ * [strips collection](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,
212
+ * `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's
213
+ * body. Such widgets are called "edge strips".
214
+ * ...
215
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-dock)
216
+ */
217
+ dock?: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
218
+ /**
219
+ * Make this Panel a docked drawer which slides out from one side of the browser viewport by default.
220
+ * ...
221
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-drawer)
222
+ * @param {'start','left','end','right','top','bottom'} side The side of the viewport to dock the drawer to. * `'start'` means the `inline-start` side. * `'end'` means the `inline-end` side.
223
+ * @param {string,number} size The size of the drawer in its collapsible axis.
224
+ * @param {boolean} inline If using the [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-appendTo) config to place the drawer inside a host widget, this may be set to `true` to make the drawer inline within that host. Note that, if using this, the layout of the host element must have `flex-direction` set appropriately.
225
+ * @param {boolean,object} autoClose Specifies what user actions should automatically close the drawer. Defaults to closing when the user clicks outside of the drawer or when focus moves outside of the drawer.
226
+ * @param {boolean,string} autoClose.mousedown If the user clicks outside of the drawer, the drawer will automatically be hidden. If the value is a string, it is used as a CSS selector to filter clicks which should close the drawer.
227
+ * @param {boolean,string} autoClose.focusout If focus moves outside of the drawer, the drawer will automatically be hidden.
228
+ * @param {string} autoClose.mouseout Hides the drawer when the mouse leaves the drawer after the `autoCloseDelay` period.
229
+ * @param {number} autoCloseDelay When using `mouseout`, this is the delay in milliseconds
230
+ */
231
+ drawer?: boolean | {
232
+ side?: 'start' | 'left' | 'end' | 'right' | 'top' | 'bottom';
233
+ size?: string | number;
234
+ inline?: boolean;
235
+ autoClose: {
236
+ mousedown?: boolean | string;
237
+ focusout?: boolean | string;
238
+ mouseout?: string;
239
+ };
240
+ autoCloseDelay?: number;
241
+ };
242
+ /**
243
+ * An object specifying attributes to assign to the root element of this widget.
244
+ * Set `null` value to attribute to remove it.
245
+ * ...
246
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-elementAttributes)
247
+ */
248
+ elementAttributes?: Record<string, string | null>;
249
+ /**
250
+ * Text or HTML, or a [EmptyTextDomConfig](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#typedef-EmptyTextDomConfig) block to display when there is no data to display in the grid.
251
+ * When using multiple Grid regions, provide the `region` property to decide where the text is shown.
252
+ * By default, it is shown in the first region.
253
+ * ...
254
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-emptyText)
255
+ */
256
+ emptyText?: string | EmptyTextDomConfig;
257
+ /**
258
+ * Configure this as `true` to allow elements within cells to be styled as `position: sticky`.
259
+ * ...
260
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-enableSticky)
261
+ */
262
+ enableSticky?: boolean;
263
+ /**
264
+ * Set to `true` to allow text selection in the grid cells. Note, this cannot be used simultaneously with the
265
+ * `RowReorder` feature.
266
+ */
267
+ enableTextSelection?: boolean;
268
+ /**
269
+ * Set to `true` to listen for CTRL-Z (CMD-Z on Mac OS) keyboard event and trigger undo (redo when SHIFT is
270
+ * pressed). Only applicable when using a [StateTrackingManager](https://bryntum.com/products/grid/docs/api/Core/data/stm/StateTrackingManager).
271
+ */
272
+ enableUndoRedoKeys?: boolean;
273
+ extraData?: any;
274
+ /**
275
+ * Set to `true` to stretch the last column in a grid with all fixed width columns
276
+ * to fill extra available space if the grid's width is wider than the sum of all
277
+ * configured column widths.
278
+ */
279
+ fillLastColumn?: boolean;
280
+ /**
281
+ * Use fixed row height. Setting this to `true` will configure the underlying RowManager to use fixed row
282
+ * height, which sacrifices the ability to use rows with variable height to gain a fraction better
283
+ * performance.
284
+ * ...
285
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-fixedRowHeight)
286
+ */
287
+ fixedRowHeight?: boolean;
288
+ /**
289
+ * When this widget is a child of a [Container](https://bryntum.com/products/grid/docs/api/Core/widget/Container), it will by default be participating in a
290
+ * flexbox layout. This config allows you to set this widget's
291
+ * [flex](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) style.
292
+ * This may be configured as a single number or a `&lt;flex-grow&gt; &lt;flex-shrink&gt; &lt;flex-basis&gt;` format string.
293
+ * numeric-only values are interpreted as the `flex-grow` value.
294
+ */
295
+ flex?: number | string;
296
+ /**
297
+ * Config object of a footer. May contain a `dock`, `html` and a `cls` property. A footer is not a widget,
298
+ * but rather plain HTML that follows the last element of the panel's body and [strips](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-strips).
299
+ * ...
300
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-footer)
301
+ */
302
+ footer?: {
303
+ dock?: 'top' | 'right' | 'bottom' | 'left' | 'start' | 'end';
304
+ html?: string;
305
+ cls?: string;
306
+ } | string;
307
+ /**
308
+ * An object which names formula prefixes which will be applied to all columns configured with
309
+ * `formula : true`.
310
+ * ...
311
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-formulaProviders)
312
+ */
313
+ formulaProviders?: Record<string, FormulaProviderConfig>;
314
+ /**
315
+ * Refresh entire row when a record changes (`true`) or, if possible, only the cells affected (`false`).
316
+ * ...
317
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-fullRowRefresh)
318
+ */
319
+ fullRowRefresh?: boolean;
320
+ /**
321
+ * A function called for each row to determine its height. It is passed a [record](https://bryntum.com/products/grid/docs/api/Core/data/Model) and
322
+ * expected to return the desired height of that records row. If the function returns a falsy value, Grids
323
+ * configured [rowHeight](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-rowHeight) is used.
324
+ * ...
325
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-getRowHeight)
326
+ * @param {Core.data.Model} getRowHeight.record Record to determine row height for
327
+ * @returns {number} Desired row height
328
+ */
329
+ getRowHeight?: (getRowHeight: {
330
+ record: Model;
331
+ }) => number;
332
+ /**
333
+ * A config [object](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#typedef-PanelHeader) for the panel's header or a string in place of a `title`.
334
+ * ...
335
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-header)
336
+ */
337
+ header?: string | boolean | PanelHeader;
338
+ /**
339
+ * Widget's height, used to set element `style.height`. Either specify a valid height string or a number,
340
+ * which will get 'px' appended. We recommend using CSS as the primary way to control height, but in some
341
+ * cases this config is convenient.
342
+ */
343
+ height?: string | number;
344
+ /**
345
+ * Configure with true to make widget initially hidden.
346
+ */
347
+ hidden?: boolean;
348
+ /**
349
+ * Set to `true` to hide the footer elements
350
+ */
351
+ hideFooters?: boolean;
352
+ /**
353
+ * Set to `true` to hide the column header elements
354
+ */
355
+ hideHeaders?: boolean;
356
+ /**
357
+ * Set to `true` to hide the Grid's horizontal scrollbar(s)
358
+ */
359
+ hideHorizontalScrollbar?: boolean;
360
+ /**
361
+ * A CSS class to add to hovered row elements
362
+ */
363
+ hoverCls?: string;
364
+ /**
365
+ * An icon to show before the [title](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-title). Either pass a CSS class as a string, or pass a
366
+ * [DomConfig](https://bryntum.com/products/grid/docs/api/Core/helper/DomHelper#typedef-DomConfig) object describing an element to represent the icon.
367
+ */
368
+ icon?: string | DomConfig;
369
+ /**
370
+ * Widget id, if not specified one will be generated. Also used for lookups through Widget.getById
371
+ */
372
+ id?: string;
373
+ /**
374
+ * Determines if the widgets read-only state should be controlled by its parent.
375
+ * ...
376
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-ignoreParentReadOnly)
377
+ */
378
+ ignoreParentReadOnly?: boolean;
379
+ /**
380
+ * Convenience setting to align input fields of child widgets. By default, the Field input element is
381
+ * placed immediately following the `label`. If you prefer to have all input fields aligned to the
382
+ * right, set this config to `'end'`.
383
+ * ...
384
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-inputFieldAlign)
385
+ */
386
+ inputFieldAlign?: 'start' | 'end';
387
+ /**
388
+ * Element (or element id) to insert this widget before. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
389
+ */
390
+ insertBefore?: HTMLElement | string;
391
+ /**
392
+ * Element (or element id) to append this widget element to, as a first child. If provided, [appendTo](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-appendTo) config is ignored.
393
+ */
394
+ insertFirst?: HTMLElement | string;
395
+ /**
396
+ * See [Keyboard shortcuts](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#keyboard-shortcuts) for details
397
+ */
398
+ keyMap?: Record<string, KeyMapConfig>;
399
+ /**
400
+ * Convenience setting to use same label placement on all child widgets.
401
+ * ...
402
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-labelPosition)
403
+ */
404
+ labelPosition?: 'before' | 'above' | 'align-before' | 'auto' | null;
405
+ /**
406
+ * The listener set for this object.
407
+ * ...
408
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-listeners)
409
+ */
410
+ listeners?: GridBaseListeners;
411
+ /**
412
+ * A [Mask](https://bryntum.com/products/grid/docs/api/Core/widget/Mask) config object, or a message to be shown when a store is performing a remote
413
+ * operation, or Crud Manager is loading data from the sever. Set to `null` to disable default load mask.
414
+ */
415
+ loadMask?: string | MaskConfig | null;
416
+ /**
417
+ * A [Mask](https://bryntum.com/products/grid/docs/api/Core/widget/Mask) config object to adjust the [maskDefaults](#Core/widget/Widget#config-maskDefaults)
418
+ * when data is loading. The message and optional configuration from the
419
+ * [loadMask](https://bryntum.com/products/grid/docs/api/Core/mixin/LoadMaskable#config-loadMask) config take priority over these options, just as they do
420
+ * for `maskDefaults`, respectively.
421
+ * ...
422
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-loadMaskDefaults)
423
+ */
424
+ loadMaskDefaults?: MaskConfig;
425
+ /**
426
+ * A [Mask](https://bryntum.com/products/grid/docs/api/Core/widget/Mask) config object to adjust the [maskDefaults](#Core/widget/Widget#config-maskDefaults)
427
+ * when an error occurs loading data.
428
+ * ...
429
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-loadMaskError)
430
+ */
431
+ loadMaskError?: MaskConfig | Mask | boolean;
432
+ /**
433
+ * Set to `false` to disable localization of this object.
434
+ */
435
+ localizable?: boolean;
436
+ /**
437
+ * Time in ms until a longpress is triggered
438
+ */
439
+ longPressTime?: number;
440
+ /**
441
+ * Widget's margin. This may be configured as a single number or a `TRBL` format string.
442
+ * numeric-only values are interpreted as pixels.
443
+ */
444
+ margin?: number | string;
445
+ /**
446
+ * Grids change the `maskDefaults` to cover only their `body` element.
447
+ */
448
+ maskDefaults?: MaskConfig;
449
+ /**
450
+ * Set to `true` to apply the default mask to the widget. Alternatively, this can be the mask message or a
451
+ * [Mask](https://bryntum.com/products/grid/docs/api/Core/widget/Mask) config object.
452
+ */
453
+ masked?: boolean | string | MaskConfig;
454
+ /**
455
+ * The element's maxHeight. Can be either a String or a Number (which will have 'px' appended). Note that
456
+ * like [height](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-height), *reading* the value will return the numeric value in pixels.
457
+ */
458
+ maxHeight?: string | number;
459
+ /**
460
+ * The elements maxWidth. Can be either a String or a Number (which will have 'px' appended). Note that
461
+ * like [width](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.
462
+ */
463
+ maxWidth?: string | number;
464
+ /**
465
+ * Grid's `min-height`. Defaults to `10em` to be sure that the Grid always has a height wherever it is
466
+ * inserted.
467
+ * ...
468
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-minHeight)
469
+ */
470
+ minHeight?: string | number;
471
+ /**
472
+ * The elements minWidth. Can be either a String or a Number (which will have 'px' appended). Note that
473
+ * like [width](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-width), *reading* the value will return the numeric value in pixels.
474
+ */
475
+ minWidth?: string | number;
476
+ /**
477
+ * Grid monitors window resize by default.
478
+ */
479
+ monitorResize?: boolean;
480
+ /**
481
+ * The owning Widget of this Widget. If this Widget is directly contained (that is, it is one of the
482
+ * [items](https://bryntum.com/products/grid/docs/api/Core/widget/Container#property-items) of a Container), this config will be ignored. In this case
483
+ * the owner is <strong>always</strong> the encapsulating Container.
484
+ * ...
485
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-owner)
486
+ */
487
+ owner?: Widget | any;
488
+ /**
489
+ * Specify plugins (an array of classes) in config
490
+ */
491
+ plugins?: Function[];
492
+ /**
493
+ * True to preserve focused cell after loading new data
494
+ */
495
+ preserveFocusOnDatasetChange?: boolean;
496
+ /**
497
+ * Preserve the grid's vertical scroll position when changesets are applied, as in the case of remote
498
+ * changes, or when stores are configured with [syncDataOnLoad](https://bryntum.com/products/grid/docs/api/Core/data/Store#config-syncDataOnLoad).
499
+ */
500
+ preserveScroll?: PreserveScrollOptions | boolean;
501
+ /**
502
+ * Specify `true` to preserve vertical scroll position after store actions that trigger a `refresh` event,
503
+ * such as loading new data and filtering.
504
+ */
505
+ preserveScrollOnDatasetChange?: boolean;
506
+ /**
507
+ * Prevent tooltip from being displayed on touch devices. Useful for example for buttons that display a
508
+ * menu on click etc, since the tooltip would be displayed at the same time.
509
+ */
510
+ preventTooltipOnTouch?: boolean;
511
+ /**
512
+ * Set to `true` to make the grid read-only, by disabling any UIs for modifying data.
513
+ * ...
514
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-readOnly)
515
+ */
516
+ readOnly?: boolean;
517
+ relayStoreEvents?: boolean;
518
+ /**
519
+ * Either a default `rendition` to apply to all child widgets, or a map of renditions keyed by child widget
520
+ * `type`.
521
+ * ...
522
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-rendition)
523
+ */
524
+ rendition?: string | Record<string, string> | null;
525
+ /**
526
+ * Configure this property to allow the widget/component to be resized. Pressing <kbd>Shift</kbd> while resizing will
527
+ * constrain the aspect ratio.
528
+ * ...
529
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-resizable)
530
+ */
531
+ resizable?: boolean | {
532
+ minWidth?: number;
533
+ maxWidth?: number;
534
+ minHeight?: number;
535
+ maxHeight?: number;
536
+ handles?: object;
537
+ };
538
+ /**
539
+ * Set to `false` to only measure cell contents when double-clicking the edge between column headers.
540
+ */
541
+ resizeToFitIncludesHeader?: boolean;
542
+ /**
543
+ * "Break points" for which responsive config to use for columns and css.
544
+ * ...
545
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-responsiveLevels)
546
+ */
547
+ responsiveLevels?: Record<string, number | string | ResponsiveLevelConfig>;
548
+ /**
549
+ * Configure as `true` to have the component display a translucent ripple when its
550
+ * [focusElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the
551
+ * current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.
552
+ * ...
553
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-ripple)
554
+ */
555
+ ripple?: boolean | {
556
+ delegate?: string;
557
+ color?: string;
558
+ radius?: number;
559
+ clip?: string;
560
+ };
561
+ /**
562
+ * If you are rendering this widget to a shadow root inside a web component, set this config to the shadowRoot. If not inside a web component, set it to `document.body`
563
+ */
564
+ rootElement?: ShadowRoot | HTMLElement;
565
+ /**
566
+ * Row height in pixels. This allows the default height for rows to be controlled. Note that it may be
567
+ * overriden by specifying a [rowHeight](https://bryntum.com/products/grid/docs/api/Grid/data/GridRowModel#field-rowHeight) on a per record basis, or from
568
+ * a column [renderer](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-renderer).
569
+ * ...
570
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-rowHeight)
571
+ */
572
+ rowHeight?: number;
573
+ /**
574
+ * Set to `false` to not show row lines. End result might be overruled by/differ between themes.
575
+ */
576
+ rowLines?: boolean;
577
+ /**
578
+ * This may be configured as `true` to make the widget's element use the `direction:rtl` style.
579
+ * ...
580
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-rtl)
581
+ */
582
+ rtl?: boolean;
583
+ /**
584
+ * Configures whether the grid is scrollable in the `Y` axis. This is used to configure a [Scroller](https://bryntum.com/products/grid/docs/api/Core/helper/util/Scroller).
585
+ * See the [scrollerClass](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-scrollerClass) config option.
586
+ * ...
587
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-scrollable)
588
+ */
589
+ scrollable?: boolean | ScrollerConfig | Scroller;
590
+ /**
591
+ * The class to instantiate to use as the [scrollable](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-scrollable). Defaults to [Scroller](#Core/helper/util/Scroller).
592
+ */
593
+ scrollerClass?: typeof Scroller;
594
+ /**
595
+ * Configuration values for the [ScrollManager](https://bryntum.com/products/grid/docs/api/Core/util/ScrollManager) class on initialization. Returns the
596
+ * [ScrollManager](https://bryntum.com/products/grid/docs/api/Core/util/ScrollManager) at runtime.
597
+ */
598
+ scrollManager?: ScrollManagerConfig | ScrollManager;
599
+ /**
600
+ * Selection configuration settings, change these properties to control how selection works and what can be
601
+ * selected.
602
+ * ...
603
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-selectionMode)
604
+ */
605
+ selectionMode?: GridSelectionMode;
606
+ /**
607
+ * Configure as `true` to have the grid show a red "changed" tag in cells whose
608
+ * field value has changed and not yet been committed.
609
+ * ...
610
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-showDirty)
611
+ */
612
+ showDirty?: boolean | {
613
+ duringEdit?: boolean;
614
+ newRecord?: boolean;
615
+ };
616
+ /**
617
+ * Programmatic control over how many columns to span when used in a grid layout.
618
+ */
619
+ span?: number;
620
+ /**
621
+ * This value can be one of the following:
622
+ * ...
623
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-stateful)
624
+ */
625
+ stateful?: boolean | object | string[];
626
+ /**
627
+ * The events that, when fired by this component, should trigger it to save its state by calling
628
+ * [saveState](https://bryntum.com/products/grid/docs/api/Core/mixin/State#function-saveState).
629
+ * ...
630
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-statefulEvents)
631
+ */
632
+ statefulEvents?: object | string[];
633
+ /**
634
+ * The key to use when saving this object's state in the [stateProvider](https://bryntum.com/products/grid/docs/api/Core/mixin/State#config-stateProvider). If this config is
635
+ * not assigned, and [stateful](https://bryntum.com/products/grid/docs/api/Core/mixin/State#config-stateful) is not set to `false`, the [id](#Core/widget/Widget#config-id)
636
+ * (if explicitly specified) will be used as the `stateId`.
637
+ * ...
638
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-stateId)
639
+ */
640
+ stateId?: string;
641
+ /**
642
+ * The `StateProvider` to use to save and restore this object's [state](https://bryntum.com/products/grid/docs/api/Core/mixin/State#property-state). By default, `state`
643
+ * will be saved using the [default state provider](https://bryntum.com/products/grid/docs/api/Core/state/StateProvider#property-instance-static).
644
+ * ...
645
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-stateProvider)
646
+ */
647
+ stateProvider?: StateProvider;
648
+ /**
649
+ * The properties of this settings object controls how grid is restored from state data.
650
+ * ...
651
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-stateSettings)
652
+ */
653
+ stateSettings?: {
654
+ restoreUnconfiguredColumns?: boolean;
655
+ };
656
+ /**
657
+ * Store that holds records to display in the grid, or a store config object. If the configuration contains
658
+ * a `readUrl`, an `AjaxStore` will be created.
659
+ * ...
660
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-store)
661
+ */
662
+ store?: Store | StoreConfig | AjaxStore | AjaxStoreConfig;
663
+ /**
664
+ * An object containing widgets keyed by name. By default (when no `type` is given), strips are
665
+ * [toolbars](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar). If you want to pass an array, you can use
666
+ * the toolbar's [items](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-items).
667
+ * ...
668
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-strips)
669
+ */
670
+ strips?: Record<string, GridContainerItemConfig>;
671
+ /**
672
+ * An object containing sub grid configuration objects keyed by a `region` property.
673
+ * By default, grid has a 'locked' region (if configured with locked columns) and a 'normal' region.
674
+ * The 'normal' region defaults to use `flex: 1`.
675
+ * ...
676
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-subGridConfigs)
677
+ */
678
+ subGridConfigs?: Record<string, SubGridConfig>;
679
+ /**
680
+ * A [Mask](https://bryntum.com/products/grid/docs/api/Core/widget/Mask) config object, or a message to be shown when Crud Manager
681
+ * is persisting changes on the server. Set to `null` to disable default sync mask.
682
+ * ...
683
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-syncMask)
684
+ */
685
+ syncMask?: string | MaskConfig | null;
686
+ /**
687
+ * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
688
+ * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
689
+ * this widget:
690
+ * ...
691
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-tab)
692
+ */
693
+ tab?: boolean | TabConfig;
694
+ /**
695
+ * When this container is used as a tab in a TabPanel, these items are added to the
696
+ * [TabBar](https://bryntum.com/products/grid/docs/api/Core/widget/TabBar) when this container is the active tab.
697
+ * ...
698
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-tabBarItems)
699
+ */
700
+ tabBarItems?: ToolbarItems[] | Widget[];
701
+ /**
702
+ * A Config object representing the configuration of a [Toolbar](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar),
703
+ * or array of config objects representing the child items of a Toolbar.
704
+ * This creates a toolbar docked to the top of the panel immediately below the header.
705
+ * ...
706
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-tbar)
707
+ */
708
+ tbar?: (GridContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
709
+ /**
710
+ * A title to display in the header or owning TabPanel. Causes creation and docking of a header
711
+ * to the top if no header is configured.
712
+ * ...
713
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-title)
714
+ */
715
+ title?: string;
716
+ /**
717
+ * The [tools](https://bryntum.com/products/grid/docs/api/Core/widget/Tool) to add either before or after the `title` in the Panel header. Each
718
+ * property name is the reference by which an instantiated tool may be retrieved from the live
719
+ * `[tools](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/Toolable#property-tools)` property.
720
+ * ...
721
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-tools)
722
+ */
723
+ tools?: Record<string, ToolConfig> | null;
724
+ /**
725
+ * Configure UI transitions for various actions in the grid.
726
+ */
727
+ transition?: {
728
+ insertRecord?: boolean;
729
+ removeRecord?: boolean;
730
+ toggleColumn?: boolean;
731
+ expandCollapseColumn?: boolean;
732
+ toggleRegion?: boolean;
733
+ toggleTreeNode?: boolean;
734
+ toggleGroup?: boolean;
735
+ filterRemoval?: boolean;
736
+ };
737
+ /**
738
+ * Animation transition duration in milliseconds.
739
+ */
740
+ transitionDuration?: number;
741
+ /**
742
+ * Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified
743
+ * as a space separated string, an array of strings, or as an object in which property names with truthy
744
+ * values are used as the class names.
745
+ * ...
746
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-ui)
747
+ */
748
+ ui?: 'plain' | 'toolbar' | string | object;
749
+ /**
750
+ * A widgets weight determines its position among siblings when added to a [Container](https://bryntum.com/products/grid/docs/api/Core/widget/Container).
751
+ * Higher weights go further down.
752
+ */
753
+ weight?: number;
754
+ /**
755
+ * Widget's width, used to set element `style.width`. Either specify a valid width string or a number, which
756
+ * will get 'px' appended. We recommend using CSS as the primary way to control width, but in some cases
757
+ * this config is convenient.
758
+ */
759
+ width?: string | number;
760
+ /**
761
+ * AI-powered filter feature for Grid. Allows users to type natural language queries to filter grid data.
762
+ * ...
763
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/ai/AIFilter)
764
+ */
765
+ aiFilterFeature?: object | boolean | string | AIFilter | AIFilterConfig;
766
+ /**
767
+ * Allows using `[Ctrl/CMD + C]`, `[Ctrl/CMD + X]` and `[Ctrl/CMD + V]` to cut, copy and paste cell or cell ranges. Also
768
+ * makes cut, copy and paste actions available via the cell context menu.
769
+ * ...
770
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/CellCopyPaste)
771
+ */
772
+ cellCopyPasteFeature?: object | boolean | string | CellCopyPaste | CellCopyPasteConfig;
773
+ /**
774
+ * Adding this feature to the grid and other Bryntum products which are based on the Grid (i.e. Scheduler, SchedulerPro, and Gantt)
775
+ * enables cell editing. Any subclass of [Field](https://bryntum.com/products/grid/docs/api/Core/widget/Field) can be used
776
+ * as editor for the [Column](https://bryntum.com/products/grid/docs/api/Grid/column/Column). The most popular are:
777
+ * ...
778
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit)
779
+ */
780
+ cellEditFeature?: object | boolean | string | CellEdit | CellEditConfig;
781
+ /**
782
+ * Right click to display context menu for cells. To invoke the cell menu in a keyboard-accessible manner, use the
783
+ * `SPACE` key when the cell is focused.
784
+ * ...
785
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/CellMenu)
786
+ */
787
+ cellMenuFeature?: object | boolean | string | CellMenu | CellMenuConfig;
788
+ /**
789
+ * Displays a tooltip when hovering cells.
790
+ * ...
791
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/CellTooltip)
792
+ */
793
+ cellTooltipFeature?: object | boolean | string | CellTooltip | CellTooltipConfig;
794
+ /**
795
+ * Adds interactive charting to a Grid. [Charts](https://bryntum.com/products/grid/docs/api/Chart/widget/Chart) can be created from a selection of Grid data
796
+ * and updated in realtime as data changes. Supports many common chart types with extensive styling and customization
797
+ * options.
798
+ * ...
799
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/Charts)
800
+ */
801
+ chartsFeature?: object | boolean | string | Charts | ChartsConfig;
802
+ /**
803
+ * Enables the [autoWidth](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-autoWidth) config for a grid's columns.
804
+ * ...
805
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/ColumnAutoWidth)
806
+ */
807
+ columnAutoWidthFeature?: object | boolean | string | ColumnAutoWidth | ColumnAutoWidthConfig;
808
+ /**
809
+ * Displays a toolbar while dragging column headers. Drop on a button in the toolbar to activate a certain function,
810
+ * for example to group by that column. This feature simplifies certain operations on touch devices.
811
+ * ...
812
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/ColumnDragToolbar)
813
+ */
814
+ columnDragToolbarFeature?: object | boolean | string | ColumnDragToolbar | ColumnDragToolbarConfig;
815
+ /**
816
+ * Displays a column picker (to show/hide columns) in the header context menu. Columns can be displayed in sub menus
817
+ * by region or tag. Grouped headers are displayed as menu hierarchies.
818
+ * ...
819
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/ColumnPicker)
820
+ */
821
+ columnPickerFeature?: object | boolean | string | ColumnPicker | ColumnPickerConfig;
822
+ /**
823
+ * Allows user to rename columns by either right-clicking column header or using keyboard shortcuts when column header
824
+ * is focused.
825
+ * ...
826
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/ColumnRename)
827
+ */
828
+ columnRenameFeature?: object | boolean | string | ColumnRename | ColumnRenameConfig;
829
+ /**
830
+ * Allows user to reorder columns by dragging headers. To get notified about column reorder listen to `change` event
831
+ * on [columns](https://bryntum.com/products/grid/docs/api/Grid/data/ColumnStore) store.
832
+ * ...
833
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/ColumnReorder)
834
+ */
835
+ columnReorderFeature?: object | boolean | string | ColumnReorder | ColumnReorderConfig;
836
+ /**
837
+ * Enables user to resize columns by dragging a handle on the right hand side of the header. To get notified about column
838
+ * resize listen to `change` event on [columns](https://bryntum.com/products/grid/docs/api/Grid/data/ColumnStore) store.
839
+ * ...
840
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/ColumnResize)
841
+ */
842
+ columnResizeFeature?: object | boolean | string | ColumnResize | ColumnResizeConfig;
843
+ /**
844
+ * A feature that allows exporting Grid data to Excel or CSV without involving the server. It uses
845
+ * [TableExporter](https://bryntum.com/products/grid/docs/api/Grid/util/TableExporter) class as data provider, 3rd party provider to generate XLS files, and
846
+ * [Microsoft XML specification](https://msdn.microsoft.com/en-us/library/office/documentformat.openxml.spreadsheet.aspx).
847
+ * ...
848
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/experimental/ExcelExporter)
849
+ */
850
+ excelExporterFeature?: object | boolean | string | ExcelExporter | ExcelExporterConfig;
851
+ /**
852
+ * An experimental feature that lets users drop files on a Widget. The widget fires an event when a file is dropped onto it.
853
+ * In the event, you get access to the raw files as strings, that were parsed by calling `readAsBinaryString`.
854
+ * ...
855
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/experimental/FileDrop)
856
+ */
857
+ fileDropFeature?: object | boolean | string | FileDrop | FileDropConfig;
858
+ /**
859
+ * This feature adds a fill handle to a Grid range selection, which when dragged, fills the cells being dragged over
860
+ * with values based on the values in the original selected range. This is similar to functionality normally seen in
861
+ * various spreadsheet applications.
862
+ * ...
863
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/FillHandle)
864
+ */
865
+ fillHandleFeature?: object | boolean | string | FillHandle | FillHandleConfig;
866
+ /**
867
+ * Feature that allows filtering of the grid by settings filters on columns. The actual filtering is done by the store.
868
+ * For info on programmatically handling filters, see [StoreFilter](https://bryntum.com/products/grid/docs/api/Core/data/mixin/StoreFilter).
869
+ * ...
870
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/Filter)
871
+ */
872
+ filterFeature?: object | boolean | string | Filter | FilterConfig;
873
+ /**
874
+ * Feature that allows filtering of the grid by entering filters on column headers.
875
+ * The actual filtering is done by the store.
876
+ * For info on programmatically handling filters, see [StoreFilter](https://bryntum.com/products/grid/docs/api/Core/data/mixin/StoreFilter).
877
+ * ...
878
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/FilterBar)
879
+ */
880
+ filterBarFeature?: object | boolean | string | FilterBar | FilterBarConfig;
881
+ /**
882
+ * Enables rendering and handling of row groups. The actual grouping is done in the store, but triggered by
883
+ * <kbd>shift</kbd> + clicking headers, or by using the context menu, or by using two finger tap (one on header,
884
+ * one anywhere on grid). Use <kbd>shift</kbd> + <kbd>alt</kbd> + click, or the context menu, to remove a column
885
+ * grouper.
886
+ * ...
887
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/Group)
888
+ */
889
+ groupFeature?: object | boolean | string | Group | GroupConfig;
890
+ /**
891
+ * Displays a summary row as a group footer in a grouped grid. Uses the same configuration options on columns as
892
+ * [Summary](https://bryntum.com/products/grid/docs/api/Grid/feature/Summary).
893
+ * ...
894
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/GroupSummary)
895
+ */
896
+ groupSummaryFeature?: object | boolean | string | GroupSummary | GroupSummaryConfig;
897
+ /**
898
+ * Right click column header or focus it and press SPACE key to show the context menu for headers.
899
+ * ...
900
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/HeaderMenu)
901
+ */
902
+ headerMenuFeature?: object | boolean | string | HeaderMenu | HeaderMenuConfig;
903
+ /**
904
+ * This feature allows records which satisfy a certain condition to be locked at the top of the grid.
905
+ * ...
906
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/LockRows)
907
+ */
908
+ lockRowsFeature?: object | boolean | string | LockRows | LockRowsConfig;
909
+ /**
910
+ * This feature merges cells that have the same value in sorted (or [optionally](https://bryntum.com/products/grid/docs/api/Grid/feature/MergeCells#config-sortedOnly) any) columns
911
+ * configured to [mergeCells](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-mergeCells).
912
+ * ...
913
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/MergeCells)
914
+ */
915
+ mergeCellsFeature?: object | boolean | string | MergeCells | MergeCellsConfig;
916
+ /**
917
+ * Generates PDF/PNG files from the Grid component.
918
+ * ...
919
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/export/PdfExport)
920
+ */
921
+ pdfExportFeature?: object | boolean | string | PdfExport | PdfExportConfig;
922
+ /**
923
+ * Allows pinning columns to the start or end region of the grid without any additional subGrid configurations.
924
+ * When pinning to a region that does not yet exist, the feature creates the required subGrid on the fly.
925
+ * ...
926
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/PinColumns)
927
+ */
928
+ pinColumnsFeature?: object | boolean | string | PinColumns | PinColumnsConfig;
929
+ /**
930
+ * Allows printing Grid contents using browser print dialog.
931
+ * ...
932
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/export/Print)
933
+ */
934
+ printFeature?: object | boolean | string | Print | PrintConfig;
935
+ /**
936
+ * Feature that allows the user to search in a column by focusing a cell and typing. Navigate between hits using the
937
+ * keyboard, [f3] or [ctrl]/[cmd] + [g] moves to next, also pressing [shift] moves to previous.
938
+ * ...
939
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/QuickFind)
940
+ */
941
+ quickFindFeature?: object | boolean | string | QuickFind | QuickFindConfig;
942
+ /**
943
+ * Makes the splitter between grid [sections](https://bryntum.com/products/grid/docs/api/Grid/view/SubGrid) draggable, to let users resize, and
944
+ * collapse/expand the sections.
945
+ * ...
946
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/RegionResize)
947
+ */
948
+ regionResizeFeature?: object | boolean | string | RegionResize | RegionResizeConfig;
949
+ /**
950
+ * Allow using [Ctrl/CMD + C/X] and [Ctrl/CMD + V] to copy/cut-and-paste rows. Also makes cut, copy and paste actions
951
+ * available via the cell context menu.
952
+ * ...
953
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/RowCopyPaste)
954
+ */
955
+ rowCopyPasteFeature?: object | boolean | string | RowCopyPaste | RowCopyPasteConfig;
956
+ /**
957
+ * This feature allows editing of entire rows in a grid in a docked panel which by default slides out from the right.
958
+ * ...
959
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/RowEdit)
960
+ */
961
+ rowEditFeature?: object | boolean | string | RowEdit | RowEditConfig;
962
+ /**
963
+ * Enables expanding of Grid rows by either row click or double click, or by adding a separate Grid column which renders
964
+ * a button that expands or collapses the row.
965
+ * ...
966
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/RowExpander)
967
+ */
968
+ rowExpanderFeature?: object | boolean | string | RowExpander | RowExpanderConfig;
969
+ /**
970
+ * Allows user to reorder rows by dragging them. To get notified about row reorder listen to `change` event
971
+ * on the grid [store](https://bryntum.com/products/grid/docs/api/Core/data/Store).
972
+ * ...
973
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/RowReorder)
974
+ */
975
+ rowReorderFeature?: object | boolean | string | RowReorder | RowReorderConfig;
976
+ /**
977
+ * Enables user to change row height by dragging the bottom row border. After a resize operation, the [rowHeight](https://bryntum.com/products/grid/docs/api/Grid/data/GridRowModel#field-rowHeight)
978
+ * field of the record is updated (when [applyToAllRows](https://bryntum.com/products/grid/docs/api/Grid/feature/RowResize#config-applyToAllRows) is `false`).
979
+ * ...
980
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/RowResize)
981
+ */
982
+ rowResizeFeature?: object | boolean | string | RowResize | RowResizeConfig;
983
+ /**
984
+ * <div class="external-example vertical" data-file="Grid/feature/Search.js"></div>
985
+ * ...
986
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/Search)
987
+ */
988
+ searchFeature?: object | boolean | string | Search | SearchConfig;
989
+ /**
990
+ * Allows sorting of grid by clicking (or tapping) headers, also displays which columns grid is sorted by (numbered if
991
+ * using multisort). Use modifier keys for multisorting: [Ctrl/CMD + click] to add sorter, [Ctrl/CMD + Alt + click] to remove sorter.
992
+ * The actual sorting is done by the store, see [Store.sort()](https://bryntum.com/products/grid/docs/api/Core/data/mixin/StoreSort#function-sort).
993
+ * ...
994
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/Sort)
995
+ */
996
+ sortFeature?: object | boolean | string | Sort | SortConfig;
997
+ /**
998
+ * This feature allows splitting the Grid into multiple views, either by using the cell context menu, or
999
+ * programmatically by calling [split()](https://bryntum.com/products/grid/docs/api/Grid/feature/Split#function-split).
1000
+ * ...
1001
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/Split)
1002
+ */
1003
+ splitFeature?: object | boolean | string | Split | SplitConfig;
1004
+ /**
1005
+ * A feature which pins configurable content from a grid row to the top of the grid
1006
+ * while the row scrolls off the top but is still visible.
1007
+ * ...
1008
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/StickyCells)
1009
+ */
1010
+ stickyCellsFeature?: object | boolean | string | StickyCells | StickyCellsConfig;
1011
+ /**
1012
+ * Stripes rows by adding alternating CSS classes to all row elements (`b-even` and `b-odd`).
1013
+ * ...
1014
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/Stripe)
1015
+ */
1016
+ stripeFeature?: object | boolean | string | Stripe | StripeConfig;
1017
+ /**
1018
+ * Displays a summary row in the grid footer.
1019
+ * ...
1020
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/Summary)
1021
+ */
1022
+ summaryFeature?: object | boolean | string | Summary | SummaryConfig;
1023
+ /**
1024
+ * Feature that makes the grid work more like a tree. Included by default in [TreeGrid](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid). Requires
1025
+ * exactly one [TreeColumn](https://bryntum.com/products/grid/docs/api/Grid/column/TreeColumn) among grids columns. That column will have its renderer replaced with a
1026
+ * tree renderer that adds padding and icon to give the appearance of a tree. The original renderer is preserved and
1027
+ * also called.
1028
+ * ...
1029
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/Tree)
1030
+ */
1031
+ treeFeature?: object | boolean | string | Tree | TreeConfig;
1032
+ /**
1033
+ * A feature that allows transforming a flat dataset (or the leaves of a hierarchical) into a tree by specifying a
1034
+ * record field per parent level. Parents are generated based on each leaf's value for those fields.
1035
+ * ...
1036
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/feature/TreeGroup)
1037
+ */
1038
+ treeGroupFeature?: object | boolean | string | TreeGroup | TreeGroupConfig;
1039
+ };
1040
+ export declare class BryntumGridBaseComponent implements OnInit, OnDestroy {
1041
+ static instanceClass: typeof GridBase;
1042
+ static instanceName: string;
1043
+ private static bryntumEvents;
1044
+ private static bryntumFeatureNames;
1045
+ private static bryntumConfigs;
1046
+ private static bryntumConfigsOnly;
1047
+ private static bryntumProps;
1048
+ private elementRef;
1049
+ instance: GridBase;
1050
+ private bryntumConfig;
1051
+ constructor(element: ElementRef);
1052
+ adopt: HTMLElement | string;
1053
+ animateFilterRemovals: boolean;
1054
+ animateRemovingRows: boolean;
1055
+ ariaDescription: string;
1056
+ ariaLabel: string;
1057
+ autoHeight: boolean;
1058
+ bbar: (GridContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
1059
+ bodyCls: string | object;
1060
+ bubbleEvents: object;
1061
+ collapsible: boolean | PanelCollapserConfig | PanelCollapserOverlayConfig;
1062
+ color: string;
1063
+ config: object;
1064
+ contentElementCls: string | object;
1065
+ contextMenuTriggerEvent: 'contextmenu' | 'click' | 'dblclick';
1066
+ dataField: string;
1067
+ defaultRegion: string;
1068
+ destroyStore: boolean;
1069
+ detectCSSCompatibilityIssues: boolean;
1070
+ disableGridColumnIdWarning: boolean;
1071
+ disableGridRowModelWarning: boolean;
1072
+ dock: 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'header' | 'pre-header' | object;
1073
+ drawer: boolean | {
1074
+ side?: 'start' | 'left' | 'end' | 'right' | 'top' | 'bottom';
1075
+ size?: string | number;
1076
+ inline?: boolean;
1077
+ autoClose: {
1078
+ mousedown?: boolean | string;
1079
+ focusout?: boolean | string;
1080
+ mouseout?: string;
1081
+ };
1082
+ autoCloseDelay?: number;
1083
+ };
1084
+ elementAttributes: Record<string, string | null>;
1085
+ enableSticky: boolean;
1086
+ enableTextSelection: boolean;
1087
+ fillLastColumn: boolean;
1088
+ fixedRowHeight: boolean;
1089
+ footer: {
1090
+ dock?: 'top' | 'right' | 'bottom' | 'left' | 'start' | 'end';
1091
+ html?: string;
1092
+ cls?: string;
1093
+ } | string;
1094
+ formulaProviders: Record<string, FormulaProviderConfig>;
1095
+ fullRowRefresh: boolean;
1096
+ getRowHeight: (getRowHeight: {
1097
+ record: Model;
1098
+ }) => number;
1099
+ header: string | boolean | PanelHeader;
1100
+ hideHorizontalScrollbar: boolean;
1101
+ hoverCls: string;
1102
+ icon: string | DomConfig;
1103
+ ignoreParentReadOnly: boolean;
1104
+ listeners: GridBaseListeners;
1105
+ loadMask: string | MaskConfig | null;
1106
+ loadMaskDefaults: MaskConfig;
1107
+ loadMaskError: MaskConfig | Mask | boolean;
1108
+ localizable: boolean;
1109
+ maskDefaults: MaskConfig;
1110
+ masked: boolean | string | MaskConfig;
1111
+ monitorResize: boolean;
1112
+ owner: Widget | any;
1113
+ plugins: Function[];
1114
+ preserveFocusOnDatasetChange: boolean;
1115
+ preserveScrollOnDatasetChange: boolean;
1116
+ preventTooltipOnTouch: boolean;
1117
+ relayStoreEvents: boolean;
1118
+ resizable: boolean | {
1119
+ minWidth?: number;
1120
+ maxWidth?: number;
1121
+ minHeight?: number;
1122
+ maxHeight?: number;
1123
+ handles?: object;
1124
+ };
1125
+ resizeToFitIncludesHeader: boolean;
1126
+ responsiveLevels: Record<string, number | string | ResponsiveLevelConfig>;
1127
+ ripple: boolean | {
1128
+ delegate?: string;
1129
+ color?: string;
1130
+ radius?: number;
1131
+ clip?: string;
1132
+ };
1133
+ rootElement: ShadowRoot | HTMLElement;
1134
+ scrollerClass: typeof Scroller;
1135
+ scrollManager: ScrollManagerConfig | ScrollManager;
1136
+ showDirty: boolean | {
1137
+ duringEdit?: boolean;
1138
+ newRecord?: boolean;
1139
+ };
1140
+ stateful: boolean | object | string[];
1141
+ statefulEvents: object | string[];
1142
+ stateId: string;
1143
+ stateProvider: StateProvider;
1144
+ strips: Record<string, GridContainerItemConfig>;
1145
+ subGridConfigs: Record<string, SubGridConfig>;
1146
+ syncMask: string | MaskConfig | null;
1147
+ tab: boolean | TabConfig;
1148
+ tabBarItems: ToolbarItems[] | Widget[];
1149
+ tbar: (GridContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
1150
+ ui: 'plain' | 'toolbar' | string | object;
1151
+ weight: number;
1152
+ alignSelf: string;
1153
+ animateTreeNodeToggle: boolean;
1154
+ appendTo: HTMLElement | string;
1155
+ callOnFunctions: boolean;
1156
+ catchEventHandlerExceptions: boolean;
1157
+ cellEllipsis: boolean;
1158
+ cls: string | object;
1159
+ collapsed: boolean;
1160
+ column: number;
1161
+ columnLines: boolean;
1162
+ columns: ColumnStore | GridColumnConfig[] | ColumnStoreConfig;
1163
+ data: object[] | Model[] | ModelConfig[];
1164
+ dataset: object | Record<string, string>;
1165
+ disabled: boolean | 'inert';
1166
+ emptyText: string | EmptyTextDomConfig;
1167
+ enableUndoRedoKeys: boolean;
1168
+ extraData: any;
1169
+ flex: number | string;
1170
+ height: number | string;
1171
+ hidden: boolean;
1172
+ hideFooters: boolean;
1173
+ hideHeaders: boolean;
1174
+ id: string;
1175
+ inputFieldAlign: 'start' | 'end';
1176
+ insertBefore: HTMLElement | string;
1177
+ insertFirst: HTMLElement | string;
1178
+ keyMap: Record<string, KeyMapConfig>;
1179
+ labelPosition: 'before' | 'above' | 'align-before' | 'auto' | null;
1180
+ longPressTime: number;
1181
+ margin: number | string;
1182
+ maxHeight: string | number;
1183
+ maxWidth: string | number;
1184
+ minHeight: string | number;
1185
+ minWidth: string | number;
1186
+ preserveScroll: PreserveScrollOptions | boolean;
1187
+ readOnly: boolean;
1188
+ rendition: string | Record<string, string> | null;
1189
+ rowHeight: number;
1190
+ rowLines: boolean;
1191
+ rtl: boolean;
1192
+ scrollable: Scroller | boolean | ScrollerConfig;
1193
+ selectionMode: GridSelectionMode;
1194
+ span: number;
1195
+ stateSettings: {
1196
+ restoreUnconfiguredColumns?: boolean;
1197
+ };
1198
+ store: Store | StoreConfig | AjaxStore | AjaxStoreConfig;
1199
+ title: string;
1200
+ tools: Record<string, Tool | ToolConfig> | null | Record<string, Tool> | Record<string, ToolConfig>;
1201
+ transition: {
1202
+ insertRecord?: boolean;
1203
+ removeRecord?: boolean;
1204
+ toggleColumn?: boolean;
1205
+ expandCollapseColumn?: boolean;
1206
+ toggleRegion?: boolean;
1207
+ toggleTreeNode?: boolean;
1208
+ toggleGroup?: boolean;
1209
+ filterRemoval?: boolean;
1210
+ };
1211
+ transitionDuration: number;
1212
+ width: number | string;
1213
+ focusVisible: boolean;
1214
+ hasChanges: boolean;
1215
+ originalStore: Store;
1216
+ parent: Widget;
1217
+ selectedCell: GridLocation | GridLocationConfig;
1218
+ selectedCells: GridLocation[] | GridLocationConfig[];
1219
+ selectedRecord: Model;
1220
+ selectedRecords: Model[] | number[];
1221
+ selectedRows: Model[] | number[];
1222
+ state: GridStateInfo;
1223
+ tooltip: string | TooltipConfig;
1224
+ aiFilterFeature: object | boolean | string | AIFilter | AIFilterConfig;
1225
+ cellCopyPasteFeature: object | boolean | string | CellCopyPaste | CellCopyPasteConfig;
1226
+ cellEditFeature: object | boolean | string | CellEdit | CellEditConfig;
1227
+ cellMenuFeature: object | boolean | string | CellMenu | CellMenuConfig;
1228
+ cellTooltipFeature: object | boolean | string | CellTooltip | CellTooltipConfig;
1229
+ chartsFeature: object | boolean | string | Charts | ChartsConfig;
1230
+ columnAutoWidthFeature: object | boolean | string | ColumnAutoWidth | ColumnAutoWidthConfig;
1231
+ columnDragToolbarFeature: object | boolean | string | ColumnDragToolbar | ColumnDragToolbarConfig;
1232
+ columnPickerFeature: object | boolean | string | ColumnPicker | ColumnPickerConfig;
1233
+ columnRenameFeature: object | boolean | string | ColumnRename | ColumnRenameConfig;
1234
+ columnReorderFeature: object | boolean | string | ColumnReorder | ColumnReorderConfig;
1235
+ columnResizeFeature: object | boolean | string | ColumnResize | ColumnResizeConfig;
1236
+ excelExporterFeature: object | boolean | string | ExcelExporter | ExcelExporterConfig;
1237
+ fileDropFeature: object | boolean | string | FileDrop | FileDropConfig;
1238
+ fillHandleFeature: object | boolean | string | FillHandle | FillHandleConfig;
1239
+ filterFeature: object | boolean | string | Filter | FilterConfig;
1240
+ filterBarFeature: object | boolean | string | FilterBar | FilterBarConfig;
1241
+ groupFeature: object | boolean | string | Group | GroupConfig;
1242
+ groupSummaryFeature: object | boolean | string | GroupSummary | GroupSummaryConfig;
1243
+ headerMenuFeature: object | boolean | string | HeaderMenu | HeaderMenuConfig;
1244
+ lockRowsFeature: object | boolean | string | LockRows | LockRowsConfig;
1245
+ mergeCellsFeature: object | boolean | string | MergeCells | MergeCellsConfig;
1246
+ pdfExportFeature: object | boolean | string | PdfExport | PdfExportConfig;
1247
+ pinColumnsFeature: object | boolean | string | PinColumns | PinColumnsConfig;
1248
+ printFeature: object | boolean | string | Print | PrintConfig;
1249
+ quickFindFeature: object | boolean | string | QuickFind | QuickFindConfig;
1250
+ regionResizeFeature: object | boolean | string | RegionResize | RegionResizeConfig;
1251
+ rowCopyPasteFeature: object | boolean | string | RowCopyPaste | RowCopyPasteConfig;
1252
+ rowEditFeature: object | boolean | string | RowEdit | RowEditConfig;
1253
+ rowExpanderFeature: object | boolean | string | RowExpander | RowExpanderConfig;
1254
+ rowReorderFeature: object | boolean | string | RowReorder | RowReorderConfig;
1255
+ rowResizeFeature: object | boolean | string | RowResize | RowResizeConfig;
1256
+ searchFeature: object | boolean | string | Search | SearchConfig;
1257
+ sortFeature: object | boolean | string | Sort | SortConfig;
1258
+ splitFeature: object | boolean | string | Split | SplitConfig;
1259
+ stickyCellsFeature: object | boolean | string | StickyCells | StickyCellsConfig;
1260
+ stripeFeature: object | boolean | string | Stripe | StripeConfig;
1261
+ summaryFeature: object | boolean | string | Summary | SummaryConfig;
1262
+ treeFeature: object | boolean | string | Tree | TreeConfig;
1263
+ treeGroupFeature: object | boolean | string | TreeGroup | TreeGroupConfig;
1264
+ /**
1265
+ * Fires on the owning Grid before the cell editing is canceled, return `false` to prevent cancellation.
1266
+ * @param {object} event Event object
1267
+ * @param {Grid.view.Grid} event.source Owner grid
1268
+ * @param {Grid.util.GridLocation} event.editorContext Editing context
1269
+ */
1270
+ onBeforeCancelCellEdit: any;
1271
+ /**
1272
+ * Fires on the owning Grid before the row editing is canceled, return false to signal that the value is invalid and editing should not be finalized.
1273
+ * ...
1274
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-beforeCancelRowEdit)
1275
+ * @param {object} event Event object
1276
+ * @param {Grid.view.Grid} event.grid Target grid
1277
+ * @param {RowEditorContext} event.editorContext Editing context
1278
+ */
1279
+ onBeforeCancelRowEdit: any;
1280
+ /**
1281
+ * Fires on the owning Grid before editing starts, return `false` to prevent editing
1282
+ * @param {object} event Event object
1283
+ * @param {Grid.view.Grid} event.source Owner grid
1284
+ * @param {CellEditorContext} event.editorContext Editing context
1285
+ */
1286
+ onBeforeCellEditStart: any;
1287
+ /**
1288
+ * Fires on the owning Grid before deleting a range of selected cell values by pressing `Backspace` or `Del`
1289
+ * buttons while [autoEdit](https://bryntum.com/products/grid/docs/api/Grid/feature/CellEdit#config-autoEdit) is set to `true`. Return `false` to prevent editing.
1290
+ * @param {object} event Event object
1291
+ * @param {Grid.view.Grid} event.source Owner grid
1292
+ * @param {(Grid.util.GridLocation|Core.data.Model)[]} event.gridSelection An array of cell selectors or records that will have their values deleted (the records themselves will not get deleted, only visible column values).
1293
+ */
1294
+ onBeforeCellRangeDelete: any;
1295
+ /**
1296
+ * Fires for each selected record on the owning Grid before editing a range of selected cell values
1297
+ * @param {object} event Event object
1298
+ * @param {Core.data.Model} event.record Current selected record from the range
1299
+ * @param {string} event.field The field being changed
1300
+ * @param {any} event.value The value being set
1301
+ */
1302
+ onBeforeCellRangeEdit: any;
1303
+ /**
1304
+ * This event is fired prior to starting a column drag gesture. The drag is canceled if a listener returns `false`.
1305
+ * @param {object} event Event object
1306
+ * @param {Grid.view.Grid} event.source The grid instance.
1307
+ * @param {Grid.column.Column} event.column The dragged column.
1308
+ * @param {Event} event.event The browser event.
1309
+ */
1310
+ onBeforeColumnDragStart: any;
1311
+ /**
1312
+ * This event is fired when a column is dropped, and you can return false from a listener to abort the operation.
1313
+ * @param {object} event Event object
1314
+ * @param {Grid.view.Grid} event.source The grid instance.
1315
+ * @param {Grid.column.Column} event.column The dragged column.
1316
+ * @param {Grid.column.Column} event.insertBefore The column before which the dragged column will be inserted.
1317
+ * @param {Grid.column.Column} event.newParent The new parent column.
1318
+ * @param {Event} event.event The browser event.
1319
+ * @param {string} event.region The region where the column was dropped.
1320
+ */
1321
+ onBeforeColumnDropFinalize: any;
1322
+ /**
1323
+ * This event is fired prior to starting a column resize gesture. The resize is canceled if a listener returns
1324
+ * `false`.
1325
+ * @param {object} event Event object
1326
+ * @param {Grid.view.Grid} event.source The grid instance
1327
+ * @param {Grid.column.Column} event.column The column
1328
+ * @param {Event} event.domEvent The browser event
1329
+ */
1330
+ onBeforeColumnResize: any;
1331
+ /**
1332
+ * Fires on the owning Grid before a copy action is performed, return `false` to prevent the action
1333
+ * @param {object} event Event object
1334
+ * @param {Grid.view.Grid} event.source Owner grid
1335
+ * @param {Grid.util.GridLocation[]} event.cells The cells about to be copied or cut
1336
+ * @param {string} event.data The string data about to be copied or cut
1337
+ * @param {boolean} event.isCut `true` if this is a cut action
1338
+ * @param {string} event.entityName 'cell' to distinguish this event from other beforeCopy events
1339
+ */
1340
+ onBeforeCopy: any;
1341
+ /**
1342
+ * Fires on the owning Grid before CSV export starts. Return `false` to cancel the export.
1343
+ * @param {object} event Event object
1344
+ * @param {ExportConfig} event.config Export config
1345
+ * @param {Grid.column.Column[]} event.columns An array of columns to export
1346
+ * @param {Core.data.Model[]} event.rows An array of records to export
1347
+ * @param {string} event.lineDelimiter The CSV delimiter to separate lines
1348
+ * @param {string} event.columnDelimiter The CSV delimiter to separate values on one line
1349
+ */
1350
+ onBeforeCSVExport: any;
1351
+ /**
1352
+ * Fires before an object is destroyed.
1353
+ * @param {object} event Event object
1354
+ * @param {Core.Base} event.source The Object that is being destroyed.
1355
+ */
1356
+ onBeforeDestroy: any;
1357
+ /**
1358
+ * Fires on the owning Grid before Excel export starts. Return `false` to cancel the export.
1359
+ * @param {object} event Event object
1360
+ * @param {ExportConfig} event.config Export config
1361
+ * @param {XLSColumn[]} event.columns An array of columns to export
1362
+ * @param {any[][]} event.rows An array of records to export
1363
+ */
1364
+ onBeforeExcelExport: any;
1365
+ /**
1366
+ * Fired before dragging of the FillHandle starts, return `false` to prevent the drag operation.
1367
+ * @param {object} event Event object
1368
+ * @param {Grid.util.GridLocation} event.cell Information about the column / record
1369
+ * @param {MouseEvent} event.domEvent The raw DOM event
1370
+ */
1371
+ onBeforeFillHandleDragStart: any;
1372
+ /**
1373
+ * Fires on the owning Grid before the cell editing is finished, return false to signal that the value is invalid and editing should not be finalized.
1374
+ * @param {object} event Event object
1375
+ * @param {Grid.view.Grid} event.grid Target grid
1376
+ * @param {CellEditorContext} event.editorContext Editing context
1377
+ */
1378
+ onBeforeFinishCellEdit: any;
1379
+ /**
1380
+ * Fires on the owning Grid before the row editing is finished, return false to signal that the value is invalid and editing should not be finalized.
1381
+ * ...
1382
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-beforeFinishRowEdit)
1383
+ * @param {object} event Event object
1384
+ * @param {Grid.view.Grid} event.grid Target grid
1385
+ * @param {RowEditorContext} event.editorContext Editing context
1386
+ */
1387
+ onBeforeFinishRowEdit: any;
1388
+ /**
1389
+ * Triggered before a widget is hidden. Return `false` to prevent the action.
1390
+ * @param {object} event Event object
1391
+ * @param {Core.widget.Widget} event.source The widget being hidden.
1392
+ */
1393
+ onBeforeHide: any;
1394
+ /**
1395
+ * Fires on the owning Grid before a paste action is performed, return `false` to prevent the action
1396
+ * @param {object} event Event object
1397
+ * @param {Grid.view.Grid} event.source Owner grid
1398
+ * @param {string} event.clipboardData The clipboardData about to be pasted
1399
+ * @param {Grid.util.GridLocation} event.targetCell The cell from which the paste will be started
1400
+ * @param {string} event.entityName 'cell' to distinguish this event from other beforePaste events
1401
+ * @param {string} event.text The raw text from clipboard
1402
+ */
1403
+ onBeforePaste: any;
1404
+ /**
1405
+ * Fires on the owning Grid before export started. Return `false` to cancel the export.
1406
+ * @param {object} event Event object
1407
+ * @param {object} event.config Export config
1408
+ */
1409
+ onBeforePdfExport: any;
1410
+ /**
1411
+ * Fires before a row is rendered.
1412
+ * @param {object} event Event object
1413
+ * @param {Grid.view.Grid} event.source The firing Grid instance.
1414
+ * @param {Grid.row.Row} event.row The row about to be rendered.
1415
+ * @param {Core.data.Model} event.record The record for the row.
1416
+ * @param {number} event.recordIndex The zero-based index of the record.
1417
+ */
1418
+ onBeforeRenderRow: any;
1419
+ /**
1420
+ * Grid rows are about to be rendered
1421
+ * @param {object} event Event object
1422
+ * @param {Grid.view.Grid} event.source This grid.
1423
+ */
1424
+ onBeforeRenderRows: any;
1425
+ /**
1426
+ * This event fires before row collapse is started.
1427
+ * ...
1428
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-beforeRowCollapse)
1429
+ * @param {object} event Event object
1430
+ * @param {Core.data.Model} event.record Record
1431
+ */
1432
+ onBeforeRowCollapse: any;
1433
+ /**
1434
+ * This event fires before row expand is started.
1435
+ * ...
1436
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-beforeRowExpand)
1437
+ * @param {object} event Event object
1438
+ * @param {Core.data.Model} event.record Record
1439
+ */
1440
+ onBeforeRowExpand: any;
1441
+ /**
1442
+ * Fires before the selection changes. Returning `false` from a listener prevents the change
1443
+ * @param {object} event Event object
1444
+ * @param {string} event.action `'select'`/`'deselect'`
1445
+ * @param {'row','cell'} event.mode `'row'`/`'cell'`
1446
+ * @param {Grid.view.Grid} event.source
1447
+ * @param {Core.data.Model[]} event.deselected The records to be deselected in this operation.
1448
+ * @param {Core.data.Model[]} event.selected The records to be selected in this operation.
1449
+ * @param {Core.data.Model[]} event.selection The records in the current selection, before applying `selected` and `deselected`
1450
+ * @param {Grid.util.GridLocation[]} event.deselectedCells The cells to be deselected in this operation.
1451
+ * @param {Grid.util.GridLocation[]} event.selectedCells The cells to be selected in this operation.
1452
+ * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the current selection, before applying `selectedCells` and `deselectedCells`
1453
+ */
1454
+ onBeforeSelectionChange: any;
1455
+ /**
1456
+ * Fired before this container will load record values into its child fields. This is useful if you
1457
+ * want to modify the UI before data is loaded (e.g. set some input field to be readonly)
1458
+ * @param {object} event Event object
1459
+ * @param {Core.widget.Container} event.source The container
1460
+ * @param {Core.data.Model} event.record The record
1461
+ */
1462
+ onBeforeSetRecord: any;
1463
+ /**
1464
+ * Triggered before a widget is shown. Return `false` to prevent the action.
1465
+ * @param {object} event Event object
1466
+ * @param {Core.widget.Widget,any} event.source The widget being shown
1467
+ */
1468
+ onBeforeShow: any;
1469
+ /**
1470
+ * Fires on the owning Grid before editing starts, return `false` to prevent editing
1471
+ * @param {object} event Event object
1472
+ * @param {Grid.view.Grid} event.source Owner grid
1473
+ * @param {RowEditorContext} event.editorContext Editing context
1474
+ */
1475
+ onBeforeStartRowEdit: any;
1476
+ /**
1477
+ * Fired before state is applied to the source. Allows editing the state object or preventing the operation.
1478
+ * @param {object} event Event object
1479
+ * @param {GridStateInfo} event.state State object config
1480
+ */
1481
+ onBeforeStateApply: any;
1482
+ /**
1483
+ * Fired before state is saved by the StateProvider. Allows editing the state object or preventing the operation.
1484
+ * @param {object} event Event object
1485
+ * @param {GridStateInfo} event.state State object config
1486
+ */
1487
+ onBeforeStateSave: any;
1488
+ /**
1489
+ * Fired when a group is going to be expanded or collapsed using the UI.
1490
+ * Returning `false` from a listener prevents the operation
1491
+ * @param {object} event Event object
1492
+ * @param {Core.data.Model} event.groupRecord [DEPRECATED] Use `groupRecords` param instead
1493
+ * @param {Core.data.Model[]} event.groupRecords The group records being toggled
1494
+ * @param {boolean} event.collapse Collapsed (true) or expanded (false)
1495
+ * @param {Event} event.domEvent The user interaction event (eg a `click` event) if the toggle request was instigated by user interaction.
1496
+ */
1497
+ onBeforeToggleGroup: any;
1498
+ /**
1499
+ * Fired before a parent node record toggles its collapsed state.
1500
+ * @param {object} event Event object
1501
+ * @param {Grid.view.Grid} event.source The firing Grid instance.
1502
+ * @param {Core.data.Model} event.record The record being toggled.
1503
+ * @param {boolean} event.collapse `true` if the node is being collapsed.
1504
+ */
1505
+ onBeforeToggleNode: any;
1506
+ /**
1507
+ * Fires on the owning Grid when editing is cancelled
1508
+ * @param {object} event Event object
1509
+ * @param {Grid.view.Grid} event.source Owner grid
1510
+ * @param {Grid.util.GridLocation} event.editorContext Editing context
1511
+ * @param {Event} event.event Included if the cancellation was triggered by a DOM event
1512
+ */
1513
+ onCancelCellEdit: any;
1514
+ /**
1515
+ * Fires when any other event is fired from the object.
1516
+ * ...
1517
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-catchAll)
1518
+ * @param {object} event Event object
1519
+ * @param {{[key: string]: any, type: string}} event.event The Object that contains event details
1520
+ * @param {string} event.event.type The type of the event which is caught by the listener
1521
+ */
1522
+ onCatchAll: any;
1523
+ /**
1524
+ * Fired when user clicks in a grid cell
1525
+ * @param {object} event Event object
1526
+ * @param {Grid.view.Grid} event.grid The grid instance
1527
+ * @param {Core.data.Model} event.record The record representing the row
1528
+ * @param {Grid.column.Column} event.column The column to which the cell belongs
1529
+ * @param {HTMLElement} event.cellElement The cell HTML element
1530
+ * @param {HTMLElement} event.target The target element
1531
+ * @param {MouseEvent} event.event The native DOM event
1532
+ */
1533
+ onCellClick: any;
1534
+ /**
1535
+ * Fired when user activates contextmenu in a grid cell
1536
+ * @param {object} event Event object
1537
+ * @param {Grid.view.Grid} event.grid The grid instance
1538
+ * @param {Core.data.Model} event.record The record representing the row
1539
+ * @param {Grid.column.Column} event.column The column to which the cell belongs
1540
+ * @param {HTMLElement} event.cellElement The cell HTML element
1541
+ * @param {HTMLElement} event.target The target element
1542
+ * @param {MouseEvent} event.event The native DOM event
1543
+ */
1544
+ onCellContextMenu: any;
1545
+ /**
1546
+ * Fired when user double clicks a grid cell
1547
+ * @param {object} event Event object
1548
+ * @param {Grid.view.Grid} event.grid The grid instance
1549
+ * @param {Core.data.Model} event.record The record representing the row
1550
+ * @param {Grid.column.Column} event.column The column to which the cell belongs
1551
+ * @param {HTMLElement} event.cellElement The cell HTML element
1552
+ * @param {HTMLElement} event.target The target element
1553
+ * @param {MouseEvent} event.event The native DOM event
1554
+ */
1555
+ onCellDblClick: any;
1556
+ /**
1557
+ * This event fires on the owning grid before the context menu is shown for a cell.
1558
+ * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/grid/docs/api/Grid/feature/CellMenu#config-processItems).
1559
+ * ...
1560
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-cellMenuBeforeShow)
1561
+ * @param {object} event Event object
1562
+ * @param {Grid.view.Grid} event.source The grid
1563
+ * @param {Core.widget.Menu} event.menu The menu
1564
+ * @param {Record<string, MenuItemEntry>} event.items Menu item configs
1565
+ * @param {Grid.column.Column} event.column Column
1566
+ * @param {Core.data.Model} event.record Record
1567
+ */
1568
+ onCellMenuBeforeShow: any;
1569
+ /**
1570
+ * This event fires on the owning grid when an item is selected in the cell context menu.
1571
+ * @param {object} event Event object
1572
+ * @param {Grid.view.Grid} event.source The grid
1573
+ * @param {Core.widget.Menu} event.menu The menu
1574
+ * @param {Core.widget.MenuItem} event.item Selected menu item
1575
+ * @param {Grid.column.Column} event.column Column
1576
+ * @param {Core.data.Model} event.record Record
1577
+ */
1578
+ onCellMenuItem: any;
1579
+ /**
1580
+ * This event fires on the owning grid after the context menu is shown for a cell.
1581
+ * @param {object} event Event object
1582
+ * @param {Grid.view.Grid} event.source The grid
1583
+ * @param {Core.widget.Menu} event.menu The menu
1584
+ * @param {Record<string, MenuItemEntry>} event.items Menu item configs
1585
+ * @param {Grid.column.Column} event.column Column
1586
+ * @param {Core.data.Model} event.record Record
1587
+ */
1588
+ onCellMenuShow: any;
1589
+ /**
1590
+ * This event fires on the owning grid when a check item is toggled in the cell context menu.
1591
+ * @param {object} event Event object
1592
+ * @param {Grid.view.Grid} event.source The grid
1593
+ * @param {Core.widget.Menu} event.menu The menu
1594
+ * @param {Core.widget.MenuItem} event.item Selected menu item
1595
+ * @param {Grid.column.Column} event.column Column
1596
+ * @param {Core.data.Model} event.record Record
1597
+ * @param {boolean} event.checked Checked or not
1598
+ */
1599
+ onCellMenuToggleItem: any;
1600
+ /**
1601
+ * Fired when the mouse enters a cell
1602
+ * @param {object} event Event object
1603
+ * @param {Grid.view.Grid} event.source The grid instance
1604
+ * @param {Core.data.Model} event.record The record representing the hovered cell
1605
+ * @param {Grid.column.Column} event.column The column currently hovered
1606
+ * @param {HTMLElement} event.cellElement The cell HTML element
1607
+ * @param {MouseEvent} event.event The native DOM event
1608
+ */
1609
+ onCellMouseEnter: any;
1610
+ /**
1611
+ * Fired when the mouse leaves a cell
1612
+ * @param {object} event Event object
1613
+ * @param {Grid.view.Grid} event.source The grid instance
1614
+ * @param {Core.data.Model} event.record The record representing the cell that the mouse left
1615
+ * @param {Grid.column.Column} event.column The column representing the cell that the mouse left
1616
+ * @param {HTMLElement} event.cellElement The cell HTML element that the mouse left
1617
+ * @param {MouseEvent} event.event The native DOM event
1618
+ */
1619
+ onCellMouseLeave: any;
1620
+ /**
1621
+ * Fired when a user moves the mouse out of a grid cell
1622
+ * @param {object} event Event object
1623
+ * @param {Grid.view.Grid} event.grid The grid instance
1624
+ * @param {Core.data.Model} event.record The record representing the row
1625
+ * @param {Grid.column.Column} event.column The column to which the cell belongs
1626
+ * @param {HTMLElement} event.cellElement The cell HTML element
1627
+ * @param {HTMLElement} event.target The target element
1628
+ * @param {MouseEvent} event.event The native DOM event
1629
+ */
1630
+ onCellMouseOut: any;
1631
+ /**
1632
+ * Fired when user moves the mouse over a grid cell
1633
+ * @param {object} event Event object
1634
+ * @param {Grid.view.Grid} event.grid The grid instance
1635
+ * @param {Core.data.Model} event.record The record representing the row
1636
+ * @param {Grid.column.Column} event.column The column to which the cell belongs
1637
+ * @param {HTMLElement} event.cellElement The cell HTML element
1638
+ * @param {HTMLElement} event.target The target element
1639
+ * @param {MouseEvent} event.event The native DOM event
1640
+ */
1641
+ onCellMouseOver: any;
1642
+ /**
1643
+ * Fires when a Panel is collapsed using the [collapsible](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-collapsible) setting.
1644
+ * @param {object} event Event object
1645
+ * @param {Core.widget.Panel} event.source This Panel.
1646
+ */
1647
+ onCollapse: any;
1648
+ /**
1649
+ * Fired before a parent node record is collapsed.
1650
+ * @param {object} event Event object
1651
+ * @param {Grid.view.Grid} event.source The firing Grid instance.
1652
+ * @param {Core.data.Model} event.record The record which has been collapsed.
1653
+ */
1654
+ onCollapseNode: any;
1655
+ /**
1656
+ * This event is fired when a column is being dragged, and you can set the `valid` flag on the `context` object
1657
+ * to indicate whether the drop position is valid or not.
1658
+ * @param {object} event Event object
1659
+ * @param {Grid.view.Grid} event.source The grid instance.
1660
+ * @param {Grid.column.Column} event.column The dragged column.
1661
+ * @param {Grid.column.Column} event.insertBefore The column before which the dragged column will be inserted (if not last).
1662
+ * @param {Event} event.event The browser event.
1663
+ * @param {object} event.context
1664
+ * @param {boolean} event.context.valid Set this to `true` or `false` to indicate whether the drop position is valid.
1665
+ */
1666
+ onColumnDrag: any;
1667
+ /**
1668
+ * This event is fired when a column drag gesture has started.
1669
+ * @param {object} event Event object
1670
+ * @param {Grid.view.Grid} event.source The grid instance.
1671
+ * @param {Grid.column.Column} event.column The dragged column.
1672
+ * @param {Event} event.event The browser event.
1673
+ */
1674
+ onColumnDragStart: any;
1675
+ /**
1676
+ * This event is always fired after a column is dropped. The `valid` param is `true` if the operation was not
1677
+ * vetoed and the column was moved in the column store.
1678
+ * @param {object} event Event object
1679
+ * @param {Grid.view.Grid} event.source The grid instance.
1680
+ * @param {Grid.column.Column} event.column The dragged column.
1681
+ * @param {Grid.column.Column} event.insertBefore The column before which the dragged column will be inserted.
1682
+ * @param {Grid.column.Column} event.newParent The new parent column.
1683
+ * @param {boolean} event.valid `true` if the operation was not vetoed.
1684
+ * @param {Event} event.event The browser event.
1685
+ * @param {string} event.region The region where the column was dropped.
1686
+ */
1687
+ onColumnDrop: any;
1688
+ /**
1689
+ * This event is fired after a resize gesture is completed.
1690
+ * @param {object} event Event object
1691
+ * @param {Grid.view.Grid} event.source The grid instance
1692
+ * @param {Grid.column.Column} event.column The resized column
1693
+ * @param {Event} event.domEvent The browser event
1694
+ */
1695
+ onColumnResize: any;
1696
+ /**
1697
+ * This event is fired when a column resize gesture starts.
1698
+ * @param {object} event Event object
1699
+ * @param {Grid.view.Grid} event.source The grid instance
1700
+ * @param {Grid.column.Column} event.column The column
1701
+ * @param {Event} event.domEvent The browser event
1702
+ */
1703
+ onColumnResizeStart: any;
1704
+ /**
1705
+ * This event fires on the owning widget when an item is selected in the context menu.
1706
+ * @param {object} event Event object
1707
+ * @param {Core.widget.Widget} event.source The owning widget
1708
+ * @param {Core.widget.Menu} event.menu The menu
1709
+ * @param {Core.widget.MenuItem} event.item Selected menu item
1710
+ */
1711
+ onContextMenuItem: any;
1712
+ /**
1713
+ * This event fires on the owning widget when a check item is toggled in the context menu.
1714
+ * @param {object} event Event object
1715
+ * @param {Core.widget.Widget} event.source The owning widget
1716
+ * @param {Core.widget.Menu} event.menu The menu
1717
+ * @param {Core.widget.MenuItem} event.item Selected menu item
1718
+ * @param {boolean} event.checked Checked or not
1719
+ */
1720
+ onContextMenuToggleItem: any;
1721
+ /**
1722
+ * Fires on the owning Grid after a copy action is performed.
1723
+ * @param {object} event Event object
1724
+ * @param {Grid.view.Grid} event.source Owner grid
1725
+ * @param {Grid.util.GridLocation[]} event.cells The cells about to be copied or cut
1726
+ * @param {string} event.copiedDataString The concatenated data string that was copied or cut
1727
+ * @param {boolean} event.isCut `true` if this was a cut action
1728
+ * @param {string} event.entityName 'cell' to distinguish this event from other copy events
1729
+ */
1730
+ onCopy: any;
1731
+ /**
1732
+ * Fired when data in the store changes.
1733
+ * ...
1734
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-dataChange)
1735
+ * @param {object} event Event object
1736
+ * @param {Grid.view.Grid} event.source Owning grid
1737
+ * @param {Core.data.Store} event.store The originating store
1738
+ * @param {'remove','removeAll','add','clearchanges','filter','update','dataset','replace'} event.action Name of action which triggered the change. May be one of: * `'remove'` * `'removeAll'` * `'add'` * `'clearchanges'` * `'filter'` * `'update'` * `'dataset'` * `'replace'`
1739
+ * @param {Core.data.Model} event.record Changed record, for actions that affects exactly one record (`'update'`)
1740
+ * @param {Core.data.Model[]} event.records Changed records, passed for all actions except `'removeAll'`
1741
+ * @param {object} event.changes Passed for the `'update'` action, info on which record fields changed
1742
+ */
1743
+ onDataChange: any;
1744
+ /**
1745
+ * Fires when an object is destroyed.
1746
+ * @param {object} event Event object
1747
+ * @param {Core.Base} event.source The Object that is being destroyed.
1748
+ */
1749
+ onDestroy: any;
1750
+ /**
1751
+ * Fires when a field is mutated and the state of the [hasChanges](https://bryntum.com/products/grid/docs/api/Core/widget/Container#property-hasChanges) property changes
1752
+ * @param {object} event Event object
1753
+ * @param {Core.widget.Container} event.source The container.
1754
+ * @param {boolean} event.dirty The dirty state of the Container - `true` if there are any fields which have been changed since initial load.
1755
+ */
1756
+ onDirtyStateChange: any;
1757
+ /**
1758
+ * Fires while drag selecting. UI will update with current range, but the cells will not be selected until
1759
+ * mouse up. This event can be listened for to perform actions while drag selecting.
1760
+ * @param {object} event Event object
1761
+ * @param {Grid.view.Grid} event.source
1762
+ * @param {GridLocationConfig[],Grid.util.GridLocation[]} event.selectedCells The cells that is currently being dragged over
1763
+ * @param {Core.data.Model[]} event.selectedRecords The records that is currently being dragged over
1764
+ */
1765
+ onDragSelecting: any;
1766
+ /**
1767
+ * Triggered when a widget's [element](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-element) is available.
1768
+ * @param {object} event Event object
1769
+ * @param {HTMLElement} event.element The Widget's element.
1770
+ */
1771
+ onElementCreated: any;
1772
+ /**
1773
+ * Fires when a Panel is expanded using the [collapsible](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-collapsible) setting.
1774
+ * @param {object} event Event object
1775
+ * @param {Core.widget.Panel} event.source This Panel.
1776
+ */
1777
+ onExpand: any;
1778
+ /**
1779
+ * Fired after a parent node record is expanded.
1780
+ * @param {object} event Event object
1781
+ * @param {Grid.view.Grid} event.source The firing Grid instance.
1782
+ * @param {Core.data.Model} event.record The record which has been expanded.
1783
+ */
1784
+ onExpandNode: any;
1785
+ /**
1786
+ * Fired when a file is dropped on the widget element
1787
+ * @param {object} event Event object
1788
+ * @param {Grid.view.Grid} event.source The owning Grid instance
1789
+ * @param {DataTransferItem} event.file The dropped file descriptor
1790
+ * @param {DragEvent} event.domEvent The native DragEvent
1791
+ */
1792
+ onFileDrop: any;
1793
+ /**
1794
+ * Fired before the FillHandle dragging is finalized and values are applied to cells, return `false` to prevent the
1795
+ * drag operation from applying data changes.
1796
+ * @param {object} event Event object
1797
+ * @param {Grid.util.GridLocation} event.from The from cell
1798
+ * @param {Grid.util.GridLocation} event.to The to cell
1799
+ * @param {MouseEvent} event.domEvent The raw DOM event
1800
+ */
1801
+ onFillHandleBeforeDragFinalize: any;
1802
+ /**
1803
+ * Fired while dragging the FillHandle.
1804
+ * @param {object} event Event object
1805
+ * @param {Grid.util.GridLocation} event.from The from cell
1806
+ * @param {Grid.util.GridLocation} event.to The to cell
1807
+ * @param {MouseEvent} event.domEvent The raw DOM event
1808
+ */
1809
+ onFillHandleDrag: any;
1810
+ /**
1811
+ * Fired when a FillHandle drag operation is aborted.
1812
+ */
1813
+ onFillHandleDragAbort: any;
1814
+ /**
1815
+ * Fired after a FillHandle drag operation.
1816
+ * @param {object} event Event object
1817
+ * @param {Grid.util.GridLocation} event.from The from cell
1818
+ * @param {Grid.util.GridLocation} event.to The to cell
1819
+ * @param {MouseEvent} event.domEvent The raw DOM event
1820
+ */
1821
+ onFillHandleDragEnd: any;
1822
+ /**
1823
+ * Fired when dragging of the FillHandle starts.
1824
+ * @param {object} event Event object
1825
+ * @param {Grid.util.GridLocation} event.cell Information about the column / record
1826
+ * @param {MouseEvent} event.domEvent The raw DOM event
1827
+ */
1828
+ onFillHandleDragStart: any;
1829
+ /**
1830
+ * Fires on the owning Grid when cell editing is finished
1831
+ * @param {object} event Event object
1832
+ * @param {Grid.view.Grid} event.grid Target grid
1833
+ * @param {CellEditorContext} event.editorContext Editing context
1834
+ */
1835
+ onFinishCellEdit: any;
1836
+ /**
1837
+ * Fires on the owning Grid before the row editing is finished, return false to signal that the value is invalid and editing should not be finalized.
1838
+ * ...
1839
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-finishRowEdit)
1840
+ * @param {object} event Event object
1841
+ * @param {Grid.view.Grid} event.grid Target grid
1842
+ * @param {RowEditorContext} event.editorContext Editing context
1843
+ */
1844
+ onFinishRowEdit: any;
1845
+ /**
1846
+ * Fired when focus enters this Widget.
1847
+ * @param {object} event Event object
1848
+ * @param {Core.widget.Widget} event.source This Widget
1849
+ * @param {HTMLElement} event.fromElement The element which lost focus.
1850
+ * @param {HTMLElement} event.toElement The element which gained focus.
1851
+ * @param {Core.widget.Widget} event.fromWidget The widget which lost focus.
1852
+ * @param {Core.widget.Widget} event.toWidget The widget which gained focus.
1853
+ * @param {boolean} event.backwards `true` if the `toElement` is before the `fromElement` in document order.
1854
+ */
1855
+ onFocusIn: any;
1856
+ /**
1857
+ * Fired when focus exits this Widget's ownership tree. This is different from a `blur` event.
1858
+ * focus moving from within this Widget's ownership tree, even if there are floating widgets
1859
+ * will not trigger this event. This is when focus exits this widget completely.
1860
+ * @param {object} event Event object
1861
+ * @param {Core.widget.Widget} event.source This Widget
1862
+ * @param {HTMLElement} event.fromElement The element which lost focus.
1863
+ * @param {HTMLElement} event.toElement The element which gained focus.
1864
+ * @param {Core.widget.Widget} event.fromWidget The widget which lost focus.
1865
+ * @param {Core.widget.Widget} event.toWidget The widget which gained focus.
1866
+ * @param {boolean} event.backwards `true` if the `toElement` is before the `fromElement` in document order.
1867
+ */
1868
+ onFocusOut: any;
1869
+ /**
1870
+ * Fired before dragging starts, return false to prevent the drag operation.
1871
+ * @param {object} event Event object
1872
+ * @param {Grid.view.GridBase} event.source
1873
+ * @param {object} event.context
1874
+ * @param {Core.data.Model[]} event.context.records The dragged row records
1875
+ * @param {MouseEvent,TouchEvent} event.event
1876
+ */
1877
+ onGridRowBeforeDragStart: any;
1878
+ /**
1879
+ * Fired before the row drop operation is finalized. You can return false to abort the drop operation, or a
1880
+ * Promise yielding `true` / `false` which allows for asynchronous abort (e.g. first show user a confirmation dialog).
1881
+ * @param {object} event Event object
1882
+ * @param {Grid.view.GridBase} event.source
1883
+ * @param {object} event.context
1884
+ * @param {boolean} event.context.valid Set this to true or false to indicate whether the drop position is valid
1885
+ * @param {Core.data.Model} event.context.insertBefore The record to insert before (`null` if inserting at last position of a parent node)
1886
+ * @param {Core.data.Model} event.context.parent The parent record of the current drop position (only applicable for trees)
1887
+ * @param {Core.data.Model[]} event.context.records The dragged row records
1888
+ * @param {RecordPositionContext[]} event.context.oldPositionContext An array of objects with information about the previous tree position. Objects contain the `record`, and its original `parentIndex` and `parentId` values
1889
+ * @param {MouseEvent} event.event
1890
+ */
1891
+ onGridRowBeforeDropFinalize: any;
1892
+ /**
1893
+ * Fired while the row is being dragged, in the listener function you have access to `context.insertBefore` a grid /
1894
+ * tree record, and additionally `context.parent` (a TreeNode) for trees. You can signal that the drop position is
1895
+ * valid or invalid by setting `context.valid = false;`
1896
+ * @param {object} event Event object
1897
+ * @param {Grid.view.GridBase} event.source
1898
+ * @param {object} event.context
1899
+ * @param {boolean} event.context.valid Set this to true or false to indicate whether the drop position is valid.
1900
+ * @param {Core.data.Model} event.context.insertBefore The record to insert before (`null` if inserting at last position of a parent node)
1901
+ * @param {Core.data.Model} event.context.parent The parent record of the current drop position (only applicable for trees)
1902
+ * @param {Core.data.Model[]} event.context.records The dragged row records
1903
+ * @param {MouseEvent} event.event
1904
+ */
1905
+ onGridRowDrag: any;
1906
+ /**
1907
+ * Fired when a row drag operation is aborted
1908
+ * @param {object} event Event object
1909
+ * @param {Grid.view.GridBase} event.source
1910
+ * @param {object} event.context
1911
+ * @param {Core.data.Model[]} event.context.records The dragged row records
1912
+ * @param {MouseEvent} event.event
1913
+ */
1914
+ onGridRowDragAbort: any;
1915
+ /**
1916
+ * Fired when dragging starts.
1917
+ * @param {object} event Event object
1918
+ * @param {Grid.view.GridBase} event.source
1919
+ * @param {object} event.context
1920
+ * @param {Core.data.Model[]} event.context.records The dragged row records
1921
+ * @param {MouseEvent,TouchEvent} event.event
1922
+ */
1923
+ onGridRowDragStart: any;
1924
+ /**
1925
+ * Fired after the row drop operation has completed, regardless of validity
1926
+ * @param {object} event Event object
1927
+ * @param {Grid.view.GridBase} event.source
1928
+ * @param {object} event.context
1929
+ * @param {boolean} event.context.valid true or false depending on whether the drop position was valid
1930
+ * @param {Core.data.Model} event.context.insertBefore The record to insert before (`null` if inserting at last position of a parent node)
1931
+ * @param {Core.data.Model} event.context.parent The parent record of the current drop position (only applicable for trees)
1932
+ * @param {Core.data.Model[]} event.context.records The dragged row records
1933
+ * @param {RecordPositionContext[]} event.context.oldPositionContext An array of objects with information about the previous tree position. Objects contain the record, and its original `parentIndex` and `parentId` values
1934
+ * @param {MouseEvent} event.event
1935
+ */
1936
+ onGridRowDrop: any;
1937
+ /**
1938
+ * Fired when a grid header is clicked on.
1939
+ * ...
1940
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-headerClick)
1941
+ * @param {object} event Event object
1942
+ * @param {Event} event.domEvent The triggering DOM event.
1943
+ * @param {Grid.column.Column} event.column The column clicked on.
1944
+ */
1945
+ onHeaderClick: any;
1946
+ /**
1947
+ * This event fires on the owning Grid before the context menu is shown for a header.
1948
+ * Allows manipulation of the items to show in the same way as in the [processItems](https://bryntum.com/products/grid/docs/api/Grid/feature/HeaderMenu#config-processItems).
1949
+ * ...
1950
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-headerMenuBeforeShow)
1951
+ * @param {object} event Event object
1952
+ * @param {Grid.view.Grid} event.source The grid
1953
+ * @param {Core.widget.Menu} event.menu The menu
1954
+ * @param {Record<string, MenuItemEntry>} event.items Menu item configs
1955
+ * @param {Grid.column.Column} event.column Column
1956
+ */
1957
+ onHeaderMenuBeforeShow: any;
1958
+ /**
1959
+ * This event fires on the owning Grid when an item is selected in the header context menu.
1960
+ * @param {object} event Event object
1961
+ * @param {Grid.view.Grid} event.source The grid
1962
+ * @param {Core.widget.Menu} event.menu The menu
1963
+ * @param {Core.widget.MenuItem} event.item Selected menu item
1964
+ * @param {Grid.column.Column} event.column Column
1965
+ */
1966
+ onHeaderMenuItem: any;
1967
+ /**
1968
+ * This event fires on the owning Grid after the context menu is shown for a header
1969
+ * @param {object} event Event object
1970
+ * @param {Grid.view.Grid} event.source The grid
1971
+ * @param {Core.widget.Menu} event.menu The menu
1972
+ * @param {Record<string, MenuItemEntry>} event.items Menu item configs
1973
+ * @param {Grid.column.Column} event.column Column
1974
+ */
1975
+ onHeaderMenuShow: any;
1976
+ /**
1977
+ * This event fires on the owning Grid when a check item is toggled in the header context menu.
1978
+ * @param {object} event Event object
1979
+ * @param {Grid.view.Grid} event.source The grid
1980
+ * @param {Core.widget.Menu} event.menu The menu
1981
+ * @param {Core.widget.MenuItem} event.item Selected menu item
1982
+ * @param {Grid.column.Column} event.column Column
1983
+ * @param {boolean} event.checked Checked or not
1984
+ */
1985
+ onHeaderMenuToggleItem: any;
1986
+ /**
1987
+ * Triggered after a widget was hidden
1988
+ * @param {object} event Event object
1989
+ * @param {Core.widget.Widget} event.source The widget
1990
+ */
1991
+ onHide: any;
1992
+ /**
1993
+ * Fires when row locking is enabled.
1994
+ * @param {object} event Event object
1995
+ * @param {Grid.view.GridBase} event.clone The created clone
1996
+ */
1997
+ onLockRows: any;
1998
+ /**
1999
+ * Mouse moved out from element in grid
2000
+ * @param {object} event Event object
2001
+ * @param {MouseEvent} event.event The native browser event
2002
+ */
2003
+ onMouseOut: any;
2004
+ /**
2005
+ * Mouse moved in over element in grid
2006
+ * @param {object} event Event object
2007
+ * @param {MouseEvent} event.event The native browser event
2008
+ */
2009
+ onMouseOver: any;
2010
+ /**
2011
+ * Triggered when a widget which had been in a non-visible state for any reason
2012
+ * achieves visibility.
2013
+ * ...
2014
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-paint)
2015
+ * @param {object} event Event object
2016
+ * @param {Core.widget.Widget} event.source The widget being painted.
2017
+ * @param {boolean} event.firstPaint `true` if this is the first paint.
2018
+ */
2019
+ onPaint: any;
2020
+ /**
2021
+ * Fires on the owning Grid after a paste action is performed.
2022
+ * @param {object} event Event object
2023
+ * @param {Grid.view.Grid} event.source Owner grid
2024
+ * @param {string} event.clipboardData The clipboardData that was pasted
2025
+ * @param {Core.data.Model[]} event.modifiedRecords The records which have been modified due to the paste action
2026
+ * @param {Grid.util.GridLocation} event.targetCell The cell from which the paste will be started
2027
+ * @param {string} event.entityName 'cell' to distinguish this event from other paste events
2028
+ */
2029
+ onPaste: any;
2030
+ /**
2031
+ * Fires on the owning Grid when export has finished
2032
+ * @param {object} event Event object
2033
+ * @param {Response} event.response Optional response, if received
2034
+ * @param {Error} event.error Optional error, if exception occurred
2035
+ */
2036
+ onPdfExport: any;
2037
+ /**
2038
+ * Fired when a Widget's read only state is toggled
2039
+ * @param {object} event Event object
2040
+ * @param {boolean} event.readOnly Read only or not
2041
+ */
2042
+ onReadOnly: any;
2043
+ /**
2044
+ * This event is fired after a widget's elements have been synchronized due to a direct or indirect call
2045
+ * to [recompose](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#function-recompose), if this results in some change to the widget's rendered DOM elements.
2046
+ */
2047
+ onRecompose: any;
2048
+ /**
2049
+ * Fires after a row is rendered.
2050
+ * @param {object} event Event object
2051
+ * @param {Grid.view.Grid} event.source The firing Grid instance.
2052
+ * @param {Grid.row.Row} event.row The row that has been rendered.
2053
+ * @param {Core.data.Model} event.record The record for the row.
2054
+ * @param {number} event.recordIndex The zero-based index of the record.
2055
+ */
2056
+ onRenderRow: any;
2057
+ /**
2058
+ * Grid rows have been rendered
2059
+ * @param {object} event Event object
2060
+ * @param {Grid.view.Grid} event.source This grid.
2061
+ */
2062
+ onRenderRows: any;
2063
+ /**
2064
+ * Fired when the encapsulating element of a Widget resizes *only when [monitorResize](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-monitorResize) is `true`*.
2065
+ * @param {object} event Event object
2066
+ * @param {Core.widget.Widget} event.source This Widget
2067
+ * @param {number} event.width The new width
2068
+ * @param {number} event.height The new height
2069
+ * @param {number} event.oldWidth The old width
2070
+ * @param {number} event.oldHeight The old height
2071
+ */
2072
+ onResize: any;
2073
+ /**
2074
+ * Grid resize lead to a new responsive level being applied
2075
+ * @param {object} event Event object
2076
+ * @param {Grid.view.Grid} event.grid Grid that was resized
2077
+ * @param {string} event.level New responsive level (small, large, etc)
2078
+ * @param {number} event.width New width in px
2079
+ * @param {string} event.oldLevel Old responsive level
2080
+ * @param {number} event.oldWidth Old width in px
2081
+ */
2082
+ onResponsive: any;
2083
+ /**
2084
+ * This event fires when a row has finished collapsing.
2085
+ * @param {object} event Event object
2086
+ * @param {Core.data.Model} event.record Record
2087
+ */
2088
+ onRowCollapse: any;
2089
+ /**
2090
+ * This event fires when a row expand has finished expanding.
2091
+ * ...
2092
+ * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#event-rowExpand)
2093
+ * @param {object} event Event object
2094
+ * @param {Core.data.Model} event.record Record
2095
+ * @param {object} event.expandedElements An object with the Grid region name as property and the expanded body element as value
2096
+ * @param {Core.widget.Widget} event.widget In case of expanding a Widget, this will be a reference to the instance created by the actual expansion. If there is multiple Grid regions, use the `widgets` param instead.
2097
+ * @param {object} event.widgets In case of expanding a Widget, this will be an object with the Grid region name as property and the reference to the widget instance created by the actual expansion
2098
+ */
2099
+ onRowExpand: any;
2100
+ /**
2101
+ * Fired when the mouse enters a row
2102
+ * @param {object} event Event object
2103
+ * @param {Grid.view.Grid} event.source The grid instance
2104
+ * @param {Core.data.Model} event.record The record representing the hovered row
2105
+ * @param {Grid.column.Column} event.column The column currently hovered
2106
+ * @param {HTMLElement} event.cellElement The cell HTML element
2107
+ * @param {MouseEvent} event.event The native DOM event
2108
+ */
2109
+ onRowMouseEnter: any;
2110
+ /**
2111
+ * Fired when the mouse leaves a row
2112
+ * @param {object} event Event object
2113
+ * @param {Grid.view.Grid} event.source The grid instance
2114
+ * @param {Core.data.Model} event.record The record representing the row that the mouse left
2115
+ * @param {HTMLElement} event.cellElement The cell HTML element that the mouse left
2116
+ * @param {MouseEvent} event.event The native DOM event
2117
+ */
2118
+ onRowMouseLeave: any;
2119
+ /**
2120
+ * Grid has scrolled vertically
2121
+ * @param {object} event Event object
2122
+ * @param {Grid.view.Grid} event.source The firing Grid instance.
2123
+ * @param {number} event.scrollTop The vertical scroll position.
2124
+ */
2125
+ onScroll: any;
2126
+ /**
2127
+ * The selection has been changed.
2128
+ * @param {object} event Event object
2129
+ * @param {'select','deselect'} event.action `'select'`/`'deselect'`
2130
+ * @param {'row','cell'} event.mode `'row'`/`'cell'`
2131
+ * @param {Grid.view.Grid} event.source
2132
+ * @param {Core.data.Model[]} event.deselected The records deselected in this operation.
2133
+ * @param {Core.data.Model[]} event.selected The records selected in this operation.
2134
+ * @param {Core.data.Model[]} event.selection The records in the new selection.
2135
+ * @param {Grid.util.GridLocation[]} event.deselectedCells The cells deselected in this operation.
2136
+ * @param {Grid.util.GridLocation[]} event.selectedCells The cells selected in this operation.
2137
+ * @param {Grid.util.GridLocation[]} event.cellSelection The cells in the new selection.
2138
+ */
2139
+ onSelectionChange: any;
2140
+ /**
2141
+ * The selectionMode configuration has been changed.
2142
+ * @param {object} event Event object
2143
+ * @param {object} event.selectionMode The new [selectionMode](https://bryntum.com/products/grid/docs/api/Grid/view/mixin/GridSelection#config-selectionMode)
2144
+ */
2145
+ onSelectionModeChange: any;
2146
+ /**
2147
+ * Triggered after a widget is shown.
2148
+ * @param {object} event Event object
2149
+ * @param {Core.widget.Widget} event.source The widget
2150
+ */
2151
+ onShow: any;
2152
+ /**
2153
+ * Fires when splitting the Grid.
2154
+ * @param {object} event Event object
2155
+ * @param {Grid.view.GridBase[]} event.subViews The sub views created by the split
2156
+ * @param {object} event.options The options passed to the split call
2157
+ * @param {'horizontal','vertical','both'} event.options.direction The direction of the split
2158
+ * @param {Grid.column.Column} event.options.atColumn The column to split at
2159
+ * @param {Core.data.Model} event.options.atRecord The record to split at
2160
+ */
2161
+ onSplit: any;
2162
+ /**
2163
+ * Fired by the Grid when the collapse icon is clicked. Return `false` to prevent the default collapse action,
2164
+ * if you want to implement your own behavior.
2165
+ * @param {object} event Event object
2166
+ * @param {Grid.view.Grid} event.source The Grid instance.
2167
+ * @param {Grid.view.SubGrid} event.subGrid The subgrid
2168
+ * @param {Event} event.domEvent The native DOM event
2169
+ */
2170
+ onSplitterCollapseClick: any;
2171
+ /**
2172
+ * Fired by the Grid after a sub-grid has been resized using the splitter
2173
+ * @param {object} event Event object
2174
+ * @param {Grid.view.Grid} event.source The Grid instance.
2175
+ * @param {Grid.view.SubGrid} event.subGrid The resized subgrid
2176
+ * @param {Event} event.domEvent The native DOM event
2177
+ */
2178
+ onSplitterDragEnd: any;
2179
+ /**
2180
+ * Fired by the Grid when a sub-grid resize gesture starts
2181
+ * @param {object} event Event object
2182
+ * @param {Grid.view.Grid} event.source The Grid instance.
2183
+ * @param {Grid.view.SubGrid} event.subGrid The subgrid about to be resized
2184
+ * @param {Event} event.domEvent The native DOM event
2185
+ */
2186
+ onSplitterDragStart: any;
2187
+ /**
2188
+ * Fired by the Grid when the expand icon is clicked. Return `false` to prevent the default expand action,
2189
+ * if you want to implement your own behavior.
2190
+ * @param {object} event Event object
2191
+ * @param {Grid.view.Grid} event.source The Grid instance.
2192
+ * @param {Grid.view.SubGrid} event.subGrid The subgrid
2193
+ * @param {Event} event.domEvent The native DOM event
2194
+ */
2195
+ onSplitterExpandClick: any;
2196
+ /**
2197
+ * Fires on the owning Grid when editing starts
2198
+ * @param {object} event Event object
2199
+ * @param {Grid.view.Grid} event.source Owner grid
2200
+ * @param {CellEditorContext} event.editorContext Editing context
2201
+ */
2202
+ onStartCellEdit: any;
2203
+ /**
2204
+ * Fires on the owning Grid when editing starts
2205
+ * @param {object} event Event object
2206
+ * @param {Grid.view.Grid} event.source Owner grid
2207
+ * @param {RowEditorContext} event.editorContext Editing context
2208
+ */
2209
+ onStartRowEdit: any;
2210
+ /**
2211
+ * Fires after a sub grid is collapsed.
2212
+ * @param {object} event Event object
2213
+ * @param {Grid.view.Grid} event.source The firing Grid instance
2214
+ * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
2215
+ */
2216
+ onSubGridCollapse: any;
2217
+ /**
2218
+ * Fires after a sub grid is expanded.
2219
+ * @param {object} event Event object
2220
+ * @param {Grid.view.Grid} event.source The firing Grid instance
2221
+ * @param {Grid.view.SubGrid} event.subGrid The sub grid instance
2222
+ */
2223
+ onSubGridExpand: any;
2224
+ /**
2225
+ * Fired when one or more groups are expanded or collapsed
2226
+ * @param {object} event Event object
2227
+ * @param {Core.data.Model} event.groupRecord [DEPRECATED] Use `groupRecords` param instead
2228
+ * @param {Core.data.Model[]} event.groupRecords The group records being toggled
2229
+ * @param {boolean} event.collapse Collapsed (true) or expanded (false)
2230
+ * @param {boolean} event.allRecords True if this event is part of toggling all groups
2231
+ */
2232
+ onToggleGroup: any;
2233
+ /**
2234
+ * Fired after a parent node record toggles its collapsed state.
2235
+ * @param {object} event Event object
2236
+ * @param {Core.data.Model} event.record The record being toggled.
2237
+ * @param {boolean} event.collapse `true` if the node is being collapsed.
2238
+ */
2239
+ onToggleNode: any;
2240
+ /**
2241
+ * A header [tool](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-tools) has been clicked.
2242
+ * @param {object} event Event object
2243
+ * @param {Core.widget.Tool} event.source This Panel.
2244
+ * @param {Core.widget.Tool} event.tool The tool which is being clicked.
2245
+ */
2246
+ onToolClick: any;
2247
+ /**
2248
+ * Fires when row locking is disabled.
2249
+ * @param {object} event Event object
2250
+ * @param {Grid.view.GridBase} event.clone The locked clone that will be destroyed
2251
+ */
2252
+ onUnlockRows: any;
2253
+ /**
2254
+ * Fires when un-splitting the Grid.
2255
+ */
2256
+ onUnsplit: any;
2257
+ /**
2258
+ * Create and append the underlying widget
2259
+ */
2260
+ ngOnInit(): void;
2261
+ /**
2262
+ * Watch for changes
2263
+ * @param changes
2264
+ */
2265
+ ngOnChanges(changes: SimpleChanges): void;
2266
+ /**
2267
+ * Destroy the component
2268
+ */
2269
+ ngOnDestroy(): void;
2270
+ static ɵfac: i0.ɵɵFactoryDeclaration<BryntumGridBaseComponent, never>;
2271
+ static ɵcmp: i0.ɵɵComponentDeclaration<BryntumGridBaseComponent, "bryntum-grid-base", never, { "adopt": "adopt"; "animateFilterRemovals": "animateFilterRemovals"; "animateRemovingRows": "animateRemovingRows"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoHeight": "autoHeight"; "bbar": "bbar"; "bodyCls": "bodyCls"; "bubbleEvents": "bubbleEvents"; "collapsible": "collapsible"; "color": "color"; "config": "config"; "contentElementCls": "contentElementCls"; "contextMenuTriggerEvent": "contextMenuTriggerEvent"; "dataField": "dataField"; "defaultRegion": "defaultRegion"; "destroyStore": "destroyStore"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "disableGridColumnIdWarning": "disableGridColumnIdWarning"; "disableGridRowModelWarning": "disableGridRowModelWarning"; "dock": "dock"; "drawer": "drawer"; "elementAttributes": "elementAttributes"; "enableSticky": "enableSticky"; "enableTextSelection": "enableTextSelection"; "fillLastColumn": "fillLastColumn"; "fixedRowHeight": "fixedRowHeight"; "footer": "footer"; "formulaProviders": "formulaProviders"; "fullRowRefresh": "fullRowRefresh"; "getRowHeight": "getRowHeight"; "header": "header"; "hideHorizontalScrollbar": "hideHorizontalScrollbar"; "hoverCls": "hoverCls"; "icon": "icon"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "listeners": "listeners"; "loadMask": "loadMask"; "loadMaskDefaults": "loadMaskDefaults"; "loadMaskError": "loadMaskError"; "localizable": "localizable"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "owner": "owner"; "plugins": "plugins"; "preserveFocusOnDatasetChange": "preserveFocusOnDatasetChange"; "preserveScrollOnDatasetChange": "preserveScrollOnDatasetChange"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "resizable": "resizable"; "resizeToFitIncludesHeader": "resizeToFitIncludesHeader"; "responsiveLevels": "responsiveLevels"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollerClass": "scrollerClass"; "scrollManager": "scrollManager"; "showDirty": "showDirty"; "stateful": "stateful"; "statefulEvents": "statefulEvents"; "stateId": "stateId"; "stateProvider": "stateProvider"; "strips": "strips"; "subGridConfigs": "subGridConfigs"; "syncMask": "syncMask"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tbar": "tbar"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "animateTreeNodeToggle": "animateTreeNodeToggle"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cellEllipsis": "cellEllipsis"; "cls": "cls"; "collapsed": "collapsed"; "column": "column"; "columnLines": "columnLines"; "columns": "columns"; "data": "data"; "dataset": "dataset"; "disabled": "disabled"; "emptyText": "emptyText"; "enableUndoRedoKeys": "enableUndoRedoKeys"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "hideFooters": "hideFooters"; "hideHeaders": "hideHeaders"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "longPressTime": "longPressTime"; "margin": "margin"; "maxHeight": "maxHeight"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "preserveScroll": "preserveScroll"; "readOnly": "readOnly"; "rendition": "rendition"; "rowHeight": "rowHeight"; "rowLines": "rowLines"; "rtl": "rtl"; "scrollable": "scrollable"; "selectionMode": "selectionMode"; "span": "span"; "stateSettings": "stateSettings"; "store": "store"; "title": "title"; "tools": "tools"; "transition": "transition"; "transitionDuration": "transitionDuration"; "width": "width"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "originalStore": "originalStore"; "parent": "parent"; "selectedCell": "selectedCell"; "selectedCells": "selectedCells"; "selectedRecord": "selectedRecord"; "selectedRecords": "selectedRecords"; "selectedRows": "selectedRows"; "state": "state"; "tooltip": "tooltip"; "aiFilterFeature": "aiFilterFeature"; "cellCopyPasteFeature": "cellCopyPasteFeature"; "cellEditFeature": "cellEditFeature"; "cellMenuFeature": "cellMenuFeature"; "cellTooltipFeature": "cellTooltipFeature"; "chartsFeature": "chartsFeature"; "columnAutoWidthFeature": "columnAutoWidthFeature"; "columnDragToolbarFeature": "columnDragToolbarFeature"; "columnPickerFeature": "columnPickerFeature"; "columnRenameFeature": "columnRenameFeature"; "columnReorderFeature": "columnReorderFeature"; "columnResizeFeature": "columnResizeFeature"; "excelExporterFeature": "excelExporterFeature"; "fileDropFeature": "fileDropFeature"; "fillHandleFeature": "fillHandleFeature"; "filterFeature": "filterFeature"; "filterBarFeature": "filterBarFeature"; "groupFeature": "groupFeature"; "groupSummaryFeature": "groupSummaryFeature"; "headerMenuFeature": "headerMenuFeature"; "lockRowsFeature": "lockRowsFeature"; "mergeCellsFeature": "mergeCellsFeature"; "pdfExportFeature": "pdfExportFeature"; "pinColumnsFeature": "pinColumnsFeature"; "printFeature": "printFeature"; "quickFindFeature": "quickFindFeature"; "regionResizeFeature": "regionResizeFeature"; "rowCopyPasteFeature": "rowCopyPasteFeature"; "rowEditFeature": "rowEditFeature"; "rowExpanderFeature": "rowExpanderFeature"; "rowReorderFeature": "rowReorderFeature"; "rowResizeFeature": "rowResizeFeature"; "searchFeature": "searchFeature"; "sortFeature": "sortFeature"; "splitFeature": "splitFeature"; "stickyCellsFeature": "stickyCellsFeature"; "stripeFeature": "stripeFeature"; "summaryFeature": "summaryFeature"; "treeFeature": "treeFeature"; "treeGroupFeature": "treeGroupFeature"; }, { "onBeforeCancelCellEdit": "onBeforeCancelCellEdit"; "onBeforeCancelRowEdit": "onBeforeCancelRowEdit"; "onBeforeCellEditStart": "onBeforeCellEditStart"; "onBeforeCellRangeDelete": "onBeforeCellRangeDelete"; "onBeforeCellRangeEdit": "onBeforeCellRangeEdit"; "onBeforeColumnDragStart": "onBeforeColumnDragStart"; "onBeforeColumnDropFinalize": "onBeforeColumnDropFinalize"; "onBeforeColumnResize": "onBeforeColumnResize"; "onBeforeCopy": "onBeforeCopy"; "onBeforeCSVExport": "onBeforeCSVExport"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeExcelExport": "onBeforeExcelExport"; "onBeforeFillHandleDragStart": "onBeforeFillHandleDragStart"; "onBeforeFinishCellEdit": "onBeforeFinishCellEdit"; "onBeforeFinishRowEdit": "onBeforeFinishRowEdit"; "onBeforeHide": "onBeforeHide"; "onBeforePaste": "onBeforePaste"; "onBeforePdfExport": "onBeforePdfExport"; "onBeforeRenderRow": "onBeforeRenderRow"; "onBeforeRenderRows": "onBeforeRenderRows"; "onBeforeRowCollapse": "onBeforeRowCollapse"; "onBeforeRowExpand": "onBeforeRowExpand"; "onBeforeSelectionChange": "onBeforeSelectionChange"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStartRowEdit": "onBeforeStartRowEdit"; "onBeforeStateApply": "onBeforeStateApply"; "onBeforeStateSave": "onBeforeStateSave"; "onBeforeToggleGroup": "onBeforeToggleGroup"; "onBeforeToggleNode": "onBeforeToggleNode"; "onCancelCellEdit": "onCancelCellEdit"; "onCatchAll": "onCatchAll"; "onCellClick": "onCellClick"; "onCellContextMenu": "onCellContextMenu"; "onCellDblClick": "onCellDblClick"; "onCellMenuBeforeShow": "onCellMenuBeforeShow"; "onCellMenuItem": "onCellMenuItem"; "onCellMenuShow": "onCellMenuShow"; "onCellMenuToggleItem": "onCellMenuToggleItem"; "onCellMouseEnter": "onCellMouseEnter"; "onCellMouseLeave": "onCellMouseLeave"; "onCellMouseOut": "onCellMouseOut"; "onCellMouseOver": "onCellMouseOver"; "onCollapse": "onCollapse"; "onCollapseNode": "onCollapseNode"; "onColumnDrag": "onColumnDrag"; "onColumnDragStart": "onColumnDragStart"; "onColumnDrop": "onColumnDrop"; "onColumnResize": "onColumnResize"; "onColumnResizeStart": "onColumnResizeStart"; "onContextMenuItem": "onContextMenuItem"; "onContextMenuToggleItem": "onContextMenuToggleItem"; "onCopy": "onCopy"; "onDataChange": "onDataChange"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onDragSelecting": "onDragSelecting"; "onElementCreated": "onElementCreated"; "onExpand": "onExpand"; "onExpandNode": "onExpandNode"; "onFileDrop": "onFileDrop"; "onFillHandleBeforeDragFinalize": "onFillHandleBeforeDragFinalize"; "onFillHandleDrag": "onFillHandleDrag"; "onFillHandleDragAbort": "onFillHandleDragAbort"; "onFillHandleDragEnd": "onFillHandleDragEnd"; "onFillHandleDragStart": "onFillHandleDragStart"; "onFinishCellEdit": "onFinishCellEdit"; "onFinishRowEdit": "onFinishRowEdit"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onGridRowBeforeDragStart": "onGridRowBeforeDragStart"; "onGridRowBeforeDropFinalize": "onGridRowBeforeDropFinalize"; "onGridRowDrag": "onGridRowDrag"; "onGridRowDragAbort": "onGridRowDragAbort"; "onGridRowDragStart": "onGridRowDragStart"; "onGridRowDrop": "onGridRowDrop"; "onHeaderClick": "onHeaderClick"; "onHeaderMenuBeforeShow": "onHeaderMenuBeforeShow"; "onHeaderMenuItem": "onHeaderMenuItem"; "onHeaderMenuShow": "onHeaderMenuShow"; "onHeaderMenuToggleItem": "onHeaderMenuToggleItem"; "onHide": "onHide"; "onLockRows": "onLockRows"; "onMouseOut": "onMouseOut"; "onMouseOver": "onMouseOver"; "onPaint": "onPaint"; "onPaste": "onPaste"; "onPdfExport": "onPdfExport"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onRenderRow": "onRenderRow"; "onRenderRows": "onRenderRows"; "onResize": "onResize"; "onResponsive": "onResponsive"; "onRowCollapse": "onRowCollapse"; "onRowExpand": "onRowExpand"; "onRowMouseEnter": "onRowMouseEnter"; "onRowMouseLeave": "onRowMouseLeave"; "onScroll": "onScroll"; "onSelectionChange": "onSelectionChange"; "onSelectionModeChange": "onSelectionModeChange"; "onShow": "onShow"; "onSplit": "onSplit"; "onSplitterCollapseClick": "onSplitterCollapseClick"; "onSplitterDragEnd": "onSplitterDragEnd"; "onSplitterDragStart": "onSplitterDragStart"; "onSplitterExpandClick": "onSplitterExpandClick"; "onStartCellEdit": "onStartCellEdit"; "onStartRowEdit": "onStartRowEdit"; "onSubGridCollapse": "onSubGridCollapse"; "onSubGridExpand": "onSubGridExpand"; "onToggleGroup": "onToggleGroup"; "onToggleNode": "onToggleNode"; "onToolClick": "onToolClick"; "onUnlockRows": "onUnlockRows"; "onUnsplit": "onUnsplit"; }, never, never>;
2272
+ }