Loading Gif not Showing

[njaParticipant]

Hi,
I have a problem where the showloadelement call is not working. I don’t get any error message, it does show on the first load of grid, but not on any additional loads. Has anybody else been having this issue and/or is there a patch for this behavior?

Thanks,
NJA

Notes:

Building Grid

            $("#jqxGrid").jqxGrid({
                width: '100%',
                height: 650,
                source: dataAdapter,
                keyboardnavigation: false,
                editable: true,
                editmode: 'click',
                selectionmode: 'singlerow',
                autoshowloadelement: true,
                enabletooltips: true,
                sortable: true,
                sortmode: "many",
                filterable: true,
                showstatusbar: true,
                statusbarheight: 28,
                showaggregates: true,
                //pageable: true,
                altrows: true,
                columnsresize: true,

Triggering the show load

            $("#runReportButton").on('click', function () {
                $('#jqxGrid').jqxGrid('showloadelement');
                loadNewDateData();

            });

Loading the new data

                    // clear grid, show load element      
                    $('#jqxGrid').jqxGrid('clear');

                    var urlToGoTo = '/tt_IcmsMCCSAll/get11AAdjustments?year=' + item.value;
                    var newSource = {
                        type: "GET",
                        datatype: "json",
                        datafields: [
                            { name: 'TrackingId', type: 'number' },
                            { name: 'QARemoveStatus', type: 'bool' },
                            { name: 'QARemoveReason', type: 'string' },
                            { name: 'QATrackingKey', type: 'string' },
                            { name: 'MCCSRECCOD', type: 'string' },
                            { name: 'MCCSCRTCOD', type: 'string' },
                            { name: 'MCCSSYSCOD', type: 'string' },
                            { name: 'MCCSREPTYP', type: 'string' },
                            { name: 'MCCSREPDAT', type: 'string' },
                            { name: 'MCCSCASTYC', type: 'string' },
                            { name: 'MCCSCASNBR', type: 'string' },
                            { name: 'MCCSCASTYP', type: 'string' },
                            { name: 'MCCSDEFNBR', type: 'string' },
                            { name: 'MCCSJBSCOL', type: 'string' },
                            { name: 'MCCSJBSROW', type: 'string' },
                            { name: 'MCCSJBSCEL', type: 'number' },
                            { name: 'JURISDICTION', type: 'string' },
                            { name: 'ReportYear', type: 'number' },
                            { name: 'ReportMonth', type: 'number' },
                            { name: 'Action', type: 'string' },
                            { name: 'MCCSJBSCOLSortable', type: 'number' },
                            { name: 'MCCSJBSROWSortable', type: 'number' },

                        ],
                        url: urlToGoTo

                    };

                    // load adapter from our updated ajax source and assign to grid
                    var newDataAdapter = new $.jqx.dataAdapter(newSource);
                    $("#jqxGrid").jqxGrid({ source: newDataAdapter });

[HristoParticipant]

Hello NJA,

I tested this example and it seems to work fine.
Could you clarify it and also, which version do you use?

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[njaParticipant]

Hi there,
Here is the version info.
/*
jQWidgets v8.3.2 (2019-Oct)
Copyright (c) 2011-2019 jQWidgets.
License: https://jqwidgets.com/license/
*/

The grid is being used inside a C# MVC app, I have it in other web applications and it seems to be working fine there.

When the page first loads the is a call back to the app to get the data using a default year.

The data loads and the loading gif displays.

Then on the page there is a drop down and the user picks a different year, clicks the “go” button and a call is sent to the app with the date.

I manually clear the grid and show the loading, but no loading gif shows.

Thanks for your help,
NJA

[HristoParticipant]

Hello NJA,

Please, check for error messages in the console.
Also, we recommend using the latest version of jQWidgets.
One more thing that you could try after you set the new source you could use the updatebounddata method.
I hope this will help.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[njaParticipant]

Hi,
Thanks for trying to help, I appreciate it. Struck out though.

There are no errors in the console.

I can’t download the latest version, your site doesn’t recognize my key even though we have maintenance agreement. I sent an email to sales. If they get back to me I will try that.

Tried the updatebounddata method, didn’t help.

Later,
Nancy

[njaParticipant]

Okay, upgraded jQWidgets, no difference.

Upgraded jQuery, no difference.

Thanks again,
NJA

[HristoParticipant]

Hello NJA,

I would like to suggest you download and replace your version with the “Non-Commercial” version.
Only to test that case.
Also, a check is the used email is the correct one that is related to your license key.
I hope this will help.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts