Issue with jqxdata.export.js

[filipedsParticipant]

When I’m accessing my application locally with “localhost”, the export to excel feature works fine. However, when I access with my domain name (appname.domain.com) I get an error as soon I open the report page.

The error is: Uncaught SyntaxError: Unexpected token ‘)’ (at jqxdata.export.js:8:30481).

Has anyone else seen this?

Thanks in advance.

[svetoslav_borislavovParticipant]

Hi,

This behaviour is strange, may you share your code?
Is the error there if you only import jqxdata.export.js, without initializing the grid?

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[filipedsParticipant]

You can find below the rendered code.

When the page loads, I have that posted error, and when I click on the export button I get another missing reference error: Uncaught jqxGrid: Missing reference to jqxdata.export.js!

I’ll take a test without initializing the grid to reply to you.

<form action="/Relatorios/ProducaoVendas" data-ajax="true" data-ajax-begin="InsuranceSelling.ModalMessage.showloading();" data-ajax-complete="InsuranceSellingForm.init(); InsuranceSelling.ModalMessage.hide(); InsuranceSellingForm.formAjaxOnComplete('Relatorios');" data-ajax-failure="SweetAlert.Error('Erro' , error);" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-success="InsuranceSellingForm.formAjaxUpdateSuccessfull(data);" data-ajax-update="#resultRelatorio" id="formRelatorio" method="post">            
<div class="form-actions">
                    <div class="clearfix">
                        <button id="idButtonSearch" type="submit" class="btn blue" onclick="submitFormRelatorio();">Pesquisar  <i class="fa fa-table"></i></button>
                    </div>
                </div>
            </div>
</form>
    <div id="resultRelatorio">
      <button id="idExportExcel" type="button" class="btn blue" onclick="exportExcel();">Exportar para Excel  <i class="fa fa-file-excel-o"></i></button>
    </div>

    <script type="text/javascript" src="/Scripts/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxdata.export.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxgrid.selection.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxgrid.columnsresize.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxdata.export.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxgrid.export.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxexport.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxgrid.sort.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxgrid.filter.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxgrid.pager.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxgrid.grouping.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxgrid.aggregates.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="/Scripts/jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript">
        submitFormRelatorio = function () {
            $("#report").attr('href', "/Relatorios/ExportToExcel?DataInicial=" + $("input[name='DataInicial']").val() + "&DataFinal=" + $("input[name='DataFinal']").val());
        }
        exportExcel = function () {
            $("#table").jqxGrid('exportdata', 'xls', 'relatorio');
        }
        $(":input").focusout(function () {
            $("#report").attr('href', "/Relatorios/ExportToExcel?DataInicial=" + $("input[name='DataInicial']").val() + "&DataFinal=" + $("input[name='DataFinal']").val() + "&EstadoId=" + $("select[name='EstadoId']").val() + "&TipoVendedor=" + $("select[name='TipoVendedor']").val());
        });

[adminKeymaster]

Hi,

The jqxdata.export.js is added two times and this could be problematic.

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[filipedsParticipant]

Hi Peter, sorry for the delay in reply.

Even after removing the duplicated call and not initializing the grid the problem still happens. Just loading the script.

And when I try to export, I get a “Missing reference”.

A strange thing I noticed looking deeper into the error was the several occurrences of the “X” word in the JS, as you can see below.

[svetoslav_borislavovParticipant]

Hi,

Could you try moving the import of jqxdata.export.js before jqxgrid.js.
Also, will the problem still exist if you import jqx-all.js instead every component

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[filipedsParticipant]

Hi Svetoslav,

With jqxdata.export.js before jqxgrid.js does not worked. But using the jqx-all.js worked like a charm!

Any clue why?

Many thanks!

[svetoslav_borislavovParticipant]

Hi,

Could you please, send us the project or a demo project with the problem?

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[filipedsParticipant]

Hi,

I will try to replicate the problem in a demo project and send you.

Kind regards.

[svetoslav_borislavovParticipant]

Hi,

Thank you, we are waiting for you!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[robfParticipant]

I have a question regarding programmatically turning ON/OFF the ability to resize columns.

I initially set it to true and resizing is allowed. I use code from your API ref to turn it off

$(‘#jqxGrid’).jqxGrid({ columnsresize: false});

I check that the value has changed – $(‘#jqxGrid’).jqxGrid(‘columnsresize’); >> false

However, I can still resize the columns. The code seemingly has no effect. Can you please tell me what I am doing wrong?

Please see this fiddle:
https://jsfiddle.net/rfossella/a45uret1/57/

Thank you
Robert

[svetoslav_borislavovParticipant]

Hi,

Thank you for reporting the problem!
I have opened an issue for it.

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[youyouParticipant]

How to use jqxMenu to achieve the following effect:
Two-level menu with one item per row：In this case, i want to display the second-level menu items vertically, with one item in each row.
Three-level menu with horizontal sorting：In this case,i want to display the third-level items in a horizontal layout. This means that the items at the third level will be arranged side by side in a row, allowing for multiple items to be displayed in a single row.

[Author]

Posts