jQuery UI Widgets Forums General Discussions jqxWindow and jqxGrid don't like each other ?

This topic contains 5 replies, has 3 voices, and was last updated by  ivanpeevski 1 year, 3 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author

  • antonomase
    Participant

    Hi,

    I have a problem when using jqxWindow next to jqxGrid: The window that should be collapsed opens and the text is empty. After clicking on the collapse button twice, everything comes back normal.

    If I put in comment the code $(“#jqxgrid”).jqxGrid(… the behavior of the window is normal

    (I have voluntarily simplified the page).

    I don’t see the problem, especially since under jsfiddle.net/, it works fine.

    Do you have an idea?
    Thanks
    (sorry if double post).

    <!DOCTYPE html>
    <head>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <link rel="stylesheet" href="/jqwidgets/styles/jqx.base.css" type="text/css" />
        <script type="text/javascript" src="/js/jQuery.min.js"></script>
        <script type="text/javascript" src="/jqwidgets/jqxcore.js"></script>
        <script type="text/javascript" src="/jqwidgets/jqx-all.js"></script>
         
    <script type="text/javascript" defer>
    $(document).ready(function () {
    $("#jqxgrid").jqxGrid(
       {
        width: 300,
        columns: [ 
            { text: 'Id', width: 60  },
            { text: 'Label' }
        ]});
    
    $('#jqxWindow').jqxWindow(
        {
            title: 'Title',
            collapsed: true,
            showCollapseButton: true,
            collapseAnimationDuration: 250,
            showCloseButton: false,
            animationType: 'combined',
            position: { x: 350, y: 10 },
            minHeight: 200,
            width: 400,
            height: 200,
            minHeight: 200,
            content: 'Some text.'
        });
    });
    </script>
    </head>
    <body class='default'>
    <div id="jqxgrid"></div>
    <div id='jqxWindow'>
        <div></div>
        <div></div>
    </div>
    </body>
    </html>

    Display of the screen


    Yavor Dashev
    Participant

    Hi antonomase,

    I would like to ask you which version of jQWidgets you are using, because with the latest version everything works as intended.

    Also I strongly recommend you to update to the latest version of jQWidgets.

    Please, do not hesitate to contact us if you have any additional questions.

    Best regards,
    Yavor Dashev
    jQWidgets Team

    https://www.jqwidgets.com


    antonomase
    Participant

    Hi Yavor,

    I’m using jQWidgets v12.2.0 Release, Sep-21-2021


    antonomase
    Participant

    Hi,

    You can reproduce the bug on codesandbox.io
    https://codesandbox.io/s/exciting-smoke-epkqq?file=/withgrid.html

    Type https://epkqq.csb.app/withgrid.html in the browser box on the right side
    1) jqxWindow is open even the collapsed flag is on true and the content is empty
    2) when you first click on the collapse button, the text appears
    3) after a second click, the behavior is normal

    Now type https://epkqq.csb.app/withoutgrid.html in the browser box on the right side
    –>The window works fine


    antonomase
    Participant

    Hi,

    I have the same problem of jqxWindow opening badly in collapse mode when I use jqxCheckBox.

    I had an table with many jqxInput, jqxDateTimeInput, jqxNumberInput and jqxDropdown fields: the jqxWindow opened normally. I just added a jqxCheckBox field and I had the same problem as with jqxGrid.

    I have updated https://codesandbox.io/s/exciting-smoke-epkqq?file=/index.html for a test page with a jqxCheckBox

    • This reply was modified 1 year, 3 months ago by  antonomase.

    ivanpeevski
    Participant

    Hi antonomase,

    Thank you for reporting the problem. It seems that jqxWindow breaks with Jquery versions newer than jQuery Core 3.1.1
    We will investigate the problem and fix the issue as soon as possible.
    In the sandbox you send us, you can replace the jQuery script with the following script:
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
    The jqxWindow will now collapse. Have a looked at the forked version of your sandbox here: https://codesandbox.io/s/elastic-bhaskara-u0q1z?file=/withgrid.html

    Apologies for the inconvenience.
    If you have any other questions, please do not hesitate to contact us again.
    Best regards,
    Ivan Peevski
    jQWidgets Team
    https://www.jqwidgets.com

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.