jqwidgets-scripts

/* jQWidgets v23.1.0 (2025-June) Copyright (c) 2011-2025 jQWidgets. License: https://jqwidgets.com/license/ */ /* eslint-disable */ /// <reference path="jqwidgets.d.ts" /> import '../jqwidgets/jqxcore.js'; import '../jqwidgets/modules/jqxgrid.js' import { Component, Input, Output, AfterViewInit, AfterViewChecked, EventEmitter, ElementRef, OnChanges, SimpleChanges } from '@angular/core'; declare let JQXLite: any; @Component({ selector: 'jqxGrid', template: '<div><ng-content></ng-content></div>' }) export class jqxGridComponent implements OnChanges, AfterViewInit, AfterViewChecked { @Input('altrows') attrAltrows: boolean; @Input('altstart') attrAltstart: number; @Input('altstep') attrAltstep: number; @Input('autoshowloadelement') attrAutoshowloadelement: boolean; @Input('autoshowfiltericon') attrAutoshowfiltericon: boolean; @Input('autoshowcolumnsmenubutton') attrAutoshowcolumnsmenubutton: boolean; @Input('showcolumnlines') attrShowcolumnlines: boolean; @Input('showrowlines') attrShowrowlines: boolean; @Input('showcolumnheaderlines') attrShowcolumnheaderlines: boolean; @Input('adaptive') attrAdaptive: boolean; @Input('compact') attrCompact: boolean; @Input('contextmenuitems') attrContextmenuitems: []; @Input('contextmenuenabled') attrContextmenuenabled: []; @Input('contextmenuwidth') attrContextmenuwidth: []; @Input('contextmenuheight') attrContextmenuheight: []; @Input('contextmenuitemclick') attrContextmenuitemclick: []; @Input('adaptivewidth') attrAdaptivewidth: number; @Input('commandcolumn') attrCommandcolumn: boolean; @Input('commandcolumnrenderer') attrCommandcolumnrenderer: (row?: number, columnfield?: string, active?: any) => string; @Input('clipboard') attrClipboard: boolean; @Input('closeablegroups') attrCloseablegroups: boolean; @Input('columnsmenuwidth') attrColumnsmenuwidth: number; @Input('columnmenuopening') attrColumnmenuopening: (menu?: jqwidgets.GridColumnmenuopening['menu'], datafield?: jqwidgets.GridColumnmenuopening['datafield'], height?: jqwidgets.GridColumnmenuopening['height']) => boolean | void; @Input('columnmenuclosing') attrColumnmenuclosing: (menu?: jqwidgets.GridColumnmenuclosing['menu'], datafield?: jqwidgets.GridColumnmenuclosing['datafield'], height?: jqwidgets.GridColumnmenuclosing['height']) => boolean; @Input('cellhover') attrCellhover: (cellhtmlElement?: jqwidgets.GridCellhover['cellhtmlElement'], x?: jqwidgets.GridCellhover['x'], y?: jqwidgets.GridCellhover['y']) => void; @Input('enablekeyboarddelete') attrEnablekeyboarddelete: boolean; @Input('enableellipsis') attrEnableellipsis: boolean; @Input('enablemousewheel') attrEnablemousewheel: boolean; @Input('enableanimations') attrEnableanimations: boolean; @Input('enabletooltips') attrEnabletooltips: boolean; @Input('enablehover') attrEnablehover: boolean; @Input('enablebrowserselection') attrEnablebrowserselection: boolean; @Input('everpresentrowposition') attrEverpresentrowposition: string; @Input('everpresentrowheight') attrEverpresentrowheight: number; @Input('everpresentrowactions') attrEverpresentrowactions: string; @Input('everpresentrowactionsmode') attrEverpresentrowactionsmode: string; @Input('filterrowheight') attrFilterrowheight: number; @Input('filtermode') attrFiltermode: string; @Input('groupsrenderer') attrGroupsrenderer: (text?: jqwidgets.GridGroupsrenderer['text'], group?: jqwidgets.GridGroupsrenderer['group'], expanded?: jqwidgets.GridGroupsrenderer['expanded'], data?: jqwidgets.GridGroupsrenderer['data']) => string; @Input('groupcolumnrenderer') attrGroupcolumnrenderer: (text?: jqwidgets.GridGroupcolumnrenderer['text']) => string; @Input('groupsexpandedbydefault') attrGroupsexpandedbydefault: boolean; @Input('handlekeyboardnavigation') attrHandlekeyboardnavigation: (event: jqwidgets.GridHandlekeyboardnavigation['event']) => boolean; @Input('pagerrenderer') attrPagerrenderer: () => any[]; @Input('rtl') attrRtl: boolean; @Input('showdefaultloadelement') attrShowdefaultloadelement: boolean; @Input('showfiltercolumnbackground') attrShowfiltercolumnbackground: boolean; @Input('showfiltermenuitems') attrShowfiltermenuitems: boolean; @Input('showpinnedcolumnbackground') attrShowpinnedcolumnbackground: boolean; @Input('showsortcolumnbackground') attrShowsortcolumnbackground: boolean; @Input('showsortmenuitems') attrShowsortmenuitems: boolean; @Input('showgroupmenuitems') attrShowgroupmenuitems: boolean; @Input('showrowdetailscolumn') attrShowrowdetailscolumn: boolean; @Input('showheader') attrShowheader: boolean; @Input('showgroupsheader') attrShowgroupsheader: boolean; @Input('showaggregates') attrShowaggregates: boolean; @Input('showgroupaggregates') attrShowgroupaggregates: boolean; @Input('showeverpresentrow') attrShoweverpresentrow: boolean; @Input('showfilterrow') attrShowfilterrow: boolean; @Input('showemptyrow') attrShowemptyrow: boolean; @Input('showstatusbar') attrShowstatusbar: boolean; @Input('statusbarheight') attrStatusbarheight: number; @Input('showtoolbar') attrShowtoolbar: boolean; @Input('showfilterbar') attrShowfilterbar: boolean; @Input('filterbarmode') attrFilterbarmode: string; @Input('selectionmode') attrSelectionmode: string; @Input('updatefilterconditions') attrUpdatefilterconditions: (type?: string, defaultconditions?: any) => any; @Input('updatefilterpanel') attrUpdatefilterpanel: (filtertypedropdown1?: any, filtertypedropdown2?: any, filteroperatordropdown?: any, filterinputfield1?: any, filterinputfield2?: any, filterbutton?: any, clearbutton?: any, columnfilter?: any, filtertype?: any, filterconditions?: any) => any; @Input('theme') attrTheme: string; @Input('toolbarheight') attrToolbarheight: number; @Input('autoheight') attrAutoheight: boolean; @Input('autorowheight') attrAutorowheight: boolean; @Input('columnsheight') attrColumnsheight: number; @Input('deferreddatafields') attrDeferreddatafields: Array<string>; @Input('groupsheaderheight') attrGroupsheaderheight: number; @Input('groupindentwidth') attrGroupindentwidth: number; @Input('pagerheight') attrPagerheight: number | string; @Input('rowsheight') attrRowsheight: number; @Input('scrollbarsize') attrScrollbarsize: number | string; @Input('scrollmode') attrScrollmode: string; @Input('scrollfeedback') attrScrollfeedback: (row: jqwidgets.GridScrollfeedback['row']) => string; @Input('autosavestate') attrAutosavestate: boolean; @Input('autoloadstate') attrAutoloadstate: boolean; @Input('columns') attrColumns: jqwidgets.GridColumn[]; @Input('enableSanitize') attrEnableSanitize: boolean; @Input('cardview') attrCardview: boolean; @Input('cardviewcolumns') attrCardviewcolumns: any; @Input('cardheight') attrCardheight: number; @Input('cardsize') attrCardsize: number; @Input('columngroups') attrColumngroups: Array<any>; @Input('columnsmenu') attrColumnsmenu: boolean; @Input('columnsresize') attrColumnsresize: boolean; @Input('columnsautoresize') attrColumnsautoresize: boolean; @Input('columnsreorder') attrColumnsreorder: boolean; @Input('charting') attrCharting: jqwidgets.GridCharting; @Input('disabled') attrDisabled: boolean; @Input('editable') attrEditable: boolean; @Input('batcheditable') attrBatcheditable: boolean; @Input('editmode') attrEditmode: string; @Input('filter') attrFilter: (cellValue?: jqwidgets.GridFilter['cellValue'], rowData?: jqwidgets.GridFilter['rowData'], dataField?: jqwidgets.GridFilter['dataField'], filterGroup?: jqwidgets.GridFilter['filterGroup'], defaultFilterResult?: jqwidgets.GridFilter['defaultFilterResult']) => any; @Input('filterable') attrFilterable: boolean; @Input('filternlpinput') attrFilternlpinput: string; @Input('aiKey') attrAiKey: string; @Input('aiUrl') attrAiUrl: string; @Input('groupable') attrGroupable: boolean; @Input('groups') attrGroups: Array<string>; @Input('horizontalscrollbarstep') attrHorizontalscrollbarstep: number; @Input('horizontalscrollbarlargestep') attrHorizontalscrollbarlargestep: number; @Input('initrowdetails') attrInitrowdetails: (index?: number, parentElement?: any, gridElement?: any, datarecord?: any) => void; @Input('disablerowdetails') attrDisablerowdetails: (index?: number) => boolean; @Input('keyboardnavigation') attrKeyboardnavigation: boolean; @Input('localization') attrLocalization: jqwidgets.GridLocalizationobject; @Input('pagesize') attrPagesize: number; @Input('pagesizeoptions') attrPagesizeoptions: Array<number | string>; @Input('pagermode') attrPagermode: 'simple' | 'default' | 'material'; @Input('pagerbuttonscount') attrPagerbuttonscount: number; @Input('pageable') attrPageable: boolean; @Input('autofill') attrAutofill: boolean; @Input('rowdetails') attrRowdetails: boolean; @Input('rowdetailstemplate') attrRowdetailstemplate: any; @Input('ready') attrReady: () => void; @Input('rendered') attrRendered: (type: any) => void; @Input('renderstatusbar') attrRenderstatusbar: (statusbar?: jqwidgets.GridRenderstatusbar['statusbar']) => void; @Input('rendertoolbar') attrRendertoolbar: (toolbar?: jqwidgets.GridRendertoolbar['toolbar']) => void; @Input('rendergridrows') attrRendergridrows: (params?: any) => any; @Input('sortable') attrSortable: boolean; @Input('sortmode') attrSortmode: string; @Input('sortmodekey') attrSortmodekey: string; @Input('selectedrowindex') attrSelectedrowindex: number; @Input('selectedrowindexes') attrSelectedrowindexes: Array<number>; @Input('source') attrSource: jqwidgets.GridSource; @Input('sorttogglestates') attrSorttogglestates: string; @Input('updatedelay') attrUpdatedelay: number; @Input('virtualmode') attrVirtualmode: boolean; @Input('verticalscrollbarstep') attrVerticalscrollbarstep: number; @Input('verticalscrollbarlargestep') attrVerticalscrollbarlargestep: number; @Input('width') attrWidth: string | number; @Input('height') attrHeight: string | number; @Input('auto-create') autoCreate: boolean = true; properties: string[] = ['altrows','altstart','altstep','autoshowloadelement','autoshowfiltericon','autoshowcolumnsmenubutton','showcolumnlines','showrowlines','showcolumnheaderlines','adaptive','compact','contextmenuitems','contextmenuenabled','contextmenuwidth','contextmenuheight','contextmenuitemclick','adaptivewidth','commandcolumn','commandcolumnrenderer','clipboard','closeablegroups','columnsmenuwidth','columnmenuopening','columnmenuclosing','cellhover','enablekeyboarddelete','enableellipsis','enablemousewheel','enableanimations','enabletooltips','enablehover','enablebrowserselection','everpresentrowposition','everpresentrowheight','everpresentrowactions','everpresentrowactionsmode','filterrowheight','filtermode','groupsrenderer','groupcolumnrenderer','groupsexpandedbydefault','handlekeyboardnavigation','pagerrenderer','rtl','showdefaultloadelement','showfiltercolumnbackground','showfiltermenuitems','showpinnedcolumnbackground','showsortcolumnbackground','showsortmenuitems','showgroupmenuitems','showrowdetailscolumn','showheader','showgroupsheader','showaggregates','showgroupaggregates','showeverpresentrow','showfilterrow','showemptyrow','showstatusbar','statusbarheight','showtoolbar','showfilterbar','filterbarmode','selectionmode','updatefilterconditions','updatefilterpanel','theme','toolbarheight','autoheight','autorowheight','columnsheight','deferreddatafields','groupsheaderheight','groupindentwidth','height','pagerheight','rowsheight','scrollbarsize','scrollmode','scrollfeedback','width','autosavestate','autoloadstate','columns','enableSanitize','cardview','cardviewcolumns','cardheight','cardsize','columngroups','columnsmenu','columnsresize','columnsautoresize','columnsreorder','charting','disabled','editable','batcheditable','editmode','filter','filterable','filternlpinput','aiKey','aiUrl','groupable','groups','horizontalscrollbarstep','horizontalscrollbarlargestep','initrowdetails','disablerowdetails','keyboardnavigation','localization','pagesize','pagesizeoptions','pagermode','pagerbuttonscount','pageable','autofill','rowdetails','rowdetailstemplate','ready','rendered','renderstatusbar','rendertoolbar','rendergridrows','sortable','sortmode','sortmodekey','selectedrowindex','selectedrowindexes','source','sorttogglestates','updatedelay','virtualmode','verticalscrollbarstep','verticalscrollbarlargestep']; host: any; elementRef: ElementRef; widgetObject: jqwidgets.jqxGrid; content: String; container: HTMLDivElement; constructor(containerElement: ElementRef) { this.elementRef = containerElement; } ngOnInit() { }; ngAfterViewInit() { if (typeof JQXLite === 'undefined') { return; } let children = JQXLite(this.elementRef.nativeElement.children).find('tr'); let html = ''; let options = {}; if (children.length > 0) { this.container = document.createElement('div'); html = this.elementRef.nativeElement.innerHTML; this.container.appendChild(this.elementRef.nativeElement.firstChild); this.elementRef.nativeElement.innerHTML = html; this.content = html; let result = JQXLite.jqx.parseSourceTag(this.container); if (this['attrColumns'] !== undefined) { ; options['source'] = result.source; } else { options['source'] = result.source; options['columns'] = result.columns; } } if (this.autoCreate) { this.createComponent(options); } }; ngAfterViewChecked() { if (typeof JQXLite === 'undefined') { return; } if (this.container) { if (this.content !== this.container.innerHTML) { this.content = this.container.innerHTML; let result = JQXLite.jqx.parseSourceTag(this.container); let columns = this.host.jqxGrid('columns'); if (columns.length === 0) { this.host.jqxGrid({ source: result.source, columns: result.columns }); } else { this.host.jqxGrid({ source: result.source }); } } } }; ngOnChanges(changes: SimpleChanges) { if (this.host) { for (let i = 0; i < this.properties.length; i++) { let attrName = 'attr' + this.properties[i].substring(0, 1).toUpperCase() + this.properties[i].substring(1); let areEqual: boolean = false; if (this[attrName] !== undefined) { if (typeof this[attrName] === 'object') { if (this[attrName] instanceof Array) { areEqual = this.arraysEqual(this[attrName], this.host.jqxGrid(this.properties[i])); } if (areEqual) { return false; } this.host.jqxGrid(this.properties[i], this[attrName]); continue; } if (this[attrName] !== this.host.jqxGrid(this.properties[i])) { this.host.jqxGrid(this.properties[i], this[attrName]); } } } } } arraysEqual(attrValue: any, hostValue: any): boolean { if ((attrValue && !hostValue) || (!attrValue && hostValue)) { return false; } if (attrValue.length != hostValue.length) { return false; } for (let i = 0; i < attrValue.length; i++) { if (attrValue[i] !== hostValue[i]) { return false; } } return true; } manageAttributes(): any { let options = {}; for (let i = 0; i < this.properties.length; i++) { let attrName = 'attr' + this.properties[i].substring(0, 1).toUpperCase() + this.properties[i].substring(1); if (this[attrName] !== undefined) { options[this.properties[i]] = this[attrName]; } } return options; } moveClasses(parentEl: HTMLElement, childEl: HTMLElement): void { let classes: any = parentEl.classList; if (classes.length > 0) { childEl.classList.add(...classes); } parentEl.className = ''; } moveStyles(parentEl: HTMLElement, childEl: HTMLElement): void { let style = parentEl.style.cssText; childEl.style.cssText = style parentEl.style.cssText = ''; } createComponent(options?: any): void { if (this.host) { return; } if (options) { JQXLite.extend(options, this.manageAttributes()); } else { options = this.manageAttributes(); } this.host = JQXLite(this.elementRef.nativeElement.firstChild); this.moveClasses(this.elementRef.nativeElement, this.host[0]); this.moveStyles(this.elementRef.nativeElement, this.host[0]); this.__wireEvents__(); this.widgetObject = jqwidgets.createInstance(this.host, 'jqxGrid', options); } createWidget(options?: any): void { this.createComponent(options); } __updateRect__() : void { if(this.host) this.host.css({ width: this.attrWidth, height: this.attrHeight }); } setOptions(options: any) : void { this.host.jqxGrid('setOptions', options); } // jqxGridComponent properties altrows(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('altrows', arg); } else { return this.host.jqxGrid('altrows'); } } altstart(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('altstart', arg); } else { return this.host.jqxGrid('altstart'); } } altstep(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('altstep', arg); } else { return this.host.jqxGrid('altstep'); } } autoshowloadelement(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('autoshowloadelement', arg); } else { return this.host.jqxGrid('autoshowloadelement'); } } autoshowfiltericon(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('autoshowfiltericon', arg); } else { return this.host.jqxGrid('autoshowfiltericon'); } } autoshowcolumnsmenubutton(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('autoshowcolumnsmenubutton', arg); } else { return this.host.jqxGrid('autoshowcolumnsmenubutton'); } } showcolumnlines(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showcolumnlines', arg); } else { return this.host.jqxGrid('showcolumnlines'); } } showrowlines(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showrowlines', arg); } else { return this.host.jqxGrid('showrowlines'); } } showcolumnheaderlines(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showcolumnheaderlines', arg); } else { return this.host.jqxGrid('showcolumnheaderlines'); } } adaptive(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('adaptive', arg); } else { return this.host.jqxGrid('adaptive'); } } compact(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('compact', arg); } else { return this.host.jqxGrid('compact'); } } contextmenuitems(arg?: undefined): undefined { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('contextmenuitems', arg); } else { return this.host.jqxGrid('contextmenuitems'); } } contextmenuenabled(arg?: undefined): undefined { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('contextmenuenabled', arg); } else { return this.host.jqxGrid('contextmenuenabled'); } } contextmenuwidth(arg?: undefined): undefined { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('contextmenuwidth', arg); } else { return this.host.jqxGrid('contextmenuwidth'); } } contextmenuheight(arg?: undefined): undefined { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('contextmenuheight', arg); } else { return this.host.jqxGrid('contextmenuheight'); } } contextmenuitemclick(arg?: undefined): undefined { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('contextmenuitemclick', arg); } else { return this.host.jqxGrid('contextmenuitemclick'); } } adaptivewidth(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('adaptivewidth', arg); } else { return this.host.jqxGrid('adaptivewidth'); } } commandcolumn(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('commandcolumn', arg); } else { return this.host.jqxGrid('commandcolumn'); } } commandcolumnrenderer(arg?: (row?: number, columnfield?: string, active?: any) => string): (row?: number, columnfield?: string, active?: any) => string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('commandcolumnrenderer', arg); } else { return this.host.jqxGrid('commandcolumnrenderer'); } } clipboard(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('clipboard', arg); } else { return this.host.jqxGrid('clipboard'); } } closeablegroups(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('closeablegroups', arg); } else { return this.host.jqxGrid('closeablegroups'); } } columnsmenuwidth(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('columnsmenuwidth', arg); } else { return this.host.jqxGrid('columnsmenuwidth'); } } columnmenuopening(arg?: (menu?: jqwidgets.GridColumnmenuopening['menu'], datafield?: jqwidgets.GridColumnmenuopening['datafield'], height?: jqwidgets.GridColumnmenuopening['height']) => boolean | void): (menu?: jqwidgets.GridColumnmenuopening['menu'], datafield?: jqwidgets.GridColumnmenuopening['datafield'], height?: jqwidgets.GridColumnmenuopening['height']) => boolean | void { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('columnmenuopening', arg); } else { return this.host.jqxGrid('columnmenuopening'); } } columnmenuclosing(arg?: (menu?: jqwidgets.GridColumnmenuclosing['menu'], datafield?: jqwidgets.GridColumnmenuclosing['datafield'], height?: jqwidgets.GridColumnmenuclosing['height']) => boolean): (menu?: jqwidgets.GridColumnmenuclosing['menu'], datafield?: jqwidgets.GridColumnmenuclosing['datafield'], height?: jqwidgets.GridColumnmenuclosing['height']) => boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('columnmenuclosing', arg); } else { return this.host.jqxGrid('columnmenuclosing'); } } cellhover(arg?: (cellhtmlElement?: jqwidgets.GridCellhover['cellhtmlElement'], x?: jqwidgets.GridCellhover['x'], y?: jqwidgets.GridCellhover['y']) => void): (cellhtmlElement?: jqwidgets.GridCellhover['cellhtmlElement'], x?: jqwidgets.GridCellhover['x'], y?: jqwidgets.GridCellhover['y']) => void { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('cellhover', arg); } else { return this.host.jqxGrid('cellhover'); } } enablekeyboarddelete(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('enablekeyboarddelete', arg); } else { return this.host.jqxGrid('enablekeyboarddelete'); } } enableellipsis(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('enableellipsis', arg); } else { return this.host.jqxGrid('enableellipsis'); } } enablemousewheel(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('enablemousewheel', arg); } else { return this.host.jqxGrid('enablemousewheel'); } } enableanimations(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('enableanimations', arg); } else { return this.host.jqxGrid('enableanimations'); } } enabletooltips(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('enabletooltips', arg); } else { return this.host.jqxGrid('enabletooltips'); } } enablehover(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('enablehover', arg); } else { return this.host.jqxGrid('enablehover'); } } enablebrowserselection(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('enablebrowserselection', arg); } else { return this.host.jqxGrid('enablebrowserselection'); } } everpresentrowposition(arg?: string): string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('everpresentrowposition', arg); } else { return this.host.jqxGrid('everpresentrowposition'); } } everpresentrowheight(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('everpresentrowheight', arg); } else { return this.host.jqxGrid('everpresentrowheight'); } } everpresentrowactions(arg?: string): string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('everpresentrowactions', arg); } else { return this.host.jqxGrid('everpresentrowactions'); } } everpresentrowactionsmode(arg?: string): string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('everpresentrowactionsmode', arg); } else { return this.host.jqxGrid('everpresentrowactionsmode'); } } filterrowheight(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('filterrowheight', arg); } else { return this.host.jqxGrid('filterrowheight'); } } filtermode(arg?: string): string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('filtermode', arg); } else { return this.host.jqxGrid('filtermode'); } } groupsrenderer(arg?: (text?: jqwidgets.GridGroupsrenderer['text'], group?: jqwidgets.GridGroupsrenderer['group'], expanded?: jqwidgets.GridGroupsrenderer['expanded'], data?: jqwidgets.GridGroupsrenderer['data']) => string): (text?: jqwidgets.GridGroupsrenderer['text'], group?: jqwidgets.GridGroupsrenderer['group'], expanded?: jqwidgets.GridGroupsrenderer['expanded'], data?: jqwidgets.GridGroupsrenderer['data']) => string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('groupsrenderer', arg); } else { return this.host.jqxGrid('groupsrenderer'); } } groupcolumnrenderer(arg?: (text?: jqwidgets.GridGroupcolumnrenderer['text']) => string): (text?: jqwidgets.GridGroupcolumnrenderer['text']) => string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('groupcolumnrenderer', arg); } else { return this.host.jqxGrid('groupcolumnrenderer'); } } groupsexpandedbydefault(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('groupsexpandedbydefault', arg); } else { return this.host.jqxGrid('groupsexpandedbydefault'); } } handlekeyboardnavigation(arg?: (event: jqwidgets.GridHandlekeyboardnavigation['event']) => boolean): (event: jqwidgets.GridHandlekeyboardnavigation['event']) => boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('handlekeyboardnavigation', arg); } else { return this.host.jqxGrid('handlekeyboardnavigation'); } } pagerrenderer(arg?: () => any[]): () => any[] { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('pagerrenderer', arg); } else { return this.host.jqxGrid('pagerrenderer'); } } rtl(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('rtl', arg); } else { return this.host.jqxGrid('rtl'); } } showdefaultloadelement(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showdefaultloadelement', arg); } else { return this.host.jqxGrid('showdefaultloadelement'); } } showfiltercolumnbackground(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showfiltercolumnbackground', arg); } else { return this.host.jqxGrid('showfiltercolumnbackground'); } } showfiltermenuitems(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showfiltermenuitems', arg); } else { return this.host.jqxGrid('showfiltermenuitems'); } } showpinnedcolumnbackground(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showpinnedcolumnbackground', arg); } else { return this.host.jqxGrid('showpinnedcolumnbackground'); } } showsortcolumnbackground(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showsortcolumnbackground', arg); } else { return this.host.jqxGrid('showsortcolumnbackground'); } } showsortmenuitems(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showsortmenuitems', arg); } else { return this.host.jqxGrid('showsortmenuitems'); } } showgroupmenuitems(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showgroupmenuitems', arg); } else { return this.host.jqxGrid('showgroupmenuitems'); } } showrowdetailscolumn(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showrowdetailscolumn', arg); } else { return this.host.jqxGrid('showrowdetailscolumn'); } } showheader(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showheader', arg); } else { return this.host.jqxGrid('showheader'); } } showgroupsheader(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showgroupsheader', arg); } else { return this.host.jqxGrid('showgroupsheader'); } } showaggregates(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showaggregates', arg); } else { return this.host.jqxGrid('showaggregates'); } } showgroupaggregates(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showgroupaggregates', arg); } else { return this.host.jqxGrid('showgroupaggregates'); } } showeverpresentrow(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showeverpresentrow', arg); } else { return this.host.jqxGrid('showeverpresentrow'); } } showfilterrow(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showfilterrow', arg); } else { return this.host.jqxGrid('showfilterrow'); } } showemptyrow(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showemptyrow', arg); } else { return this.host.jqxGrid('showemptyrow'); } } showstatusbar(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showstatusbar', arg); } else { return this.host.jqxGrid('showstatusbar'); } } statusbarheight(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('statusbarheight', arg); } else { return this.host.jqxGrid('statusbarheight'); } } showtoolbar(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showtoolbar', arg); } else { return this.host.jqxGrid('showtoolbar'); } } showfilterbar(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('showfilterbar', arg); } else { return this.host.jqxGrid('showfilterbar'); } } filterbarmode(arg?: string): string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('filterbarmode', arg); } else { return this.host.jqxGrid('filterbarmode'); } } selectionmode(arg?: string): string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('selectionmode', arg); } else { return this.host.jqxGrid('selectionmode'); } } updatefilterconditions(arg?: (type?: string, defaultconditions?: any) => any): (type?: string, defaultconditions?: any) => any { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('updatefilterconditions', arg); } else { return this.host.jqxGrid('updatefilterconditions'); } } updatefilterpanel(arg?: (filtertypedropdown1?: any, filtertypedropdown2?: any, filteroperatordropdown?: any, filterinputfield1?: any, filterinputfield2?: any, filterbutton?: any, clearbutton?: any, columnfilter?: any, filtertype?: any, filterconditions?: any) => any): (filtertypedropdown1?: any, filtertypedropdown2?: any, filteroperatordropdown?: any, filterinputfield1?: any, filterinputfield2?: any, filterbutton?: any, clearbutton?: any, columnfilter?: any, filtertype?: any, filterconditions?: any) => any { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('updatefilterpanel', arg); } else { return this.host.jqxGrid('updatefilterpanel'); } } theme(arg?: string): string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('theme', arg); } else { return this.host.jqxGrid('theme'); } } toolbarheight(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('toolbarheight', arg); } else { return this.host.jqxGrid('toolbarheight'); } } autoheight(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('autoheight', arg); } else { return this.host.jqxGrid('autoheight'); } } autorowheight(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('autorowheight', arg); } else { return this.host.jqxGrid('autorowheight'); } } columnsheight(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('columnsheight', arg); } else { return this.host.jqxGrid('columnsheight'); } } deferreddatafields(arg?: Array<string>): Array<string> { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('deferreddatafields', arg); } else { return this.host.jqxGrid('deferreddatafields'); } } groupsheaderheight(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('groupsheaderheight', arg); } else { return this.host.jqxGrid('groupsheaderheight'); } } groupindentwidth(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('groupindentwidth', arg); } else { return this.host.jqxGrid('groupindentwidth'); } } height(arg?: number | string): number | string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('height', arg); } else { return this.host.jqxGrid('height'); } } pagerheight(arg?: number | string): number | string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('pagerheight', arg); } else { return this.host.jqxGrid('pagerheight'); } } rowsheight(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('rowsheight', arg); } else { return this.host.jqxGrid('rowsheight'); } } scrollbarsize(arg?: number | string): number | string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('scrollbarsize', arg); } else { return this.host.jqxGrid('scrollbarsize'); } } scrollmode(arg?: string): string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('scrollmode', arg); } else { return this.host.jqxGrid('scrollmode'); } } scrollfeedback(arg?: (row: jqwidgets.GridScrollfeedback['row']) => string): (row: jqwidgets.GridScrollfeedback['row']) => string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('scrollfeedback', arg); } else { return this.host.jqxGrid('scrollfeedback'); } } width(arg?: string | number): string | number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('width', arg); } else { return this.host.jqxGrid('width'); } } autosavestate(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('autosavestate', arg); } else { return this.host.jqxGrid('autosavestate'); } } autoloadstate(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('autoloadstate', arg); } else { return this.host.jqxGrid('autoloadstate'); } } columns(arg?: jqwidgets.GridColumn[]): jqwidgets.GridColumn[] { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('columns', arg); } else { return this.host.jqxGrid('columns'); } } enableSanitize(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('enableSanitize', arg); } else { return this.host.jqxGrid('enableSanitize'); } } cardview(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('cardview', arg); } else { return this.host.jqxGrid('cardview'); } } cardviewcolumns(arg?: any): any { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('cardviewcolumns', arg); } else { return this.host.jqxGrid('cardviewcolumns'); } } cardheight(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('cardheight', arg); } else { return this.host.jqxGrid('cardheight'); } } cardsize(arg?: number): number { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('cardsize', arg); } else { return this.host.jqxGrid('cardsize'); } } columngroups(arg?: Array<any>): Array<any> { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('columngroups', arg); } else { return this.host.jqxGrid('columngroups'); } } columnsmenu(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('columnsmenu', arg); } else { return this.host.jqxGrid('columnsmenu'); } } columnsresize(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('columnsresize', arg); } else { return this.host.jqxGrid('columnsresize'); } } columnsautoresize(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('columnsautoresize', arg); } else { return this.host.jqxGrid('columnsautoresize'); } } columnsreorder(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('columnsreorder', arg); } else { return this.host.jqxGrid('columnsreorder'); } } charting(arg?: jqwidgets.GridCharting): jqwidgets.GridCharting { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('charting', arg); } else { return this.host.jqxGrid('charting'); } } disabled(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('disabled', arg); } else { return this.host.jqxGrid('disabled'); } } editable(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('editable', arg); } else { return this.host.jqxGrid('editable'); } } batcheditable(arg?: boolean): boolean { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('batcheditable', arg); } else { return this.host.jqxGrid('batcheditable'); } } editmode(arg?: string): string { if (this.autoCreate && !this.host) { this.createComponent(); } if (arg !== undefined) { this.host.jqxGrid('editmode', arg); } else { return this.host.jqxGrid('editmode'); } } filter(arg?: (cellValue?: jqwidgets.GridFilter['cellValue'], rowData?: jqwidgets.GridFilter['rowData'], dataField?: jqwidgets.GridFilter['dataField'], filterGroup?: jqwidgets.GridFilter['filterGroup'], defaultFilterResult?: jqwidgets.GridFilter['defaultFilterResult']) => any): (cel