Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
255
Did bootstrap 5 break filtering?
posted

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 } ]
The grid will show, but filtering icons do not appear and no filtering is available.

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

  • 5513
    Offline posted

    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