I'm getting an error: Uncaught TypeError: Cannot read property 'getEditor' of undefined after defining an igGrid filtering section.
Here's my igGrid definition:
$("#mainScreenGrid").igGrid({ autoGenerateColumns: false, scrolling: true, renderCheckboxes: true, dataSource: data, dataSourceType: 'json', width: "100%", primaryKey: "oid", columns: [ { headerText: "Details", key: "oid", template: "<input type=\"button\" value=\"select\" onclick=\"return GetDetails('${oid}','${stTransactionSetIdCode}')\"/>", width: "75px" }, { headerText: "Inbound", key: "isInbound", dataType: "bool", width: "50px" }, { headerText: "Sender", key: "isaSenderId", dataType: "string", width: "100px" }, { headerText: "Receiver", key: "isaReceiverId", dataType: "string", width: "100px" }, { headerText: "Date Time", key: "isaDateTime", dataType: "date", width: "100px" }, { headerText: "Version", key: "isaControlVersionNumber", dataType: "string", width: "75px" }, { headerText: "ISA Control Number", key: "isaControlNumber", dataType: "string", width: "150px" }, { headerText: "Group Control Number", key: "gsGroupControlNum", dataType: "string", width: "150px" }, { headerText: "Document Type", key: "stTransactionSetIdCode", dataType: "string", width: "150px" }, { headerText: "Has Errors", key: "hasErrors", dataType: "bool", width: "50px" } ], features: [ { name: 'Sorting', type: 'local' }, { name: 'Resizing', allowDoubleClickToResize: true }, { name: "Paging", type: "local", pageSize: 50 }, { name: 'Filtering', type: 'local', mode: 'simple', allowFiltering: true, caseSensitive: false, columnSettings: [ { columnKey: 'oid', allowFiltering: true }, { columnKey: 'isInbound', allowFiltering: true }, { columnKey: 'isaSenderId', allowFiltering: true }, { columnKey: 'isaReceiverId', allowFiltering: true }, { columnKey: 'isaDateTime', allowFiltering: true }, { columnKey: 'isaControlVersionNumber', allowFiltering: true }, { columnKey: 'isaControlNumber', allowFiltering: true }, { columnKey: 'gsGroupControlNum', allowFiltering: true }, { columnKey: 'stTransactionSetIdCode', allowFiltering: true }, { columnKey: 'hasErrors', allowFiltering: true } ] } ] // End of features array });
If I comment out the section on filtering in the features area, the grid will come up and present the data from the AJAX call. If I leave the filtering section in, I get the the error message: "Uncaught TypeError: Cannot read property 'getEditor' of undefined". It's coming from infragistics.log.js on line 244.
I tried using jquery version 3.3.0, and got the error. I then read in the infragistics.lob.js file that it depends on jquery-1.9.1.js so I tried that version and still got the error.
From the call stack it looks like it's trying to set the width.