I've upgraded to Bootstrap 5 and now the advanced filter icons don't display and no filtering can happen.
My original code for filtering was:
features: [ { name: 'Sorting', type: 'local' }, { name: 'Filtering', type: 'local', mode: 'advanced', filterDropDownItemIcons: true, persist: true } ]
If I change my code to:
features: [ { name: 'Sorting', type: 'local' }, { name: 'Filtering' } ]
I get jquery exceptions on attempts to read the property 'getEditor' of undefined:
jquery-3.6.0.js:4050 jQuery.Deferred exception: Cannot read property 'getEditor' of undefined TypeError: Cannot read property 'getEditor' of undefined at $.<computed>.<computed>._setEditorsWidth (https://localhost:44382/Scripts/Infragistics/js/modules/infragistics.ui.grid.filtering.js:22:24371) at $.<computed>.<computed>._setEditorsWidth (https://localhost:44382/Scripts/jquery-ui-1.12.1.js:144:25) at $.<computed>.<computed>._dataRendered (https://localhost:44382/Scripts/Infragistics/js/modules/infragistics.ui.grid.filtering.js:22:21757) at $.<computed>.<computed>._dataRendered (https://localhost:44382/Scripts/jquery-ui-1.12.1.js:144:25) at $.<computed>.<computed>._fireInternalEvent (https://localhost:44382/Scripts/Infragistics/js/modules/infragistics.ui.grid.framework.js:33:14164) at $.<computed>.<computed>._fireInternalEvent (https://localhost:44382/Scripts/jquery-ui-1.12.1.js:144:25) at $.<computed>.<computed>._renderData (https://localhost:44382/Scripts/Infragistics/js/modules/infragistics.ui.grid.framework.js:31:21404) at $.<computed>.<computed>._renderData (https://localhost:44382/Scripts/jquery-ui-1.12.1.js:144:25) at $.<computed>.<computed>.proxy (https://localhost:44382/Scripts/jquery-3.6.0.js:10780:13) at Class._invokeCallback (https://localhost:44382/Scripts/Infragistics/js/infragistics.core.js:374:31542) undefined jQuery.Deferred.exceptionHook @ jquery-3.6.0.js:4050 process @ jquery-3.6.0.js:3838 setTimeout (async) (anonymous) @ jquery-3.6.0.js:3872 fire @ jquery-3.6.0.js:3500 fireWith @ jquery-3.6.0.js:3630 fire @ jquery-3.6.0.js:3638 fire @ jquery-3.6.0.js:3500 fireWith @ jquery-3.6.0.js:3630 ready @ jquery-3.6.0.js:4110 completed @ jquery-3.6.0.js:4120 jquery-3.6.0.js:4059 Uncaught TypeError: Cannot read property 'getEditor' of undefined at $.<computed>.<computed>._setEditorsWidth (infragistics.ui.grid.filtering.js:22) at $.<computed>.<computed>._setEditorsWidth (jquery-ui-1.12.1.js:144) at $.<computed>.<computed>._dataRendered (infragistics.ui.grid.filtering.js:22) at $.<computed>.<computed>._dataRendered (jquery-ui-1.12.1.js:144) at $.<computed>.<computed>._fireInternalEvent (infragistics.ui.grid.framework.js:33) at $.<computed>.<computed>._fireInternalEvent (jquery-ui-1.12.1.js:144) at $.<computed>.<computed>._renderData (infragistics.ui.grid.framework.js:31) at $.<computed>.<computed>._renderData (jquery-ui-1.12.1.js:144) at $.<computed>.<computed>.proxy (jquery-3.6.0.js:10780) at Class._invokeCallback (infragistics.core.js:374) _setEditorsWidth @ infragistics.ui.grid.filtering.js:22 (anonymous) @ jquery-ui-1.12.1.js:144 _dataRendered @ infragistics.ui.grid.filtering.js:22 (anonymous) @ jquery-ui-1.12.1.js:144 _fireInternalEvent @ infragistics.ui.grid.framework.js:33 (anonymous) @ jquery-ui-1.12.1.js:144 _renderData @ infragistics.ui.grid.framework.js:31 (anonymous) @ jquery-ui-1.12.1.js:144 proxy @ jquery-3.6.0.js:10780 _invokeCallback @ infragistics.core.js:374 dataBind @ infragistics.core.js:374 dataBind @ infragistics.ui.grid.framework.js:28 (anonymous) @ jquery-ui-1.12.1.js:144 _create @ infragistics.ui.grid.framework.js:27 (anonymous) @ jquery-ui-1.12.1.js:144 _createWidget @ jquery-ui-1.12.1.js:341 $.Widget._createWidget @ infragistics.core.js:347 $.Widget._createWidget @ infragistics.util.jquery.js:17 _superApply @ jquery-ui-1.12.1.js:133 _createWidget @ infragistics.ui.widget.js:16 (anonymous) @ jquery-ui-1.12.1.js:144 _superApply @ jquery-ui-1.12.1.js:133 _createWidget @ infragistics.ui.grid.framework.js:26 (anonymous) @ jquery-ui-1.12.1.js:144 $.<computed>.<computed> @ jquery-ui-1.12.1.js:99 (anonymous) @ jquery-ui-1.12.1.js:281 each @ jquery-3.6.0.js:385 each @ jquery-3.6.0.js:207 $.fn.<computed> @ jquery-ui-1.12.1.js:273 (anonymous) @ (index):240 mightThrow @ jquery-3.6.0.js:3766 process @ jquery-3.6.0.js:3834 setTimeout (async) jQuery.readyException @ jquery-3.6.0.js:4058 (anonymous) @ jquery-3.6.0.js:4078 mightThrow @ jquery-3.6.0.js:3766 process @ jquery-3.6.0.js:3834 setTimeout (async) (anonymous) @ jquery-3.6.0.js:3872 fire @ jquery-3.6.0.js:3500 fireWith @ jquery-3.6.0.js:3630 fire @ jquery-3.6.0.js:3638 fire @ jquery-3.6.0.js:3500 fireWith @ jquery-3.6.0.js:3630 process @ jquery-3.6.0.js:3854 setTimeout (async) (anonymous) @ jquery-3.6.0.js:3872 fire @ jquery-3.6.0.js:3500 fireWith @ jquery-3.6.0.js:3630 fire @ jquery-3.6.0.js:3638 fire @ jquery-3.6.0.js:3500 fireWith @ jquery-3.6.0.js:3630 ready @ jquery-3.6.0.js:4110 completed @ jquery-3.6.0.js:4120 Show 2 more frames
Hello Kenneth,
Thank you for using Infragistics forums!
I tried creating a small sample using the information provided but the Filtering icons still appear. I can't reproduce the getEditor error with simple filtering mode either. I am attaching my sample for your reference. It uses the latest SR for Ignite UI 2021.1 . Please, let me know if you are using an older version so I can try with it instead. I am attaching it for your reference
If you could modify my sample or share a working one yourself reproducing the issue, that would help as well.
Best regards,
Stamen Stoychev
flatgrid.zip