smart-webcomponents-react 14.0.0 → 14.0.35
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.
- package/alertwindow/alertwindow.umd.js +1 -1
- package/combobox/combobox.d.ts +5 -0
- package/combobox/combobox.esm.js +12 -1
- package/combobox/combobox.umd.js +12 -1
- package/dialogwindow/dialogwindow.umd.js +1 -1
- package/grid/grid.d.ts +74 -38
- package/grid/grid.esm.js +60 -26
- package/grid/grid.umd.js +60 -26
- package/index.d.ts +99 -30
- package/kanban/kanban.d.ts +10 -0
- package/kanban/kanban.esm.js +23 -1
- package/kanban/kanban.umd.js +23 -1
- package/multilinewindow/multilinewindow.umd.js +1 -1
- package/package.json +1 -1
- package/progresswindow/progresswindow.umd.js +1 -1
- package/promptwindow/promptwindow.umd.js +1 -1
- package/source/modules/smart.accordion.js +1 -1
- package/source/modules/smart.array.js +2 -2
- package/source/modules/smart.barcode.js +1 -1
- package/source/modules/smart.breadcrumb.js +1 -1
- package/source/modules/smart.button.js +1 -1
- package/source/modules/smart.buttongroup.js +1 -1
- package/source/modules/smart.calendar.js +1 -1
- package/source/modules/smart.card.js +1 -1
- package/source/modules/smart.cardview.js +2 -2
- package/source/modules/smart.carousel.js +1 -1
- package/source/modules/smart.chart.js +2 -2
- package/source/modules/smart.checkbox.js +1 -1
- package/source/modules/smart.checkinput.js +1 -1
- package/source/modules/smart.chip.js +1 -1
- package/source/modules/smart.colorinput.js +1 -1
- package/source/modules/smart.colorpanel.js +1 -1
- package/source/modules/smart.colorpicker.js +1 -1
- package/source/modules/smart.combobox.js +2 -2
- package/source/modules/smart.common.js +2 -2
- package/source/modules/smart.countryinput.js +1 -1
- package/source/modules/smart.dateinput.js +2 -2
- package/source/modules/smart.daterangeinput.js +2 -2
- package/source/modules/smart.datetimepicker.js +1 -1
- package/source/modules/smart.dockinglayout.js +1 -1
- package/source/modules/smart.dropdownbutton.js +1 -1
- package/source/modules/smart.dropdownlist.js +1 -1
- package/source/modules/smart.editor.js +1 -1
- package/source/modules/smart.element.js +1 -1
- package/source/modules/smart.fileupload.js +1 -1
- package/source/modules/smart.form.js +1 -1
- package/source/modules/smart.formulaparser.js +1 -1
- package/source/modules/smart.ganttchart.js +4 -4
- package/source/modules/smart.gauge.js +1 -1
- package/source/modules/smart.grid.js +15 -15
- package/source/modules/smart.gridpanel.js +3 -3
- package/source/modules/smart.input.js +1 -1
- package/source/modules/smart.kanban.js +4 -4
- package/source/modules/smart.layout.js +1 -1
- package/source/modules/smart.led.js +1 -1
- package/source/modules/smart.listbox.js +1 -1
- package/source/modules/smart.listmenu.js +1 -1
- package/source/modules/smart.map.js +1 -1
- package/source/modules/smart.maskedtextbox.js +1 -1
- package/source/modules/smart.menu.js +1 -1
- package/source/modules/smart.multicomboinput.js +1 -1
- package/source/modules/smart.multiinput.js +1 -1
- package/source/modules/smart.multilinetextbox.js +2 -2
- package/source/modules/smart.multisplitbutton.js +1 -1
- package/source/modules/smart.numberinput.js +1 -1
- package/source/modules/smart.numerictextbox.js +2 -2
- package/source/modules/smart.pager.js +1 -1
- package/source/modules/smart.passwordinput.js +1 -1
- package/source/modules/smart.passwordtextbox.js +1 -1
- package/source/modules/smart.path.js +1 -1
- package/source/modules/smart.phoneinput.js +1 -1
- package/source/modules/smart.pivottable.js +4 -4
- package/source/modules/smart.progressbar.js +1 -1
- package/source/modules/smart.qrcode.js +1 -1
- package/source/modules/smart.querybuilder.js +2 -2
- package/source/modules/smart.radiobutton.js +1 -1
- package/source/modules/smart.rating.js +1 -1
- package/source/modules/smart.router.js +2 -2
- package/source/modules/smart.scheduler.js +2 -2
- package/source/modules/smart.scrollbar.js +1 -1
- package/source/modules/smart.slider.js +1 -1
- package/source/modules/smart.sortable.js +1 -1
- package/source/modules/smart.splitter.js +1 -1
- package/source/modules/smart.switchbutton.js +1 -1
- package/source/modules/smart.table.js +3 -3
- package/source/modules/smart.tabs.js +1 -1
- package/source/modules/smart.tank.js +1 -1
- package/source/modules/smart.textarea.js +1 -1
- package/source/modules/smart.textbox.js +2 -2
- package/source/modules/smart.timeinput.js +1 -1
- package/source/modules/smart.timepicker.js +1 -1
- package/source/modules/smart.toast.js +1 -1
- package/source/modules/smart.tooltip.js +1 -1
- package/source/modules/smart.tree.js +2 -2
- package/source/modules/smart.validator.js +1 -1
- package/source/modules/smart.window.js +2 -2
- package/source/smart.accordion.js +1 -1
- package/source/smart.ajax.js +1 -1
- package/source/smart.array.js +1 -1
- package/source/smart.barcode.js +1 -1
- package/source/smart.bootstrap.js +1 -1
- package/source/smart.breadcrumb.js +1 -1
- package/source/smart.button.js +1 -1
- package/source/smart.buttongroup.js +1 -1
- package/source/smart.calendar.js +1 -1
- package/source/smart.card.js +1 -1
- package/source/smart.cardview.js +1 -1
- package/source/smart.carousel.js +1 -1
- package/source/smart.chart.annotations.js +1 -1
- package/source/smart.chart.api.js +1 -1
- package/source/smart.chart.core.js +1 -1
- package/source/smart.chart.js +1 -1
- package/source/smart.chart.rangeselector.js +1 -1
- package/source/smart.chart.waterfall.js +1 -1
- package/source/smart.checkbox.js +1 -1
- package/source/smart.checkinput.js +1 -1
- package/source/smart.chip.js +1 -1
- package/source/smart.colorinput.js +1 -1
- package/source/smart.colorpanel.js +1 -1
- package/source/smart.colorpicker.js +1 -1
- package/source/smart.combobox.js +2 -2
- package/source/smart.complex.js +1 -1
- package/source/smart.core.js +1 -1
- package/source/smart.countryinput.js +1 -1
- package/source/smart.data.js +2 -2
- package/source/smart.date.js +1 -1
- package/source/smart.dateformatpanel.js +1 -1
- package/source/smart.dateinput.js +2 -2
- package/source/smart.daterangeinput.js +1 -1
- package/source/smart.datetimepicker.js +1 -1
- package/source/smart.dockinglayout.js +1 -1
- package/source/smart.draw.js +1 -1
- package/source/smart.dropdownbutton.js +1 -1
- package/source/smart.dropdownlist.js +1 -1
- package/source/smart.editor.js +1 -1
- package/source/smart.element.js +1 -1
- package/source/smart.elements.js +18 -18
- package/source/smart.export.js +1 -1
- package/source/smart.fileupload.js +1 -1
- package/source/smart.filter.js +1 -1
- package/source/smart.filterbuilder.js +1 -1
- package/source/smart.filterpanel.js +1 -1
- package/source/smart.form.js +1 -1
- package/source/smart.format.js +1 -1
- package/source/smart.formulaparser.js +1 -1
- package/source/smart.ganttchart.js +2 -2
- package/source/smart.gauge.js +1 -1
- package/source/smart.grid.cell.js +2 -2
- package/source/smart.grid.chart.js +1 -1
- package/source/smart.grid.column.js +2 -2
- package/source/smart.grid.core.js +2 -2
- package/source/smart.grid.dialog.js +2 -2
- package/source/smart.grid.edit.js +2 -2
- package/source/smart.grid.export.js +1 -1
- package/source/smart.grid.filter.js +2 -2
- package/source/smart.grid.group.js +1 -1
- package/source/smart.grid.js +1 -1
- package/source/smart.grid.menu.js +2 -2
- package/source/smart.grid.pager.js +1 -1
- package/source/smart.grid.reorder.js +1 -1
- package/source/smart.grid.resize.js +1 -1
- package/source/smart.grid.row.js +2 -2
- package/source/smart.grid.select.js +2 -2
- package/source/smart.grid.sort.js +1 -1
- package/source/smart.grid.toolbar.js +2 -2
- package/source/smart.grid.tree.js +1 -1
- package/source/smart.grid.view.js +2 -2
- package/source/smart.gridpanel.js +1 -1
- package/source/smart.input.js +1 -1
- package/source/smart.kanban.js +2 -2
- package/source/smart.layout.js +1 -1
- package/source/smart.led.js +1 -1
- package/source/smart.listbox.js +1 -1
- package/source/smart.listmenu.js +1 -1
- package/source/smart.map.js +1 -1
- package/source/smart.maskedtextbox.js +1 -1
- package/source/smart.math.js +1 -1
- package/source/smart.menu.js +1 -1
- package/source/smart.multicomboinput.js +1 -1
- package/source/smart.multiinput.js +1 -1
- package/source/smart.multilinetextbox.js +1 -1
- package/source/smart.multisplitbutton.js +1 -1
- package/source/smart.numberformatpanel.js +1 -1
- package/source/smart.numberinput.js +1 -1
- package/source/smart.numeric.js +1 -1
- package/source/smart.numerictextbox.js +1 -1
- package/source/smart.pager.js +1 -1
- package/source/smart.passwordinput.js +1 -1
- package/source/smart.passwordtextbox.js +1 -1
- package/source/smart.path.js +1 -1
- package/source/smart.phoneinput.js +1 -1
- package/source/smart.pivottable.js +1 -1
- package/source/smart.powerbutton.js +1 -1
- package/source/smart.progressbar.js +1 -1
- package/source/smart.qrcode.js +1 -1
- package/source/smart.radiobutton.js +1 -1
- package/source/smart.rating.js +1 -1
- package/source/smart.router.js +1 -1
- package/source/smart.scheduler.js +1 -1
- package/source/smart.scrollbar.js +1 -1
- package/source/smart.slider.js +1 -1
- package/source/smart.sortable.js +1 -1
- package/source/smart.splitter.js +1 -1
- package/source/smart.switchbutton.js +1 -1
- package/source/smart.table.js +2 -2
- package/source/smart.tabs.js +1 -1
- package/source/smart.tank.js +1 -1
- package/source/smart.textarea.js +1 -1
- package/source/smart.textbox.js +1 -1
- package/source/smart.tickintervalhandler.js +1 -1
- package/source/smart.timeinput.js +1 -1
- package/source/smart.timepicker.js +1 -1
- package/source/smart.toast.js +1 -1
- package/source/smart.tooltip.js +1 -1
- package/source/smart.tree.js +2 -2
- package/source/smart.validationpanel.js +1 -1
- package/source/smart.validator.js +1 -1
- package/source/smart.window.js +1 -1
- package/source/styles/components/smart.ganttchart.css +1 -1
- package/source/styles/components/smart.kanban.css +1 -1
- package/source/styles/components/smart.pivottable.css +1 -1
- package/source/styles/components/smart.table.css +1 -1
- package/source/styles/default/scss/smart.kanban.scss +20 -3
- package/source/styles/default/scss/smart.table.scss +22 -4
- package/source/styles/default/scss/textbox/_check-input.scss +1 -0
- package/source/styles/default/scss/textbox/_multi-combo-input.scss +1 -1
- package/source/styles/default/smart.kanban.css +17 -1
- package/source/styles/default/smart.table.css +30 -12
- package/source/styles/smart.default.css +2 -2
- package/source/typescript/smart.combobox.d.ts +5 -0
- package/source/typescript/smart.elements.d.ts +99 -30
- package/source/typescript/smart.grid.d.ts +77 -28
- package/source/typescript/smart.kanban.d.ts +10 -0
- package/source/typescript/smart.scheduler.d.ts +1 -1
- package/source/typescript/smart.table.d.ts +1 -1
- package/source/typescript/smart.tree.d.ts +5 -0
- package/table/table.d.ts +1 -1
- package/table/table.esm.js +1 -1
- package/table/table.umd.js +1 -1
- package/tabswindow/tabswindow.umd.js +1 -1
- package/tree/tree.d.ts +5 -0
- package/tree/tree.esm.js +12 -1
- package/tree/tree.umd.js +12 -1
- package/waitwindow/waitwindow.umd.js +1 -1
package/grid/grid.esm.js
CHANGED
|
@@ -253,7 +253,7 @@ class Grid extends React.Component {
|
|
|
253
253
|
this.nativeElement.onCellValue = value;
|
|
254
254
|
}
|
|
255
255
|
}
|
|
256
|
-
/**
|
|
256
|
+
/** Sets or gets the id of the current user. Has to correspond to the id of an item from the users property/array. Depending on the current user, different privileges are enabled. If no current user is set, privileges depend on the element's properties.
|
|
257
257
|
* Property type: {(cells: GridCell[], oldValues: any[], values: any[], confirm: {(commit: boolean): void}): void}
|
|
258
258
|
*/
|
|
259
259
|
get onCellUpdate() {
|
|
@@ -264,7 +264,7 @@ class Grid extends React.Component {
|
|
|
264
264
|
this.nativeElement.onCellUpdate = value;
|
|
265
265
|
}
|
|
266
266
|
}
|
|
267
|
-
/** Sets
|
|
267
|
+
/** Sets the grid users. Expects an array with 'id', 'name' and optionally 'color' and 'image' properties.
|
|
268
268
|
* Property type: {(cell: GridCell): void}
|
|
269
269
|
*/
|
|
270
270
|
get onCellRender() {
|
|
@@ -275,7 +275,7 @@ class Grid extends React.Component {
|
|
|
275
275
|
this.nativeElement.onCellRender = value;
|
|
276
276
|
}
|
|
277
277
|
}
|
|
278
|
-
/**
|
|
278
|
+
/** Describes the paging settings.
|
|
279
279
|
* Property type: {(): void}
|
|
280
280
|
*/
|
|
281
281
|
get onBeforeInit() {
|
|
@@ -286,7 +286,7 @@ class Grid extends React.Component {
|
|
|
286
286
|
this.nativeElement.onBeforeInit = value;
|
|
287
287
|
}
|
|
288
288
|
}
|
|
289
|
-
/** Describes the
|
|
289
|
+
/** Describes the pager settings.
|
|
290
290
|
* Property type: {(): void}
|
|
291
291
|
*/
|
|
292
292
|
get onInit() {
|
|
@@ -297,7 +297,7 @@ class Grid extends React.Component {
|
|
|
297
297
|
this.nativeElement.onInit = value;
|
|
298
298
|
}
|
|
299
299
|
}
|
|
300
|
-
/**
|
|
300
|
+
/** Sets the row details.
|
|
301
301
|
* Property type: {(): void}
|
|
302
302
|
*/
|
|
303
303
|
get onAfterInit() {
|
|
@@ -308,7 +308,7 @@ class Grid extends React.Component {
|
|
|
308
308
|
this.nativeElement.onAfterInit = value;
|
|
309
309
|
}
|
|
310
310
|
}
|
|
311
|
-
/** Sets the
|
|
311
|
+
/** Sets the scroll mode settings.
|
|
312
312
|
* Property type: any
|
|
313
313
|
*/
|
|
314
314
|
get onChartInit() {
|
|
@@ -319,8 +319,8 @@ class Grid extends React.Component {
|
|
|
319
319
|
this.nativeElement.onChartInit = value;
|
|
320
320
|
}
|
|
321
321
|
}
|
|
322
|
-
/**
|
|
323
|
-
* Property type:
|
|
322
|
+
/** Describes the column header settings.
|
|
323
|
+
* Property type: {(): void}
|
|
324
324
|
*/
|
|
325
325
|
get onRender() {
|
|
326
326
|
return this.nativeElement ? this.nativeElement.onRender : undefined;
|
|
@@ -330,7 +330,7 @@ class Grid extends React.Component {
|
|
|
330
330
|
this.nativeElement.onRender = value;
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
|
-
/** Describes the
|
|
333
|
+
/** Describes the summary row settings.
|
|
334
334
|
* Property type: {(event: KeyboardEvent): void}
|
|
335
335
|
*/
|
|
336
336
|
get onKey() {
|
|
@@ -341,7 +341,7 @@ class Grid extends React.Component {
|
|
|
341
341
|
this.nativeElement.onKey = value;
|
|
342
342
|
}
|
|
343
343
|
}
|
|
344
|
-
/** Describes the
|
|
344
|
+
/** Describes the settings for the group header.
|
|
345
345
|
* Property type: {(index: number, row: GridRow): void}
|
|
346
346
|
*/
|
|
347
347
|
get onRowInit() {
|
|
@@ -352,7 +352,7 @@ class Grid extends React.Component {
|
|
|
352
352
|
this.nativeElement.onRowInit = value;
|
|
353
353
|
}
|
|
354
354
|
}
|
|
355
|
-
/** Describes the settings
|
|
355
|
+
/** Describes the header settings of the grid.
|
|
356
356
|
* Property type: {(index: number, row: GridRow, details: HTMLElement): void}
|
|
357
357
|
*/
|
|
358
358
|
get onRowDetailInit() {
|
|
@@ -363,7 +363,7 @@ class Grid extends React.Component {
|
|
|
363
363
|
this.nativeElement.onRowDetailInit = value;
|
|
364
364
|
}
|
|
365
365
|
}
|
|
366
|
-
/** Describes the
|
|
366
|
+
/** Describes the footer settings of the grid.
|
|
367
367
|
* Property type: {(index: number, row: GridRow, details: HTMLElement): void}
|
|
368
368
|
*/
|
|
369
369
|
get onRowDetailUpdated() {
|
|
@@ -374,7 +374,7 @@ class Grid extends React.Component {
|
|
|
374
374
|
this.nativeElement.onRowDetailUpdated = value;
|
|
375
375
|
}
|
|
376
376
|
}
|
|
377
|
-
/**
|
|
377
|
+
/** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
|
|
378
378
|
* Property type: {(index: number[], row: GridRow[]): void}
|
|
379
379
|
*/
|
|
380
380
|
get onRowInserted() {
|
|
@@ -385,7 +385,7 @@ class Grid extends React.Component {
|
|
|
385
385
|
this.nativeElement.onRowInserted = value;
|
|
386
386
|
}
|
|
387
387
|
}
|
|
388
|
-
/**
|
|
388
|
+
/** The rows property is used to describe all rows displayed in the grid.
|
|
389
389
|
* Property type: {(indexes: number[], rows: GridRow[]): void}
|
|
390
390
|
*/
|
|
391
391
|
get onRowRemoved() {
|
|
@@ -396,7 +396,7 @@ class Grid extends React.Component {
|
|
|
396
396
|
this.nativeElement.onRowRemoved = value;
|
|
397
397
|
}
|
|
398
398
|
}
|
|
399
|
-
/**
|
|
399
|
+
/** Describes the selection settings.
|
|
400
400
|
* Property type: {(index: number[], row: GridRow[], oldValues: any[], values: any[], confirm: {(commit: boolean): void}): void}
|
|
401
401
|
*/
|
|
402
402
|
get onRowUpdate() {
|
|
@@ -407,7 +407,7 @@ class Grid extends React.Component {
|
|
|
407
407
|
this.nativeElement.onRowUpdate = value;
|
|
408
408
|
}
|
|
409
409
|
}
|
|
410
|
-
/** Describes
|
|
410
|
+
/** Describes sorting settings.
|
|
411
411
|
* Property type: {(index: number[], row: GridRow[]): void}
|
|
412
412
|
*/
|
|
413
413
|
get onRowUpdated() {
|
|
@@ -418,7 +418,7 @@ class Grid extends React.Component {
|
|
|
418
418
|
this.nativeElement.onRowUpdated = value;
|
|
419
419
|
}
|
|
420
420
|
}
|
|
421
|
-
/**
|
|
421
|
+
/** undefined
|
|
422
422
|
* Property type: {(index: number, column: GridColumn): void}
|
|
423
423
|
*/
|
|
424
424
|
get onColumnInit() {
|
|
@@ -649,7 +649,7 @@ class Grid extends React.Component {
|
|
|
649
649
|
/** Adds a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
|
|
650
650
|
* @param {any} data. row data matching the data source
|
|
651
651
|
* @param {boolean} insertAtBottom?. Determines whether to add the new row to the bottom or top of the collection. The default value is 'true'
|
|
652
|
-
* @param {
|
|
652
|
+
* @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
|
|
653
653
|
*/
|
|
654
654
|
addRow(data, insertAtBottom, callback) {
|
|
655
655
|
if (this.nativeElement.isRendered) {
|
|
@@ -716,7 +716,7 @@ class Grid extends React.Component {
|
|
|
716
716
|
return result;
|
|
717
717
|
});
|
|
718
718
|
}
|
|
719
|
-
/** Adds a filter to a column. This method will apply a filter to the Grid data.
|
|
719
|
+
/** Adds a filter to a column. This method will apply a filter to the Grid data. Example for adding multiple filters to a column: grid.addFilter('lastName', ['CONTAINS "burke"', 'or', 'CONTAINS "peterson"']). Example for adding single filter to a column: grid.addFilter('lastName', 'CONTAINS "burke"'). Example for adding numeric filter: grid.addFilter('quantity', '<= 5')
|
|
720
720
|
* @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
|
|
721
721
|
* @param {string} filter. Filter expression like: 'startsWith B'. Example 2: ['contains Andrew or contains Nancy'], Example 3: ['quantity', '<= 3 and >= 8']. Filter conditions which you can use in the expressions: '=', 'EQUAL','<>', 'NOT_EQUAL', '!=', '<', 'LESS_THAN','>', 'GREATER_THAN', '<=', 'LESS_THAN_OR_EQUAL', '>=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
|
|
722
722
|
* @param {boolean} refreshFilters?. Set this to false, if you will use multiple 'addFilter' calls. By doing this, you will avoid unnecessary renders.
|
|
@@ -975,7 +975,7 @@ class Grid extends React.Component {
|
|
|
975
975
|
}
|
|
976
976
|
/** Delete a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
|
|
977
977
|
* @param {string | number} rowId. row bound id
|
|
978
|
-
* @param {
|
|
978
|
+
* @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the row is deleted. The callback's argument is the deleted row.
|
|
979
979
|
*/
|
|
980
980
|
deleteRow(rowId, callback) {
|
|
981
981
|
if (this.nativeElement.isRendered) {
|
|
@@ -1266,7 +1266,7 @@ class Grid extends React.Component {
|
|
|
1266
1266
|
return result;
|
|
1267
1267
|
});
|
|
1268
1268
|
}
|
|
1269
|
-
/** Gets the
|
|
1269
|
+
/** Gets an Array where each item is an Array of row id and row data. If the Grid is used in virtual mode, the row data parameter is empty object, because the data is loaded on demand.
|
|
1270
1270
|
* @returns {any[]}
|
|
1271
1271
|
*/
|
|
1272
1272
|
getSelectedRows() {
|
|
@@ -1283,6 +1283,40 @@ class Grid extends React.Component {
|
|
|
1283
1283
|
return result;
|
|
1284
1284
|
});
|
|
1285
1285
|
}
|
|
1286
|
+
/** Gets the selected row ids.
|
|
1287
|
+
* @returns {any[]}
|
|
1288
|
+
*/
|
|
1289
|
+
getSelectedRowIds() {
|
|
1290
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
1291
|
+
const getResultOnRender = () => {
|
|
1292
|
+
return new Promise(resolve => {
|
|
1293
|
+
this.nativeElement.whenRendered(() => {
|
|
1294
|
+
const result = this.nativeElement.getSelectedRowIds();
|
|
1295
|
+
resolve(result);
|
|
1296
|
+
});
|
|
1297
|
+
});
|
|
1298
|
+
};
|
|
1299
|
+
const result = yield getResultOnRender();
|
|
1300
|
+
return result;
|
|
1301
|
+
});
|
|
1302
|
+
}
|
|
1303
|
+
/** Gets the selected row indexes.
|
|
1304
|
+
* @returns {any[]}
|
|
1305
|
+
*/
|
|
1306
|
+
getSelectedRowIndexes() {
|
|
1307
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
1308
|
+
const getResultOnRender = () => {
|
|
1309
|
+
return new Promise(resolve => {
|
|
1310
|
+
this.nativeElement.whenRendered(() => {
|
|
1311
|
+
const result = this.nativeElement.getSelectedRowIndexes();
|
|
1312
|
+
resolve(result);
|
|
1313
|
+
});
|
|
1314
|
+
});
|
|
1315
|
+
};
|
|
1316
|
+
const result = yield getResultOnRender();
|
|
1317
|
+
return result;
|
|
1318
|
+
});
|
|
1319
|
+
}
|
|
1286
1320
|
/** Gets the selected cells. The method returns an array of cell. Each cell is an array with row id, column data field and cell value.
|
|
1287
1321
|
* @returns {any[]}
|
|
1288
1322
|
*/
|
|
@@ -1462,7 +1496,7 @@ class Grid extends React.Component {
|
|
|
1462
1496
|
}
|
|
1463
1497
|
/** Gets the Row's id.
|
|
1464
1498
|
* @param {number} rowIndex. row index
|
|
1465
|
-
* @returns {
|
|
1499
|
+
* @returns {string | number}
|
|
1466
1500
|
*/
|
|
1467
1501
|
getRowId(rowIndex) {
|
|
1468
1502
|
return __awaiter(this, void 0, void 0, function* () {
|
|
@@ -1570,7 +1604,7 @@ class Grid extends React.Component {
|
|
|
1570
1604
|
/** Inserts a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
|
|
1571
1605
|
* @param {any} data. row data matching the data source
|
|
1572
1606
|
* @param {number} index?. Determines the insert index. The default value is the last index.
|
|
1573
|
-
* @param {
|
|
1607
|
+
* @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
|
|
1574
1608
|
*/
|
|
1575
1609
|
insertRow(data, index, callback) {
|
|
1576
1610
|
if (this.nativeElement.isRendered) {
|
|
@@ -1879,7 +1913,7 @@ class Grid extends React.Component {
|
|
|
1879
1913
|
}
|
|
1880
1914
|
/** Sets a property to a row.
|
|
1881
1915
|
* @param {string | number} rowId. row bound id
|
|
1882
|
-
* @param {
|
|
1916
|
+
* @param {{background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
|
|
1883
1917
|
*/
|
|
1884
1918
|
setRowStyle(rowId, rowStyle) {
|
|
1885
1919
|
if (this.nativeElement.isRendered) {
|
|
@@ -1894,7 +1928,7 @@ class Grid extends React.Component {
|
|
|
1894
1928
|
/** Sets a style to a row.
|
|
1895
1929
|
* @param {string | number} rowId. row bound id
|
|
1896
1930
|
* @param {string} dataField. Column bound field name.
|
|
1897
|
-
* @param {
|
|
1931
|
+
* @param {{background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
|
|
1898
1932
|
*/
|
|
1899
1933
|
setCellStyle(rowId, dataField, rowStyle) {
|
|
1900
1934
|
if (this.nativeElement.isRendered) {
|
|
@@ -1948,7 +1982,7 @@ class Grid extends React.Component {
|
|
|
1948
1982
|
/** Shows the Details of a Row, when row details are enabled.
|
|
1949
1983
|
* @param {string | number} rowId. row bound id
|
|
1950
1984
|
* @param {any} data. row data matching the data source
|
|
1951
|
-
* @param {
|
|
1985
|
+
* @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the row is updated. The callback's argument is the updated row.
|
|
1952
1986
|
*/
|
|
1953
1987
|
updateRow(rowId, data, callback) {
|
|
1954
1988
|
if (this.nativeElement.isRendered) {
|
package/grid/grid.umd.js
CHANGED
|
@@ -259,7 +259,7 @@ require('../source/modules/smart.grid');
|
|
|
259
259
|
this.nativeElement.onCellValue = value;
|
|
260
260
|
}
|
|
261
261
|
}
|
|
262
|
-
/**
|
|
262
|
+
/** Sets or gets the id of the current user. Has to correspond to the id of an item from the users property/array. Depending on the current user, different privileges are enabled. If no current user is set, privileges depend on the element's properties.
|
|
263
263
|
* Property type: {(cells: GridCell[], oldValues: any[], values: any[], confirm: {(commit: boolean): void}): void}
|
|
264
264
|
*/
|
|
265
265
|
get onCellUpdate() {
|
|
@@ -270,7 +270,7 @@ require('../source/modules/smart.grid');
|
|
|
270
270
|
this.nativeElement.onCellUpdate = value;
|
|
271
271
|
}
|
|
272
272
|
}
|
|
273
|
-
/** Sets
|
|
273
|
+
/** Sets the grid users. Expects an array with 'id', 'name' and optionally 'color' and 'image' properties.
|
|
274
274
|
* Property type: {(cell: GridCell): void}
|
|
275
275
|
*/
|
|
276
276
|
get onCellRender() {
|
|
@@ -281,7 +281,7 @@ require('../source/modules/smart.grid');
|
|
|
281
281
|
this.nativeElement.onCellRender = value;
|
|
282
282
|
}
|
|
283
283
|
}
|
|
284
|
-
/**
|
|
284
|
+
/** Describes the paging settings.
|
|
285
285
|
* Property type: {(): void}
|
|
286
286
|
*/
|
|
287
287
|
get onBeforeInit() {
|
|
@@ -292,7 +292,7 @@ require('../source/modules/smart.grid');
|
|
|
292
292
|
this.nativeElement.onBeforeInit = value;
|
|
293
293
|
}
|
|
294
294
|
}
|
|
295
|
-
/** Describes the
|
|
295
|
+
/** Describes the pager settings.
|
|
296
296
|
* Property type: {(): void}
|
|
297
297
|
*/
|
|
298
298
|
get onInit() {
|
|
@@ -303,7 +303,7 @@ require('../source/modules/smart.grid');
|
|
|
303
303
|
this.nativeElement.onInit = value;
|
|
304
304
|
}
|
|
305
305
|
}
|
|
306
|
-
/**
|
|
306
|
+
/** Sets the row details.
|
|
307
307
|
* Property type: {(): void}
|
|
308
308
|
*/
|
|
309
309
|
get onAfterInit() {
|
|
@@ -314,7 +314,7 @@ require('../source/modules/smart.grid');
|
|
|
314
314
|
this.nativeElement.onAfterInit = value;
|
|
315
315
|
}
|
|
316
316
|
}
|
|
317
|
-
/** Sets the
|
|
317
|
+
/** Sets the scroll mode settings.
|
|
318
318
|
* Property type: any
|
|
319
319
|
*/
|
|
320
320
|
get onChartInit() {
|
|
@@ -325,8 +325,8 @@ require('../source/modules/smart.grid');
|
|
|
325
325
|
this.nativeElement.onChartInit = value;
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
|
-
/**
|
|
329
|
-
* Property type:
|
|
328
|
+
/** Describes the column header settings.
|
|
329
|
+
* Property type: {(): void}
|
|
330
330
|
*/
|
|
331
331
|
get onRender() {
|
|
332
332
|
return this.nativeElement ? this.nativeElement.onRender : undefined;
|
|
@@ -336,7 +336,7 @@ require('../source/modules/smart.grid');
|
|
|
336
336
|
this.nativeElement.onRender = value;
|
|
337
337
|
}
|
|
338
338
|
}
|
|
339
|
-
/** Describes the
|
|
339
|
+
/** Describes the summary row settings.
|
|
340
340
|
* Property type: {(event: KeyboardEvent): void}
|
|
341
341
|
*/
|
|
342
342
|
get onKey() {
|
|
@@ -347,7 +347,7 @@ require('../source/modules/smart.grid');
|
|
|
347
347
|
this.nativeElement.onKey = value;
|
|
348
348
|
}
|
|
349
349
|
}
|
|
350
|
-
/** Describes the
|
|
350
|
+
/** Describes the settings for the group header.
|
|
351
351
|
* Property type: {(index: number, row: GridRow): void}
|
|
352
352
|
*/
|
|
353
353
|
get onRowInit() {
|
|
@@ -358,7 +358,7 @@ require('../source/modules/smart.grid');
|
|
|
358
358
|
this.nativeElement.onRowInit = value;
|
|
359
359
|
}
|
|
360
360
|
}
|
|
361
|
-
/** Describes the settings
|
|
361
|
+
/** Describes the header settings of the grid.
|
|
362
362
|
* Property type: {(index: number, row: GridRow, details: HTMLElement): void}
|
|
363
363
|
*/
|
|
364
364
|
get onRowDetailInit() {
|
|
@@ -369,7 +369,7 @@ require('../source/modules/smart.grid');
|
|
|
369
369
|
this.nativeElement.onRowDetailInit = value;
|
|
370
370
|
}
|
|
371
371
|
}
|
|
372
|
-
/** Describes the
|
|
372
|
+
/** Describes the footer settings of the grid.
|
|
373
373
|
* Property type: {(index: number, row: GridRow, details: HTMLElement): void}
|
|
374
374
|
*/
|
|
375
375
|
get onRowDetailUpdated() {
|
|
@@ -380,7 +380,7 @@ require('../source/modules/smart.grid');
|
|
|
380
380
|
this.nativeElement.onRowDetailUpdated = value;
|
|
381
381
|
}
|
|
382
382
|
}
|
|
383
|
-
/**
|
|
383
|
+
/** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
|
|
384
384
|
* Property type: {(index: number[], row: GridRow[]): void}
|
|
385
385
|
*/
|
|
386
386
|
get onRowInserted() {
|
|
@@ -391,7 +391,7 @@ require('../source/modules/smart.grid');
|
|
|
391
391
|
this.nativeElement.onRowInserted = value;
|
|
392
392
|
}
|
|
393
393
|
}
|
|
394
|
-
/**
|
|
394
|
+
/** The rows property is used to describe all rows displayed in the grid.
|
|
395
395
|
* Property type: {(indexes: number[], rows: GridRow[]): void}
|
|
396
396
|
*/
|
|
397
397
|
get onRowRemoved() {
|
|
@@ -402,7 +402,7 @@ require('../source/modules/smart.grid');
|
|
|
402
402
|
this.nativeElement.onRowRemoved = value;
|
|
403
403
|
}
|
|
404
404
|
}
|
|
405
|
-
/**
|
|
405
|
+
/** Describes the selection settings.
|
|
406
406
|
* Property type: {(index: number[], row: GridRow[], oldValues: any[], values: any[], confirm: {(commit: boolean): void}): void}
|
|
407
407
|
*/
|
|
408
408
|
get onRowUpdate() {
|
|
@@ -413,7 +413,7 @@ require('../source/modules/smart.grid');
|
|
|
413
413
|
this.nativeElement.onRowUpdate = value;
|
|
414
414
|
}
|
|
415
415
|
}
|
|
416
|
-
/** Describes
|
|
416
|
+
/** Describes sorting settings.
|
|
417
417
|
* Property type: {(index: number[], row: GridRow[]): void}
|
|
418
418
|
*/
|
|
419
419
|
get onRowUpdated() {
|
|
@@ -424,7 +424,7 @@ require('../source/modules/smart.grid');
|
|
|
424
424
|
this.nativeElement.onRowUpdated = value;
|
|
425
425
|
}
|
|
426
426
|
}
|
|
427
|
-
/**
|
|
427
|
+
/** undefined
|
|
428
428
|
* Property type: {(index: number, column: GridColumn): void}
|
|
429
429
|
*/
|
|
430
430
|
get onColumnInit() {
|
|
@@ -655,7 +655,7 @@ require('../source/modules/smart.grid');
|
|
|
655
655
|
/** Adds a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
|
|
656
656
|
* @param {any} data. row data matching the data source
|
|
657
657
|
* @param {boolean} insertAtBottom?. Determines whether to add the new row to the bottom or top of the collection. The default value is 'true'
|
|
658
|
-
* @param {
|
|
658
|
+
* @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
|
|
659
659
|
*/
|
|
660
660
|
addRow(data, insertAtBottom, callback) {
|
|
661
661
|
if (this.nativeElement.isRendered) {
|
|
@@ -722,7 +722,7 @@ require('../source/modules/smart.grid');
|
|
|
722
722
|
return result;
|
|
723
723
|
});
|
|
724
724
|
}
|
|
725
|
-
/** Adds a filter to a column. This method will apply a filter to the Grid data.
|
|
725
|
+
/** Adds a filter to a column. This method will apply a filter to the Grid data. Example for adding multiple filters to a column: grid.addFilter('lastName', ['CONTAINS "burke"', 'or', 'CONTAINS "peterson"']). Example for adding single filter to a column: grid.addFilter('lastName', 'CONTAINS "burke"'). Example for adding numeric filter: grid.addFilter('quantity', '<= 5')
|
|
726
726
|
* @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
|
|
727
727
|
* @param {string} filter. Filter expression like: 'startsWith B'. Example 2: ['contains Andrew or contains Nancy'], Example 3: ['quantity', '<= 3 and >= 8']. Filter conditions which you can use in the expressions: '=', 'EQUAL','<>', 'NOT_EQUAL', '!=', '<', 'LESS_THAN','>', 'GREATER_THAN', '<=', 'LESS_THAN_OR_EQUAL', '>=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
|
|
728
728
|
* @param {boolean} refreshFilters?. Set this to false, if you will use multiple 'addFilter' calls. By doing this, you will avoid unnecessary renders.
|
|
@@ -981,7 +981,7 @@ require('../source/modules/smart.grid');
|
|
|
981
981
|
}
|
|
982
982
|
/** Delete a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
|
|
983
983
|
* @param {string | number} rowId. row bound id
|
|
984
|
-
* @param {
|
|
984
|
+
* @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the row is deleted. The callback's argument is the deleted row.
|
|
985
985
|
*/
|
|
986
986
|
deleteRow(rowId, callback) {
|
|
987
987
|
if (this.nativeElement.isRendered) {
|
|
@@ -1272,7 +1272,7 @@ require('../source/modules/smart.grid');
|
|
|
1272
1272
|
return result;
|
|
1273
1273
|
});
|
|
1274
1274
|
}
|
|
1275
|
-
/** Gets the
|
|
1275
|
+
/** Gets an Array where each item is an Array of row id and row data. If the Grid is used in virtual mode, the row data parameter is empty object, because the data is loaded on demand.
|
|
1276
1276
|
* @returns {any[]}
|
|
1277
1277
|
*/
|
|
1278
1278
|
getSelectedRows() {
|
|
@@ -1289,6 +1289,40 @@ require('../source/modules/smart.grid');
|
|
|
1289
1289
|
return result;
|
|
1290
1290
|
});
|
|
1291
1291
|
}
|
|
1292
|
+
/** Gets the selected row ids.
|
|
1293
|
+
* @returns {any[]}
|
|
1294
|
+
*/
|
|
1295
|
+
getSelectedRowIds() {
|
|
1296
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
1297
|
+
const getResultOnRender = () => {
|
|
1298
|
+
return new Promise(resolve => {
|
|
1299
|
+
this.nativeElement.whenRendered(() => {
|
|
1300
|
+
const result = this.nativeElement.getSelectedRowIds();
|
|
1301
|
+
resolve(result);
|
|
1302
|
+
});
|
|
1303
|
+
});
|
|
1304
|
+
};
|
|
1305
|
+
const result = yield getResultOnRender();
|
|
1306
|
+
return result;
|
|
1307
|
+
});
|
|
1308
|
+
}
|
|
1309
|
+
/** Gets the selected row indexes.
|
|
1310
|
+
* @returns {any[]}
|
|
1311
|
+
*/
|
|
1312
|
+
getSelectedRowIndexes() {
|
|
1313
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
1314
|
+
const getResultOnRender = () => {
|
|
1315
|
+
return new Promise(resolve => {
|
|
1316
|
+
this.nativeElement.whenRendered(() => {
|
|
1317
|
+
const result = this.nativeElement.getSelectedRowIndexes();
|
|
1318
|
+
resolve(result);
|
|
1319
|
+
});
|
|
1320
|
+
});
|
|
1321
|
+
};
|
|
1322
|
+
const result = yield getResultOnRender();
|
|
1323
|
+
return result;
|
|
1324
|
+
});
|
|
1325
|
+
}
|
|
1292
1326
|
/** Gets the selected cells. The method returns an array of cell. Each cell is an array with row id, column data field and cell value.
|
|
1293
1327
|
* @returns {any[]}
|
|
1294
1328
|
*/
|
|
@@ -1468,7 +1502,7 @@ require('../source/modules/smart.grid');
|
|
|
1468
1502
|
}
|
|
1469
1503
|
/** Gets the Row's id.
|
|
1470
1504
|
* @param {number} rowIndex. row index
|
|
1471
|
-
* @returns {
|
|
1505
|
+
* @returns {string | number}
|
|
1472
1506
|
*/
|
|
1473
1507
|
getRowId(rowIndex) {
|
|
1474
1508
|
return __awaiter(this, void 0, void 0, function* () {
|
|
@@ -1576,7 +1610,7 @@ require('../source/modules/smart.grid');
|
|
|
1576
1610
|
/** Inserts a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
|
|
1577
1611
|
* @param {any} data. row data matching the data source
|
|
1578
1612
|
* @param {number} index?. Determines the insert index. The default value is the last index.
|
|
1579
|
-
* @param {
|
|
1613
|
+
* @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
|
|
1580
1614
|
*/
|
|
1581
1615
|
insertRow(data, index, callback) {
|
|
1582
1616
|
if (this.nativeElement.isRendered) {
|
|
@@ -1885,7 +1919,7 @@ require('../source/modules/smart.grid');
|
|
|
1885
1919
|
}
|
|
1886
1920
|
/** Sets a property to a row.
|
|
1887
1921
|
* @param {string | number} rowId. row bound id
|
|
1888
|
-
* @param {
|
|
1922
|
+
* @param {{background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
|
|
1889
1923
|
*/
|
|
1890
1924
|
setRowStyle(rowId, rowStyle) {
|
|
1891
1925
|
if (this.nativeElement.isRendered) {
|
|
@@ -1900,7 +1934,7 @@ require('../source/modules/smart.grid');
|
|
|
1900
1934
|
/** Sets a style to a row.
|
|
1901
1935
|
* @param {string | number} rowId. row bound id
|
|
1902
1936
|
* @param {string} dataField. Column bound field name.
|
|
1903
|
-
* @param {
|
|
1937
|
+
* @param {{background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
|
|
1904
1938
|
*/
|
|
1905
1939
|
setCellStyle(rowId, dataField, rowStyle) {
|
|
1906
1940
|
if (this.nativeElement.isRendered) {
|
|
@@ -1954,7 +1988,7 @@ require('../source/modules/smart.grid');
|
|
|
1954
1988
|
/** Shows the Details of a Row, when row details are enabled.
|
|
1955
1989
|
* @param {string | number} rowId. row bound id
|
|
1956
1990
|
* @param {any} data. row data matching the data source
|
|
1957
|
-
* @param {
|
|
1991
|
+
* @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the row is updated. The callback's argument is the updated row.
|
|
1958
1992
|
*/
|
|
1959
1993
|
updateRow(rowId, data, callback) {
|
|
1960
1994
|
if (this.nativeElement.isRendered) {
|