The select2('open') method was called on an element that is not using Select2

guillerbm7 · Post by **guillerbm7** » Wed Jun 05, 2024 6:02 pm

Hi! I'm migrating an small web from PHPMaker v2023 to v2024, but my filters won't work. When I click on them, nothing happens and the console returns me this:

The select2('open') method was called on an element that is not using Select2. select2.full.js:6481:20
jQuery 4
filter ew.js:5631
<anonymous> ew.js:10149
jQuery 8
<anonymous> CardRefresh.js:157
<anonymous> adminlte.min.js:6
<anonymous> adminlte.min.js:6

Anyone have some clue?

arbei · Post by **arbei** » Wed Jun 05, 2024 6:35 pm

According to your error message, you are using Select2 in CardRefresh? Is it your own code or generated from original template? If latter, what is the page? A dashboard including a report with table head filter?

guillerbm7 · Post by **guillerbm7** » Wed Jun 05, 2024 6:44 pm

It is a table list and I'm using a filter for some fields, it's not my code, it's generated. The filters don't work at all.

arbei · Post by **arbei** » Wed Jun 05, 2024 8:52 pm

But there is no CardRefresh.js in List page for normal tables. You may post the complete error trace from the Console panel of your browser.

arbei · Post by **arbei** » Thu Jun 06, 2024 9:04 am

arbei wrote:

You may post the complete error trace from the Console panel of your browser.

Press F12 in your browser, go to the Console panel, click the error, you'll see the complete stack trace, copy and post it here.

You may also see Copy stack trace.

guillerbm7 · Post by **guillerbm7** » Thu Jun 06, 2024 4:11 pm

In my console there are 2 errors. The first one is the one I show above:

*The select2('open') method was called on an element that is not using Select2. select2.full.js:6481:20
    jQuery 4
        select2
        each
        each
        select2
    filter ew.js:5631
    <anonymous> ew.js:10149
    jQuery 8
        dispatch
        handle
    (Asíncrono: EventListener.handleEvent)
        add
        Le
        each
        each
        Le
        on
    <anonymous> CardRefresh.js:157
    <anonymous> adminlte.min.js:6
    <anonymous> adminlte.min.js:6*

And the second one I think is consequence of the first one:

*Uncaught TypeError: can't access property "open", e is undefined
    jQuery 4
        select2
        each
        each
        select2
    filter ew.js:5631
    <anonymous> ew.js:10149
    jQuery 8
        dispatch
        handle
        add
        Le
        each
        each
        Le
        on
    <anonymous> CardRefresh.js:157
    <anonymous> adminlte.min.js:6
    <anonymous> adminlte.min.js:6
select2.full.js:6487:10
    jQuery 4
        select2
        each
        each
        select2
    filter ew.js:5631
    <anonymous> ew.js:10149
    jQuery 8
        dispatch
        handle
    (Asíncrono: EventListener.handleEvent)
        add
        Le
        each
        each
        Le
        on
    <anonymous> CardRefresh.js:157
    <anonymous> adminlte.min.js:6
    <anonymous> adminlte.min.js:6
*

arbei · Post by **arbei** » Thu Jun 06, 2024 8:11 pm

The info is not more detailed than your first post. Anyway,

guillerbm7 wrote:

<anonymous> CardRefresh.js:157

The source code is:

$(document).on('click', SELECTOR_DATA_REFRESH, function (event) { // where  SELECTOR_DATA_REFRESH = '[data-card-widget="card-refresh"]'

That means there was a click on a CardRefresh widget.

However, as said, there is no CardRefresh widget in normal table List page at all. CardRefresh is only used in dashboard report and login pages. That's why I asked if it is a dashboard report or your own code.

You better view the HTML source of your page in your browser and look for "CardRefresh", try to find out where the error orginated.

If you have added any customizations (not from the original template), you may want to elaborate.

guillerbm7 · Post by **guillerbm7** » Mon Jun 10, 2024 10:05 pm

Hi again. The last couple of days I've been trying to find out where do CardRefresh came from or some clues about the error but without success. Yet, I've found an error that pops up when I open the code section of any table/view in the PHPMaker app. It says:

There was an error creating the controller. (2)
Error code: 0x80070002
Unexpected error result.

It may be that the .pmp file has been corrupted?

arbei · Post by **arbei** » Tue Jun 11, 2024 8:15 am

That is irrelevant to JavaScript errors.

arbei wrote:

You better view the HTML source of your page in your browser and look for "CardRefresh", try to find out where the error orginated.
If you have added any customizations (not from the original template), you may want to elaborate.