UNPKG

jqwidgets-scripts-custom

Version:

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

4,174 lines 145 kB
require('../../jqwidgets/jqxcore');
require('../../jqwidgets/jqxdata');
require('../../jqwidgets/jqxdata.export');
require('../../jqwidgets/jqxbuttons');
require('../../jqwidgets/jqxbuttongroup');
require('../../jqwidgets/jqxscrollbar');
require('../../jqwidgets/jqxmenu');
require('../../jqwidgets/jqxlistbox');
require('../../jqwidgets/jqxdropdownlist');
require('../../jqwidgets/jqxcombobox');
require('../../jqwidgets/jqxnumberinput');
require('../../jqwidgets/jqxcheckbox');
require('../../jqwidgets/globalization/globalize');
require('../../jqwidgets/jqxcalendar');
require('../../jqwidgets/jqxdatetimeinput');
require('../../jqwidgets/jqxgrid');
require('../../jqwidgets/jqxgrid.edit');
require('../../jqwidgets/jqxgrid.pager');
require('../../jqwidgets/jqxgrid.selection');
require('../../jqwidgets/jqxgrid.filter');
require('../../jqwidgets/jqxgrid.sort');
require('../../jqwidgets/jqxgrid.storage');
require('../../jqwidgets/jqxgrid.grouping');
require('../../jqwidgets/jqxgrid.export');
require('../../jqwidgets/jqxgrid.columnsresize');
require('../../jqwidgets/jqxgrid.columnsreorder');
require('../../jqwidgets/jqxgrid.aggregates');
(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) :
    typeof define === 'function' && define.amd ? define('jqwidgets-ng/jqxgrid', ['exports', '@angular/core'], factory) :
    (factory((global['jqwidgets-ng'] = global['jqwidgets-ng'] || {}, global['jqwidgets-ng'].jqxgrid = {}),global.ng.core));
}(this, (function (exports,core) { 'use strict';

    /*! *****************************************************************************
    Copyright (c) Microsoft Corporation. All rights reserved.
    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
    this file except in compliance with the License. You may obtain a copy of the
    License at http://www.apache.org/licenses/LICENSE-2.0

    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
    MERCHANTABLITY OR NON-INFRINGEMENT.

    See the Apache Version 2.0 License for specific language governing permissions
    and limitations under the License.
    ***************************************************************************** */
    function __read(o, n) {
        var m = typeof Symbol === "function" && o[Symbol.iterator];
        if (!m)
            return o;
        var i = m.call(o), r, ar = [], e;
        try {
            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
                ar.push(r.value);
        }
        catch (error) {
            e = { error: error };
        }
        finally {
            try {
                if (r && !r.done && (m = i["return"]))
                    m.call(i);
            }
            finally {
                if (e)
                    throw e.error;
            }
        }
        return ar;
    }
    function __spread() {
        for (var ar = [], i = 0; i < arguments.length; i++)
            ar = ar.concat(__read(arguments[i]));
        return ar;
    }

    /**
     * @fileoverview added by tsickle
     * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
     */
    var jqxGridComponent = /** @class */ (function () {
        function jqxGridComponent(containerElement) {
            this.autoCreate = true;
            this.properties = ['altrows', 'altstart', 'altstep', 'autoshowloadelement', 'autoshowfiltericon', 'autoshowcolumnsmenubutton', 'showcolumnlines', 'showrowlines', 'showcolumnheaderlines', 'adaptive', 'adaptivewidth', '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', 'selectionmode', 'updatefilterconditions', 'updatefilterpanel', 'theme', 'toolbarheight', 'autoheight', 'autorowheight', 'columnsheight', 'deferreddatafields', 'groupsheaderheight', 'groupindentwidth', 'height', 'pagerheight', 'rowsheight', 'scrollbarsize', 'scrollmode', 'scrollfeedback', 'width', 'autosavestate', 'autoloadstate', 'columns', 'columngroups', 'columnsmenu', 'columnsresize', 'columnsautoresize', 'columnsreorder', 'disabled', 'editable', 'editmode', 'filter', 'filterable', 'groupable', 'groups', 'horizontalscrollbarstep', 'horizontalscrollbarlargestep', 'initrowdetails', 'keyboardnavigation', 'localization', 'pagesize', 'pagesizeoptions', 'pagermode', 'pagerbuttonscount', 'pageable', 'rowdetails', 'rowdetailstemplate', 'ready', 'rendered', 'renderstatusbar', 'rendertoolbar', 'rendergridrows', 'sortable', 'sortmode', 'selectedrowindex', 'selectedrowindexes', 'source', 'sorttogglestates', 'updatedelay', 'virtualmode', 'verticalscrollbarstep', 'verticalscrollbarlargestep'];
            // jqxGridComponent events
            this.onBindingcomplete = new core.EventEmitter();
            this.onColumnresized = new core.EventEmitter();
            this.onColumnreordered = new core.EventEmitter();
            this.onColumnclick = new core.EventEmitter();
            this.onCellclick = new core.EventEmitter();
            this.onCelldoubleclick = new core.EventEmitter();
            this.onCellselect = new core.EventEmitter();
            this.onCellunselect = new core.EventEmitter();
            this.onCellvaluechanged = new core.EventEmitter();
            this.onCellbeginedit = new core.EventEmitter();
            this.onCellendedit = new core.EventEmitter();
            this.onFilter = new core.EventEmitter();
            this.onGroupschanged = new core.EventEmitter();
            this.onGroupexpand = new core.EventEmitter();
            this.onGroupcollapse = new core.EventEmitter();
            this.onPagechanged = new core.EventEmitter();
            this.onPagesizechanged = new core.EventEmitter();
            this.onRowclick = new core.EventEmitter();
            this.onRowdoubleclick = new core.EventEmitter();
            this.onRowselect = new core.EventEmitter();
            this.onRowunselect = new core.EventEmitter();
            this.onRowexpand = new core.EventEmitter();
            this.onRowcollapse = new core.EventEmitter();
            this.onSort = new core.EventEmitter();
            this.elementRef = containerElement;
        }
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.ngOnInit = /**
         * @return {?}
         */
            function () {
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.ngAfterViewInit = /**
         * @return {?}
         */
            function () {
                /** @type {?} */
                var children = JQXLite(this.elementRef.nativeElement.children).find('tr');
                /** @type {?} */
                var html = '';
                /** @type {?} */
                var 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;
                    /** @type {?} */
                    var 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);
                }
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.ngAfterViewChecked = /**
         * @return {?}
         */
            function () {
                if (this.container) {
                    if (this.content !== this.container.innerHTML) {
                        this.content = this.container.innerHTML;
                        /** @type {?} */
                        var result = JQXLite.jqx.parseSourceTag(this.container);
                        /** @type {?} */
                        var 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 });
                        }
                    }
                }
            };
        /**
         * @param {?} changes
         * @return {?}
         */
        jqxGridComponent.prototype.ngOnChanges = /**
         * @param {?} changes
         * @return {?}
         */
            function (changes) {
                if (this.host) {
                    for (var i = 0; i < this.properties.length; i++) {
                        /** @type {?} */
                        var attrName = 'attr' + this.properties[i].substring(0, 1).toUpperCase() + this.properties[i].substring(1);
                        /** @type {?} */
                        var areEqual = 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]);
                            }
                        }
                    }
                }
            };
        /**
         * @param {?} attrValue
         * @param {?} hostValue
         * @return {?}
         */
        jqxGridComponent.prototype.arraysEqual = /**
         * @param {?} attrValue
         * @param {?} hostValue
         * @return {?}
         */
            function (attrValue, hostValue) {
                if ((attrValue && !hostValue) || (!attrValue && hostValue)) {
                    return false;
                }
                if (attrValue.length != hostValue.length) {
                    return false;
                }
                for (var i = 0; i < attrValue.length; i++) {
                    if (attrValue[i] !== hostValue[i]) {
                        return false;
                    }
                }
                return true;
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.manageAttributes = /**
         * @return {?}
         */
            function () {
                /** @type {?} */
                var options = {};
                for (var i = 0; i < this.properties.length; i++) {
                    /** @type {?} */
                    var 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;
            };
        /**
         * @param {?} parentEl
         * @param {?} childEl
         * @return {?}
         */
        jqxGridComponent.prototype.moveClasses = /**
         * @param {?} parentEl
         * @param {?} childEl
         * @return {?}
         */
            function (parentEl, childEl) {
                var _a;
                /** @type {?} */
                var classes = parentEl.classList;
                if (classes.length > 0) {
                    (_a = childEl.classList).add.apply(_a, __spread(classes));
                }
                parentEl.className = '';
            };
        /**
         * @param {?} parentEl
         * @param {?} childEl
         * @return {?}
         */
        jqxGridComponent.prototype.moveStyles = /**
         * @param {?} parentEl
         * @param {?} childEl
         * @return {?}
         */
            function (parentEl, childEl) {
                /** @type {?} */
                var style = parentEl.style.cssText;
                childEl.style.cssText = style;
                parentEl.style.cssText = '';
            };
        /**
         * @param {?=} options
         * @return {?}
         */
        jqxGridComponent.prototype.createComponent = /**
         * @param {?=} options
         * @return {?}
         */
            function (options) {
                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);
            };
        /**
         * @param {?=} options
         * @return {?}
         */
        jqxGridComponent.prototype.createWidget = /**
         * @param {?=} options
         * @return {?}
         */
            function (options) {
                this.createComponent(options);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.__updateRect__ = /**
         * @return {?}
         */
            function () {
                if (this.host)
                    this.host.css({ width: this.attrWidth, height: this.attrHeight });
            };
        /**
         * @param {?} options
         * @return {?}
         */
        jqxGridComponent.prototype.setOptions = /**
         * @param {?} options
         * @return {?}
         */
            function (options) {
                this.host.jqxGrid('setOptions', options);
            };
        // jqxGridComponent properties
        // jqxGridComponent properties
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.altrows =
            // jqxGridComponent properties
            /**
             * @param {?=} arg
             * @return {?}
             */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('altrows', arg);
                }
                else {
                    return this.host.jqxGrid('altrows');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.altstart = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('altstart', arg);
                }
                else {
                    return this.host.jqxGrid('altstart');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.altstep = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('altstep', arg);
                }
                else {
                    return this.host.jqxGrid('altstep');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.autoshowloadelement = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('autoshowloadelement', arg);
                }
                else {
                    return this.host.jqxGrid('autoshowloadelement');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.autoshowfiltericon = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('autoshowfiltericon', arg);
                }
                else {
                    return this.host.jqxGrid('autoshowfiltericon');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.autoshowcolumnsmenubutton = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('autoshowcolumnsmenubutton', arg);
                }
                else {
                    return this.host.jqxGrid('autoshowcolumnsmenubutton');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showcolumnlines = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showcolumnlines', arg);
                }
                else {
                    return this.host.jqxGrid('showcolumnlines');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showrowlines = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showrowlines', arg);
                }
                else {
                    return this.host.jqxGrid('showrowlines');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showcolumnheaderlines = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showcolumnheaderlines', arg);
                }
                else {
                    return this.host.jqxGrid('showcolumnheaderlines');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.adaptive = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('adaptive', arg);
                }
                else {
                    return this.host.jqxGrid('adaptive');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.adaptivewidth = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('adaptivewidth', arg);
                }
                else {
                    return this.host.jqxGrid('adaptivewidth');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.clipboard = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('clipboard', arg);
                }
                else {
                    return this.host.jqxGrid('clipboard');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.closeablegroups = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('closeablegroups', arg);
                }
                else {
                    return this.host.jqxGrid('closeablegroups');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.columnsmenuwidth = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('columnsmenuwidth', arg);
                }
                else {
                    return this.host.jqxGrid('columnsmenuwidth');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.columnmenuopening = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('columnmenuopening', arg);
                }
                else {
                    return this.host.jqxGrid('columnmenuopening');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.columnmenuclosing = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('columnmenuclosing', arg);
                }
                else {
                    return this.host.jqxGrid('columnmenuclosing');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.cellhover = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('cellhover', arg);
                }
                else {
                    return this.host.jqxGrid('cellhover');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.enablekeyboarddelete = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('enablekeyboarddelete', arg);
                }
                else {
                    return this.host.jqxGrid('enablekeyboarddelete');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.enableellipsis = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('enableellipsis', arg);
                }
                else {
                    return this.host.jqxGrid('enableellipsis');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.enablemousewheel = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('enablemousewheel', arg);
                }
                else {
                    return this.host.jqxGrid('enablemousewheel');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.enableanimations = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('enableanimations', arg);
                }
                else {
                    return this.host.jqxGrid('enableanimations');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.enabletooltips = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('enabletooltips', arg);
                }
                else {
                    return this.host.jqxGrid('enabletooltips');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.enablehover = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('enablehover', arg);
                }
                else {
                    return this.host.jqxGrid('enablehover');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.enablebrowserselection = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('enablebrowserselection', arg);
                }
                else {
                    return this.host.jqxGrid('enablebrowserselection');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.everpresentrowposition = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('everpresentrowposition', arg);
                }
                else {
                    return this.host.jqxGrid('everpresentrowposition');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.everpresentrowheight = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('everpresentrowheight', arg);
                }
                else {
                    return this.host.jqxGrid('everpresentrowheight');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.everpresentrowactions = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('everpresentrowactions', arg);
                }
                else {
                    return this.host.jqxGrid('everpresentrowactions');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.everpresentrowactionsmode = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('everpresentrowactionsmode', arg);
                }
                else {
                    return this.host.jqxGrid('everpresentrowactionsmode');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.filterrowheight = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('filterrowheight', arg);
                }
                else {
                    return this.host.jqxGrid('filterrowheight');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.filtermode = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('filtermode', arg);
                }
                else {
                    return this.host.jqxGrid('filtermode');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.groupsrenderer = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('groupsrenderer', arg);
                }
                else {
                    return this.host.jqxGrid('groupsrenderer');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.groupcolumnrenderer = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('groupcolumnrenderer', arg);
                }
                else {
                    return this.host.jqxGrid('groupcolumnrenderer');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.groupsexpandedbydefault = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('groupsexpandedbydefault', arg);
                }
                else {
                    return this.host.jqxGrid('groupsexpandedbydefault');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.handlekeyboardnavigation = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('handlekeyboardnavigation', arg);
                }
                else {
                    return this.host.jqxGrid('handlekeyboardnavigation');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.pagerrenderer = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('pagerrenderer', arg);
                }
                else {
                    return this.host.jqxGrid('pagerrenderer');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.rtl = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('rtl', arg);
                }
                else {
                    return this.host.jqxGrid('rtl');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showdefaultloadelement = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showdefaultloadelement', arg);
                }
                else {
                    return this.host.jqxGrid('showdefaultloadelement');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showfiltercolumnbackground = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showfiltercolumnbackground', arg);
                }
                else {
                    return this.host.jqxGrid('showfiltercolumnbackground');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showfiltermenuitems = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showfiltermenuitems', arg);
                }
                else {
                    return this.host.jqxGrid('showfiltermenuitems');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showpinnedcolumnbackground = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showpinnedcolumnbackground', arg);
                }
                else {
                    return this.host.jqxGrid('showpinnedcolumnbackground');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showsortcolumnbackground = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showsortcolumnbackground', arg);
                }
                else {
                    return this.host.jqxGrid('showsortcolumnbackground');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showsortmenuitems = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showsortmenuitems', arg);
                }
                else {
                    return this.host.jqxGrid('showsortmenuitems');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showgroupmenuitems = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showgroupmenuitems', arg);
                }
                else {
                    return this.host.jqxGrid('showgroupmenuitems');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showrowdetailscolumn = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showrowdetailscolumn', arg);
                }
                else {
                    return this.host.jqxGrid('showrowdetailscolumn');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showheader = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showheader', arg);
                }
                else {
                    return this.host.jqxGrid('showheader');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showgroupsheader = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showgroupsheader', arg);
                }
                else {
                    return this.host.jqxGrid('showgroupsheader');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showaggregates = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showaggregates', arg);
                }
                else {
                    return this.host.jqxGrid('showaggregates');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showgroupaggregates = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showgroupaggregates', arg);
                }
                else {
                    return this.host.jqxGrid('showgroupaggregates');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showeverpresentrow = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showeverpresentrow', arg);
                }
                else {
                    return this.host.jqxGrid('showeverpresentrow');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showfilterrow = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showfilterrow', arg);
                }
                else {
                    return this.host.jqxGrid('showfilterrow');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showemptyrow = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showemptyrow', arg);
                }
                else {
                    return this.host.jqxGrid('showemptyrow');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showstatusbar = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showstatusbar', arg);
                }
                else {
                    return this.host.jqxGrid('showstatusbar');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.statusbarheight = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('statusbarheight', arg);
                }
                else {
                    return this.host.jqxGrid('statusbarheight');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.showtoolbar = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('showtoolbar', arg);
                }
                else {
                    return this.host.jqxGrid('showtoolbar');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.selectionmode = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('selectionmode', arg);
                }
                else {
                    return this.host.jqxGrid('selectionmode');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.updatefilterconditions = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('updatefilterconditions', arg);
                }
                else {
                    return this.host.jqxGrid('updatefilterconditions');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.updatefilterpanel = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('updatefilterpanel', arg);
                }
                else {
                    return this.host.jqxGrid('updatefilterpanel');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.theme = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('theme', arg);
                }
                else {
                    return this.host.jqxGrid('theme');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.toolbarheight = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('toolbarheight', arg);
                }
                else {
                    return this.host.jqxGrid('toolbarheight');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.autoheight = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('autoheight', arg);
                }
                else {
                    return this.host.jqxGrid('autoheight');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.autorowheight = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('autorowheight', arg);
                }
                else {
                    return this.host.jqxGrid('autorowheight');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.columnsheight = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('columnsheight', arg);
                }
                else {
                    return this.host.jqxGrid('columnsheight');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.deferreddatafields = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('deferreddatafields', arg);
                }
                else {
                    return this.host.jqxGrid('deferreddatafields');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.groupsheaderheight = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('groupsheaderheight', arg);
                }
                else {
                    return this.host.jqxGrid('groupsheaderheight');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.groupindentwidth = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('groupindentwidth', arg);
                }
                else {
                    return this.host.jqxGrid('groupindentwidth');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.height = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('height', arg);
                }
                else {
                    return this.host.jqxGrid('height');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.pagerheight = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('pagerheight', arg);
                }
                else {
                    return this.host.jqxGrid('pagerheight');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.rowsheight = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('rowsheight', arg);
                }
                else {
                    return this.host.jqxGrid('rowsheight');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.scrollbarsize = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('scrollbarsize', arg);
                }
                else {
                    return this.host.jqxGrid('scrollbarsize');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.scrollmode = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('scrollmode', arg);
                }
                else {
                    return this.host.jqxGrid('scrollmode');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.scrollfeedback = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('scrollfeedback', arg);
                }
                else {
                    return this.host.jqxGrid('scrollfeedback');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.width = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('width', arg);
                }
                else {
                    return this.host.jqxGrid('width');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.autosavestate = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('autosavestate', arg);
                }
                else {
                    return this.host.jqxGrid('autosavestate');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.autoloadstate = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('autoloadstate', arg);
                }
                else {
                    return this.host.jqxGrid('autoloadstate');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.columns = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('columns', arg);
                }
                else {
                    return this.host.jqxGrid('columns');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.columngroups = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('columngroups', arg);
                }
                else {
                    return this.host.jqxGrid('columngroups');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.columnsmenu = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('columnsmenu', arg);
                }
                else {
                    return this.host.jqxGrid('columnsmenu');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.columnsresize = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('columnsresize', arg);
                }
                else {
                    return this.host.jqxGrid('columnsresize');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.columnsautoresize = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('columnsautoresize', arg);
                }
                else {
                    return this.host.jqxGrid('columnsautoresize');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.columnsreorder = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('columnsreorder', arg);
                }
                else {
                    return this.host.jqxGrid('columnsreorder');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.disabled = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('disabled', arg);
                }
                else {
                    return this.host.jqxGrid('disabled');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.editable = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('editable', arg);
                }
                else {
                    return this.host.jqxGrid('editable');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.editmode = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('editmode', arg);
                }
                else {
                    return this.host.jqxGrid('editmode');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.filter = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('filter', arg);
                }
                else {
                    return this.host.jqxGrid('filter');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.filterable = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('filterable', arg);
                }
                else {
                    return this.host.jqxGrid('filterable');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.groupable = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('groupable', arg);
                }
                else {
                    return this.host.jqxGrid('groupable');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.groups = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('groups', arg);
                }
                else {
                    return this.host.jqxGrid('groups');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.horizontalscrollbarstep = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('horizontalscrollbarstep', arg);
                }
                else {
                    return this.host.jqxGrid('horizontalscrollbarstep');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.horizontalscrollbarlargestep = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('horizontalscrollbarlargestep', arg);
                }
                else {
                    return this.host.jqxGrid('horizontalscrollbarlargestep');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.initrowdetails = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('initrowdetails', arg);
                }
                else {
                    return this.host.jqxGrid('initrowdetails');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.keyboardnavigation = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('keyboardnavigation', arg);
                }
                else {
                    return this.host.jqxGrid('keyboardnavigation');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.localization = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('localization', arg);
                }
                else {
                    return this.host.jqxGrid('localization');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.pagesize = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('pagesize', arg);
                }
                else {
                    return this.host.jqxGrid('pagesize');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.pagesizeoptions = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('pagesizeoptions', arg);
                }
                else {
                    return this.host.jqxGrid('pagesizeoptions');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.pagermode = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('pagermode', arg);
                }
                else {
                    return this.host.jqxGrid('pagermode');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.pagerbuttonscount = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('pagerbuttonscount', arg);
                }
                else {
                    return this.host.jqxGrid('pagerbuttonscount');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.pageable = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('pageable', arg);
                }
                else {
                    return this.host.jqxGrid('pageable');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.rowdetails = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('rowdetails', arg);
                }
                else {
                    return this.host.jqxGrid('rowdetails');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.rowdetailstemplate = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('rowdetailstemplate', arg);
                }
                else {
                    return this.host.jqxGrid('rowdetailstemplate');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.ready = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('ready', arg);
                }
                else {
                    return this.host.jqxGrid('ready');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.rendered = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('rendered', arg);
                }
                else {
                    return this.host.jqxGrid('rendered');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.renderstatusbar = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('renderstatusbar', arg);
                }
                else {
                    return this.host.jqxGrid('renderstatusbar');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.rendertoolbar = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('rendertoolbar', arg);
                }
                else {
                    return this.host.jqxGrid('rendertoolbar');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.rendergridrows = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('rendergridrows', arg);
                }
                else {
                    return this.host.jqxGrid('rendergridrows');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.sortable = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('sortable', arg);
                }
                else {
                    return this.host.jqxGrid('sortable');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.sortmode = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('sortmode', arg);
                }
                else {
                    return this.host.jqxGrid('sortmode');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.selectedrowindex = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('selectedrowindex', arg);
                }
                else {
                    return this.host.jqxGrid('selectedrowindex');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.selectedrowindexes = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('selectedrowindexes', arg);
                }
                else {
                    return this.host.jqxGrid('selectedrowindexes');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.source = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('source', arg);
                }
                else {
                    return this.host.jqxGrid('source');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.sorttogglestates = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('sorttogglestates', arg);
                }
                else {
                    return this.host.jqxGrid('sorttogglestates');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.updatedelay = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('updatedelay', arg);
                }
                else {
                    return this.host.jqxGrid('updatedelay');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.virtualmode = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('virtualmode', arg);
                }
                else {
                    return this.host.jqxGrid('virtualmode');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.verticalscrollbarstep = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('verticalscrollbarstep', arg);
                }
                else {
                    return this.host.jqxGrid('verticalscrollbarstep');
                }
            };
        /**
         * @param {?=} arg
         * @return {?}
         */
        jqxGridComponent.prototype.verticalscrollbarlargestep = /**
         * @param {?=} arg
         * @return {?}
         */
            function (arg) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                if (arg !== undefined) {
                    this.host.jqxGrid('verticalscrollbarlargestep', arg);
                }
                else {
                    return this.host.jqxGrid('verticalscrollbarlargestep');
                }
            };
        // jqxGridComponent functions
        // jqxGridComponent functions
        /**
         * @param {?=} type
         * @return {?}
         */
        jqxGridComponent.prototype.autoresizecolumns =
            // jqxGridComponent functions
            /**
             * @param {?=} type
             * @return {?}
             */
            function (type) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('autoresizecolumns', type);
            };
        /**
         * @param {?} dataField
         * @param {?=} type
         * @return {?}
         */
        jqxGridComponent.prototype.autoresizecolumn = /**
         * @param {?} dataField
         * @param {?=} type
         * @return {?}
         */
            function (dataField, type) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('autoresizecolumn', dataField, type);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.beginupdate = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('beginupdate');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.clear = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('clear');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.destroy = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('destroy');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.endupdate = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('endupdate');
            };
        /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
        jqxGridComponent.prototype.ensurerowvisible = /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
            function (rowBoundIndex) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('ensurerowvisible', rowBoundIndex);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.focus = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('focus');
            };
        /**
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.getcolumnindex = /**
         * @param {?} dataField
         * @return {?}
         */
            function (dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getcolumnindex', dataField);
            };
        /**
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.getcolumn = /**
         * @param {?} dataField
         * @return {?}
         */
            function (dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getcolumn', dataField);
            };
        /**
         * @param {?} dataField
         * @param {?} propertyName
         * @return {?}
         */
        jqxGridComponent.prototype.getcolumnproperty = /**
         * @param {?} dataField
         * @param {?} propertyName
         * @return {?}
         */
            function (dataField, propertyName) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getcolumnproperty', dataField, propertyName);
            };
        /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
        jqxGridComponent.prototype.getrowid = /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
            function (rowBoundIndex) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getrowid', rowBoundIndex);
            };
        /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
        jqxGridComponent.prototype.getrowdata = /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
            function (rowBoundIndex) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getrowdata', rowBoundIndex);
            };
        /**
         * @param {?} rowID
         * @return {?}
         */
        jqxGridComponent.prototype.getrowdatabyid = /**
         * @param {?} rowID
         * @return {?}
         */
            function (rowID) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getrowdatabyid', rowID);
            };
        /**
         * @param {?} rowID
         * @return {?}
         */
        jqxGridComponent.prototype.getrowboundindexbyid = /**
         * @param {?} rowID
         * @return {?}
         */
            function (rowID) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getrowboundindexbyid', rowID);
            };
        /**
         * @param {?} rowDisplayIndex
         * @return {?}
         */
        jqxGridComponent.prototype.getrowboundindex = /**
         * @param {?} rowDisplayIndex
         * @return {?}
         */
            function (rowDisplayIndex) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getrowboundindex', rowDisplayIndex);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getrows = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getrows');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getboundrows = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getboundrows');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getdisplayrows = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getdisplayrows');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getdatainformation = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getdatainformation');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getsortinformation = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getsortinformation');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getpaginginformation = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getpaginginformation');
            };
        /**
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.hidecolumn = /**
         * @param {?} dataField
         * @return {?}
         */
            function (dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('hidecolumn', dataField);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.hideloadelement = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('hideloadelement');
            };
        /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
        jqxGridComponent.prototype.hiderowdetails = /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
            function (rowBoundIndex) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('hiderowdetails', rowBoundIndex);
            };
        /**
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.iscolumnvisible = /**
         * @param {?} dataField
         * @return {?}
         */
            function (dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('iscolumnvisible', dataField);
            };
        /**
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.iscolumnpinned = /**
         * @param {?} dataField
         * @return {?}
         */
            function (dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('iscolumnpinned', dataField);
            };
        /**
         * @param {?} localizationobject
         * @return {?}
         */
        jqxGridComponent.prototype.localizestrings = /**
         * @param {?} localizationobject
         * @return {?}
         */
            function (localizationobject) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('localizestrings', localizationobject);
            };
        /**
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.pincolumn = /**
         * @param {?} dataField
         * @return {?}
         */
            function (dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('pincolumn', dataField);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.refreshdata = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('refreshdata');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.refresh = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('refresh');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.render = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('render');
            };
        /**
         * @param {?} top
         * @param {?} left
         * @return {?}
         */
        jqxGridComponent.prototype.scrolloffset = /**
         * @param {?} top
         * @param {?} left
         * @return {?}
         */
            function (top, left) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('scrolloffset', top, left);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.scrollposition = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('scrollposition');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.showloadelement = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('showloadelement');
            };
        /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
        jqxGridComponent.prototype.showrowdetails = /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
            function (rowBoundIndex) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('showrowdetails', rowBoundIndex);
            };
        /**
         * @param {?} dataField
         * @param {?} index
         * @return {?}
         */
        jqxGridComponent.prototype.setcolumnindex = /**
         * @param {?} dataField
         * @param {?} index
         * @return {?}
         */
            function (dataField, index) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('setcolumnindex', dataField, index);
            };
        /**
         * @param {?} dataField
         * @param {?} propertyName
         * @param {?} propertyValue
         * @return {?}
         */
        jqxGridComponent.prototype.setcolumnproperty = /**
         * @param {?} dataField
         * @param {?} propertyName
         * @param {?} propertyValue
         * @return {?}
         */
            function (dataField, propertyName, propertyValue) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('setcolumnproperty', dataField, propertyName, propertyValue);
            };
        /**
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.showcolumn = /**
         * @param {?} dataField
         * @return {?}
         */
            function (dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('showcolumn', dataField);
            };
        /**
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.unpincolumn = /**
         * @param {?} dataField
         * @return {?}
         */
            function (dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('unpincolumn', dataField);
            };
        /**
         * @param {?=} type
         * @return {?}
         */
        jqxGridComponent.prototype.updatebounddata = /**
         * @param {?=} type
         * @return {?}
         */
            function (type) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('updatebounddata', type);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.updating = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('updating');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getsortcolumn = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getsortcolumn');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.removesort = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('removesort');
            };
        /**
         * @param {?} dataField
         * @param {?} sortOrder
         * @return {?}
         */
        jqxGridComponent.prototype.sortby = /**
         * @param {?} dataField
         * @param {?} sortOrder
         * @return {?}
         */
            function (dataField, sortOrder) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('sortby', dataField, sortOrder);
            };
        /**
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.addgroup = /**
         * @param {?} dataField
         * @return {?}
         */
            function (dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('addgroup', dataField);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.cleargroups = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('cleargroups');
            };
        /**
         * @param {?} group
         * @return {?}
         */
        jqxGridComponent.prototype.collapsegroup = /**
         * @param {?} group
         * @return {?}
         */
            function (group) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('collapsegroup', group);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.collapseallgroups = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('collapseallgroups');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.expandallgroups = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('expandallgroups');
            };
        /**
         * @param {?} group
         * @return {?}
         */
        jqxGridComponent.prototype.expandgroup = /**
         * @param {?} group
         * @return {?}
         */
            function (group) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('expandgroup', group);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getrootgroupscount = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getrootgroupscount');
            };
        /**
         * @param {?} groupIndex
         * @return {?}
         */
        jqxGridComponent.prototype.getgroup = /**
         * @param {?} groupIndex
         * @return {?}
         */
            function (groupIndex) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getgroup', groupIndex);
            };
        /**
         * @param {?} groupIndex
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.insertgroup = /**
         * @param {?} groupIndex
         * @param {?} dataField
         * @return {?}
         */
            function (groupIndex, dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('insertgroup', groupIndex, dataField);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.iscolumngroupable = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('iscolumngroupable');
            };
        /**
         * @param {?} groupIndex
         * @return {?}
         */
        jqxGridComponent.prototype.removegroupat = /**
         * @param {?} groupIndex
         * @return {?}
         */
            function (groupIndex) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('removegroupat', groupIndex);
            };
        /**
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.removegroup = /**
         * @param {?} dataField
         * @return {?}
         */
            function (dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('removegroup', dataField);
            };
        /**
         * @param {?} dataField
         * @param {?} filterGroup
         * @param {?=} refreshGrid
         * @return {?}
         */
        jqxGridComponent.prototype.addfilter = /**
         * @param {?} dataField
         * @param {?} filterGroup
         * @param {?=} refreshGrid
         * @return {?}
         */
            function (dataField, filterGroup, refreshGrid) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('addfilter', dataField, filterGroup, refreshGrid);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.applyfilters = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('applyfilters');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.clearfilters = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('clearfilters');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getfilterinformation = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getfilterinformation');
            };
        /**
         * @param {?} index
         * @return {?}
         */
        jqxGridComponent.prototype.getcolumnat = /**
         * @param {?} index
         * @return {?}
         */
            function (index) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getcolumnat', index);
            };
        /**
         * @param {?} dataField
         * @param {?} refreshGrid
         * @return {?}
         */
        jqxGridComponent.prototype.removefilter = /**
         * @param {?} dataField
         * @param {?} refreshGrid
         * @return {?}
         */
            function (dataField, refreshGrid) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('removefilter', dataField, refreshGrid);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.refreshfilterrow = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('refreshfilterrow');
            };
        /**
         * @param {?} pagenumber
         * @return {?}
         */
        jqxGridComponent.prototype.gotopage = /**
         * @param {?} pagenumber
         * @return {?}
         */
            function (pagenumber) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('gotopage', pagenumber);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.gotoprevpage = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('gotoprevpage');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.gotonextpage = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('gotonextpage');
            };
        /**
         * @param {?} rowIds
         * @param {?} data
         * @param {?=} rowPosition
         * @return {?}
         */
        jqxGridComponent.prototype.addrow = /**
         * @param {?} rowIds
         * @param {?} data
         * @param {?=} rowPosition
         * @return {?}
         */
            function (rowIds, data, rowPosition) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('addrow', rowIds, data, rowPosition);
            };
        /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.begincelledit = /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @return {?}
         */
            function (rowBoundIndex, dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('begincelledit', rowBoundIndex, dataField);
            };
        /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
        jqxGridComponent.prototype.beginrowedit = /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
            function (rowBoundIndex) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('beginrowedit', rowBoundIndex);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.closemenu = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('closemenu');
            };
        /**
         * @param {?} rowIds
         * @return {?}
         */
        jqxGridComponent.prototype.deleterow = /**
         * @param {?} rowIds
         * @return {?}
         */
            function (rowIds) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('deleterow', rowIds);
            };
        /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @param {?} confirmChanges
         * @return {?}
         */
        jqxGridComponent.prototype.endcelledit = /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @param {?} confirmChanges
         * @return {?}
         */
            function (rowBoundIndex, dataField, confirmChanges) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('endcelledit', rowBoundIndex, dataField, confirmChanges);
            };
        /**
         * @param {?} rowBoundIndex
         * @param {?} confirmChanges
         * @return {?}
         */
        jqxGridComponent.prototype.endrowedit = /**
         * @param {?} rowBoundIndex
         * @param {?} confirmChanges
         * @return {?}
         */
            function (rowBoundIndex, confirmChanges) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('endrowedit', rowBoundIndex, confirmChanges);
            };
        /**
         * @param {?} rowBoundIndex
         * @param {?} datafield
         * @return {?}
         */
        jqxGridComponent.prototype.getcell = /**
         * @param {?} rowBoundIndex
         * @param {?} datafield
         * @return {?}
         */
            function (rowBoundIndex, datafield) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getcell', rowBoundIndex, datafield);
            };
        /**
         * @param {?} left
         * @param {?} top
         * @return {?}
         */
        jqxGridComponent.prototype.getcellatposition = /**
         * @param {?} left
         * @param {?} top
         * @return {?}
         */
            function (left, top) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getcellatposition', left, top);
            };
        /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.getcelltext = /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @return {?}
         */
            function (rowBoundIndex, dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getcelltext', rowBoundIndex, dataField);
            };
        /**
         * @param {?} rowID
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.getcelltextbyid = /**
         * @param {?} rowID
         * @param {?} dataField
         * @return {?}
         */
            function (rowID, dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getcelltextbyid', rowID, dataField);
            };
        /**
         * @param {?} rowID
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.getcellvaluebyid = /**
         * @param {?} rowID
         * @param {?} dataField
         * @return {?}
         */
            function (rowID, dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getcellvaluebyid', rowID, dataField);
            };
        /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.getcellvalue = /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @return {?}
         */
            function (rowBoundIndex, dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getcellvalue', rowBoundIndex, dataField);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.isBindingCompleted = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('isBindingCompleted');
            };
        /**
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.openmenu = /**
         * @param {?} dataField
         * @return {?}
         */
            function (dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('openmenu', dataField);
            };
        /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @param {?} value
         * @return {?}
         */
        jqxGridComponent.prototype.setcellvalue = /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @param {?} value
         * @return {?}
         */
            function (rowBoundIndex, dataField, value) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('setcellvalue', rowBoundIndex, dataField, value);
            };
        /**
         * @param {?} rowID
         * @param {?} dataField
         * @param {?} value
         * @return {?}
         */
        jqxGridComponent.prototype.setcellvaluebyid = /**
         * @param {?} rowID
         * @param {?} dataField
         * @param {?} value
         * @return {?}
         */
            function (rowID, dataField, value) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('setcellvaluebyid', rowID, dataField, value);
            };
        /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @param {?} validationMessage
         * @return {?}
         */
        jqxGridComponent.prototype.showvalidationpopup = /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @param {?} validationMessage
         * @return {?}
         */
            function (rowBoundIndex, dataField, validationMessage) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('showvalidationpopup', rowBoundIndex, dataField, validationMessage);
            };
        /**
         * @param {?} rowIds
         * @param {?} data
         * @return {?}
         */
        jqxGridComponent.prototype.updaterow = /**
         * @param {?} rowIds
         * @param {?} data
         * @return {?}
         */
            function (rowIds, data) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('updaterow', rowIds, data);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.clearselection = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('clearselection');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getselectedrowindex = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getselectedrowindex');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getselectedrowindexes = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getselectedrowindexes');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getselectedcell = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getselectedcell');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getselectedcells = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getselectedcells');
            };
        /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.selectcell = /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @return {?}
         */
            function (rowBoundIndex, dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('selectcell', rowBoundIndex, dataField);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.selectallrows = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('selectallrows');
            };
        /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
        jqxGridComponent.prototype.selectrow = /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
            function (rowBoundIndex) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('selectrow', rowBoundIndex);
            };
        /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
        jqxGridComponent.prototype.unselectrow = /**
         * @param {?} rowBoundIndex
         * @return {?}
         */
            function (rowBoundIndex) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('unselectrow', rowBoundIndex);
            };
        /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @return {?}
         */
        jqxGridComponent.prototype.unselectcell = /**
         * @param {?} rowBoundIndex
         * @param {?} dataField
         * @return {?}
         */
            function (rowBoundIndex, dataField) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('unselectcell', rowBoundIndex, dataField);
            };
        /**
         * @param {?} dataField
         * @param {?} aggregates
         * @return {?}
         */
        jqxGridComponent.prototype.getcolumnaggregateddata = /**
         * @param {?} dataField
         * @param {?} aggregates
         * @return {?}
         */
            function (dataField, aggregates) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getcolumnaggregateddata', dataField, aggregates);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.refreshaggregates = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('refreshaggregates');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.renderaggregates = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('renderaggregates');
            };
        /**
         * @param {?} dataType
         * @param {?=} fileName
         * @param {?=} exportHeader
         * @param {?=} rows
         * @param {?=} exportHiddenColumns
         * @param {?=} serverURL
         * @param {?=} charSet
         * @return {?}
         */
        jqxGridComponent.prototype.exportdata = /**
         * @param {?} dataType
         * @param {?=} fileName
         * @param {?=} exportHeader
         * @param {?=} rows
         * @param {?=} exportHiddenColumns
         * @param {?=} serverURL
         * @param {?=} charSet
         * @return {?}
         */
            function (dataType, fileName, exportHeader, rows, exportHiddenColumns, serverURL, charSet) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('exportdata', dataType, fileName, exportHeader, rows, exportHiddenColumns, serverURL, charSet);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.getstate = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('getstate');
            };
        /**
         * @param {?} stateobject
         * @return {?}
         */
        jqxGridComponent.prototype.loadstate = /**
         * @param {?} stateobject
         * @return {?}
         */
            function (stateobject) {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                this.host.jqxGrid('loadstate', stateobject);
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.savestate = /**
         * @return {?}
         */
            function () {
                if (this.autoCreate && !this.host) {
                    this.createComponent();
                }
                return this.host.jqxGrid('savestate');
            };
        /**
         * @return {?}
         */
        jqxGridComponent.prototype.__wireEvents__ = /**
         * @return {?}
         */
            function () {
                var _this = this;
                this.host.on('bindingcomplete', function (eventData) { _this.onBindingcomplete.emit(eventData); });
                this.host.on('columnresized', function (eventData) { _this.onColumnresized.emit(eventData); });
                this.host.on('columnreordered', function (eventData) { _this.onColumnreordered.emit(eventData); });
                this.host.on('columnclick', function (eventData) { _this.onColumnclick.emit(eventData); });
                this.host.on('cellclick', function (eventData) { _this.onCellclick.emit(eventData); });
                this.host.on('celldoubleclick', function (eventData) { _this.onCelldoubleclick.emit(eventData); });
                this.host.on('cellselect', function (eventData) { _this.onCellselect.emit(eventData); });
                this.host.on('cellunselect', function (eventData) { _this.onCellunselect.emit(eventData); });
                this.host.on('cellvaluechanged', function (eventData) { _this.onCellvaluechanged.emit(eventData); });
                this.host.on('cellbeginedit', function (eventData) { _this.onCellbeginedit.emit(eventData); });
                this.host.on('cellendedit', function (eventData) { _this.onCellendedit.emit(eventData); });
                this.host.on('filter', function (eventData) { _this.onFilter.emit(eventData); });
                this.host.on('groupschanged', function (eventData) { _this.onGroupschanged.emit(eventData); });
                this.host.on('groupexpand', function (eventData) { _this.onGroupexpand.emit(eventData); });
                this.host.on('groupcollapse', function (eventData) { _this.onGroupcollapse.emit(eventData); });
                this.host.on('pagechanged', function (eventData) { _this.onPagechanged.emit(eventData); });
                this.host.on('pagesizechanged', function (eventData) { _this.onPagesizechanged.emit(eventData); });
                this.host.on('rowclick', function (eventData) { _this.onRowclick.emit(eventData); });
                this.host.on('rowdoubleclick', function (eventData) { _this.onRowdoubleclick.emit(eventData); });
                this.host.on('rowselect', function (eventData) { _this.onRowselect.emit(eventData); });
                this.host.on('rowunselect', function (eventData) { _this.onRowunselect.emit(eventData); });
                this.host.on('rowexpand', function (eventData) { _this.onRowexpand.emit(eventData); });
                this.host.on('rowcollapse', function (eventData) { _this.onRowcollapse.emit(eventData); });
                this.host.on('sort', function (eventData) { _this.onSort.emit(eventData); });
            };
        jqxGridComponent.decorators = [
            { type: core.Component, args: [{
                        selector: 'jqxGrid',
                        template: '<div><ng-content></ng-content></div>'
                    }] }
        ];
        /** @nocollapse */
        jqxGridComponent.ctorParameters = function () {
            return [
                { type: core.ElementRef }
            ];
        };
        jqxGridComponent.propDecorators = {
            attrAltrows: [{ type: core.Input, args: ['altrows',] }],
            attrAltstart: [{ type: core.Input, args: ['altstart',] }],
            attrAltstep: [{ type: core.Input, args: ['altstep',] }],
            attrAutoshowloadelement: [{ type: core.Input, args: ['autoshowloadelement',] }],
            attrAutoshowfiltericon: [{ type: core.Input, args: ['autoshowfiltericon',] }],
            attrAutoshowcolumnsmenubutton: [{ type: core.Input, args: ['autoshowcolumnsmenubutton',] }],
            attrShowcolumnlines: [{ type: core.Input, args: ['showcolumnlines',] }],
            attrShowrowlines: [{ type: core.Input, args: ['showrowlines',] }],
            attrShowcolumnheaderlines: [{ type: core.Input, args: ['showcolumnheaderlines',] }],
            attrAdaptive: [{ type: core.Input, args: ['adaptive',] }],
            attrAdaptivewidth: [{ type: core.Input, args: ['adaptivewidth',] }],
            attrClipboard: [{ type: core.Input, args: ['clipboard',] }],
            attrCloseablegroups: [{ type: core.Input, args: ['closeablegroups',] }],
            attrColumnsmenuwidth: [{ type: core.Input, args: ['columnsmenuwidth',] }],
            attrColumnmenuopening: [{ type: core.Input, args: ['columnmenuopening',] }],
            attrColumnmenuclosing: [{ type: core.Input, args: ['columnmenuclosing',] }],
            attrCellhover: [{ type: core.Input, args: ['cellhover',] }],
            attrEnablekeyboarddelete: [{ type: core.Input, args: ['enablekeyboarddelete',] }],
            attrEnableellipsis: [{ type: core.Input, args: ['enableellipsis',] }],
            attrEnablemousewheel: [{ type: core.Input, args: ['enablemousewheel',] }],
            attrEnableanimations: [{ type: core.Input, args: ['enableanimations',] }],
            attrEnabletooltips: [{ type: core.Input, args: ['enabletooltips',] }],
            attrEnablehover: [{ type: core.Input, args: ['enablehover',] }],
            attrEnablebrowserselection: [{ type: core.Input, args: ['enablebrowserselection',] }],
            attrEverpresentrowposition: [{ type: core.Input, args: ['everpresentrowposition',] }],
            attrEverpresentrowheight: [{ type: core.Input, args: ['everpresentrowheight',] }],
            attrEverpresentrowactions: [{ type: core.Input, args: ['everpresentrowactions',] }],
            attrEverpresentrowactionsmode: [{ type: core.Input, args: ['everpresentrowactionsmode',] }],
            attrFilterrowheight: [{ type: core.Input, args: ['filterrowheight',] }],
            attrFiltermode: [{ type: core.Input, args: ['filtermode',] }],
            attrGroupsrenderer: [{ type: core.Input, args: ['groupsrenderer',] }],
            attrGroupcolumnrenderer: [{ type: core.Input, args: ['groupcolumnrenderer',] }],
            attrGroupsexpandedbydefault: [{ type: core.Input, args: ['groupsexpandedbydefault',] }],
            attrHandlekeyboardnavigation: [{ type: core.Input, args: ['handlekeyboardnavigation',] }],
            attrPagerrenderer: [{ type: core.Input, args: ['pagerrenderer',] }],
            attrRtl: [{ type: core.Input, args: ['rtl',] }],
            attrShowdefaultloadelement: [{ type: core.Input, args: ['showdefaultloadelement',] }],
            attrShowfiltercolumnbackground: [{ type: core.Input, args: ['showfiltercolumnbackground',] }],
            attrShowfiltermenuitems: [{ type: core.Input, args: ['showfiltermenuitems',] }],
            attrShowpinnedcolumnbackground: [{ type: core.Input, args: ['showpinnedcolumnbackground',] }],
            attrShowsortcolumnbackground: [{ type: core.Input, args: ['showsortcolumnbackground',] }],
            attrShowsortmenuitems: [{ type: core.Input, args: ['showsortmenuitems',] }],
            attrShowgroupmenuitems: [{ type: core.Input, args: ['showgroupmenuitems',] }],
            attrShowrowdetailscolumn: [{ type: core.Input, args: ['showrowdetailscolumn',] }],
            attrShowheader: [{ type: core.Input, args: ['showheader',] }],
            attrShowgroupsheader: [{ type: core.Input, args: ['showgroupsheader',] }],
            attrShowaggregates: [{ type: core.Input, args: ['showaggregates',] }],
            attrShowgroupaggregates: [{ type: core.Input, args: ['showgroupaggregates',] }],
            attrShoweverpresentrow: [{ type: core.Input, args: ['showeverpresentrow',] }],
            attrShowfilterrow: [{ type: core.Input, args: ['showfilterrow',] }],
            attrShowemptyrow: [{ type: core.Input, args: ['showemptyrow',] }],
            attrShowstatusbar: [{ type: core.Input, args: ['showstatusbar',] }],
            attrStatusbarheight: [{ type: core.Input, args: ['statusbarheight',] }],
            attrShowtoolbar: [{ type: core.Input, args: ['showtoolbar',] }],
            attrSelectionmode: [{ type: core.Input, args: ['selectionmode',] }],
            attrUpdatefilterconditions: [{ type: core.Input, args: ['updatefilterconditions',] }],
            attrUpdatefilterpanel: [{ type: core.Input, args: ['updatefilterpanel',] }],
            attrTheme: [{ type: core.Input, args: ['theme',] }],
            attrToolbarheight: [{ type: core.Input, args: ['toolbarheight',] }],
            attrAutoheight: [{ type: core.Input, args: ['autoheight',] }],
            attrAutorowheight: [{ type: core.Input, args: ['autorowheight',] }],
            attrColumnsheight: [{ type: core.Input, args: ['columnsheight',] }],
            attrDeferreddatafields: [{ type: core.Input, args: ['deferreddatafields',] }],
            attrGroupsheaderheight: [{ type: core.Input, args: ['groupsheaderheight',] }],
            attrGroupindentwidth: [{ type: core.Input, args: ['groupindentwidth',] }],
            attrPagerheight: [{ type: core.Input, args: ['pagerheight',] }],
            attrRowsheight: [{ type: core.Input, args: ['rowsheight',] }],
            attrScrollbarsize: [{ type: core.Input, args: ['scrollbarsize',] }],
            attrScrollmode: [{ type: core.Input, args: ['scrollmode',] }],
            attrScrollfeedback: [{ type: core.Input, args: ['scrollfeedback',] }],
            attrAutosavestate: [{ type: core.Input, args: ['autosavestate',] }],
            attrAutoloadstate: [{ type: core.Input, args: ['autoloadstate',] }],
            attrColumns: [{ type: core.Input, args: ['columns',] }],
            attrColumngroups: [{ type: core.Input, args: ['columngroups',] }],
            attrColumnsmenu: [{ type: core.Input, args: ['columnsmenu',] }],
            attrColumnsresize: [{ type: core.Input, args: ['columnsresize',] }],
            attrColumnsautoresize: [{ type: core.Input, args: ['columnsautoresize',] }],
            attrColumnsreorder: [{ type: core.Input, args: ['columnsreorder',] }],
            attrDisabled: [{ type: core.Input, args: ['disabled',] }],
            attrEditable: [{ type: core.Input, args: ['editable',] }],
            attrEditmode: [{ type: core.Input, args: ['editmode',] }],
            attrFilter: [{ type: core.Input, args: ['filter',] }],
            attrFilterable: [{ type: core.Input, args: ['filterable',] }],
            attrGroupable: [{ type: core.Input, args: ['groupable',] }],
            attrGroups: [{ type: core.Input, args: ['groups',] }],
            attrHorizontalscrollbarstep: [{ type: core.Input, args: ['horizontalscrollbarstep',] }],
            attrHorizontalscrollbarlargestep: [{ type: core.Input, args: ['horizontalscrollbarlargestep',] }],
            attrInitrowdetails: [{ type: core.Input, args: ['initrowdetails',] }],
            attrKeyboardnavigation: [{ type: core.Input, args: ['keyboardnavigation',] }],
            attrLocalization: [{ type: core.Input, args: ['localization',] }],
            attrPagesize: [{ type: core.Input, args: ['pagesize',] }],
            attrPagesizeoptions: [{ type: core.Input, args: ['pagesizeoptions',] }],
            attrPagermode: [{ type: core.Input, args: ['pagermode',] }],
            attrPagerbuttonscount: [{ type: core.Input, args: ['pagerbuttonscount',] }],
            attrPageable: [{ type: core.Input, args: ['pageable',] }],
            attrRowdetails: [{ type: core.Input, args: ['rowdetails',] }],
            attrRowdetailstemplate: [{ type: core.Input, args: ['rowdetailstemplate',] }],
            attrReady: [{ type: core.Input, args: ['ready',] }],
            attrRendered: [{ type: core.Input, args: ['rendered',] }],
            attrRenderstatusbar: [{ type: core.Input, args: ['renderstatusbar',] }],
            attrRendertoolbar: [{ type: core.Input, args: ['rendertoolbar',] }],
            attrRendergridrows: [{ type: core.Input, args: ['rendergridrows',] }],
            attrSortable: [{ type: core.Input, args: ['sortable',] }],
            attrSortmode: [{ type: core.Input, args: ['sortmode',] }],
            attrSelectedrowindex: [{ type: core.Input, args: ['selectedrowindex',] }],
            attrSelectedrowindexes: [{ type: core.Input, args: ['selectedrowindexes',] }],
            attrSource: [{ type: core.Input, args: ['source',] }],
            attrSorttogglestates: [{ type: core.Input, args: ['sorttogglestates',] }],
            attrUpdatedelay: [{ type: core.Input, args: ['updatedelay',] }],
            attrVirtualmode: [{ type: core.Input, args: ['virtualmode',] }],
            attrVerticalscrollbarstep: [{ type: core.Input, args: ['verticalscrollbarstep',] }],
            attrVerticalscrollbarlargestep: [{ type: core.Input, args: ['verticalscrollbarlargestep',] }],
            attrWidth: [{ type: core.Input, args: ['width',] }],
            attrHeight: [{ type: core.Input, args: ['height',] }],
            autoCreate: [{ type: core.Input, args: ['auto-create',] }],
            onBindingcomplete: [{ type: core.Output }],
            onColumnresized: [{ type: core.Output }],
            onColumnreordered: [{ type: core.Output }],
            onColumnclick: [{ type: core.Output }],
            onCellclick: [{ type: core.Output }],
            onCelldoubleclick: [{ type: core.Output }],
            onCellselect: [{ type: core.Output }],
            onCellunselect: [{ type: core.Output }],
            onCellvaluechanged: [{ type: core.Output }],
            onCellbeginedit: [{ type: core.Output }],
            onCellendedit: [{ type: core.Output }],
            onFilter: [{ type: core.Output }],
            onGroupschanged: [{ type: core.Output }],
            onGroupexpand: [{ type: core.Output }],
            onGroupcollapse: [{ type: core.Output }],
            onPagechanged: [{ type: core.Output }],
            onPagesizechanged: [{ type: core.Output }],
            onRowclick: [{ type: core.Output }],
            onRowdoubleclick: [{ type: core.Output }],
            onRowselect: [{ type: core.Output }],
            onRowunselect: [{ type: core.Output }],
            onRowexpand: [{ type: core.Output }],
            onRowcollapse: [{ type: core.Output }],
            onSort: [{ type: core.Output }]
        };
        return jqxGridComponent;
    }()); //jqxGridComponent

    /**
     * @fileoverview added by tsickle
     * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
     */
    var jqxGridModule = /** @class */ (function () {
        function jqxGridModule() {
        }
        jqxGridModule.decorators = [
            { type: core.NgModule, args: [{
                        imports: [],
                        declarations: [jqxGridComponent],
                        exports: [jqxGridComponent]
                    },] }
        ];
        return jqxGridModule;
    }());

    /**
     * @fileoverview added by tsickle
     * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
     */

    /**
     * @fileoverview added by tsickle
     * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
     */

    exports.jqxGridComponent = jqxGridComponent;
    exports.jqxGridModule = jqxGridModule;

    Object.defineProperty(exports, '__esModule', { value: true });

})));