Problem with Google Chrome

[tcorrigan5Participant]

The jqxGrid created via Asp .Net Tag Helpers does not display properly when displayed via Google Chrome. All that appears is an empty box with no contents. It appears that the problem is caused by the <jqx-grid autoheight=”true”> generated by the tag helper. When that code is commented out everything works properly. (Note that the generated code with the jqx-grid element works fine in Firefox, Internet Explorer and Microsoft Edge.)

@* <jqx-grid autoheight="true"/> *@
   <div autoheight="true" filterable="True" id="jqxGrid8b488ea4_949a_4ccf_9a6c_05ec77544610" sortable="True" source="System.Collections.Generic.List

1[jqWidgetsTest.Models.Family]” theme=”darkblue” width=”850″></div>
<script type=’text/javascript’>$(function () {var source = { dataFields: [ { name: ‘fname’, type: ‘string’}, { name: ‘lname’, type: ‘string’}, { name: ‘phone’, type: ‘string’}, { name: ’email’, type: ‘string’}, { name: ‘password’, type: ‘string’}], dataType: ‘array’, localData: [{ ‘pkey’: 1, ‘fname’: ‘Emily’, ‘lname’: ‘Smith’, ’email’: ’emily@smith.com’, ‘phone’: ‘8475551212’, ‘password’: ” }, { ‘pkey’: 2, ‘fname’: ‘Susan’, ‘lname’: ‘Brown’, ’email’: ‘susan@brown.com’, ‘phone’: ‘6305551212’, ‘password’: ” }]}; var adapter = new $.jqx.dataAdapter(source);var jqxGrid8b488ea4_949a_4ccf_9a6c_05ec77544610= new jqxGrid($(‘#jqxGrid8b488ea4_949a_4ccf_9a6c_05ec77544610’), { theme: ‘darkblue’, sortable: true, filterable: true, width: 850, columns: [{ text: ‘First Name’, dataField: ‘fname’, width: 100 }, { text: ‘Last Name’, dataField: ‘lname’, width: 100 }, { text: ‘Phone’, dataField: ‘phone’, width: 150 }, { text: ‘Email’, dataField: ’email’, width: 200 }, { text: ‘Password’, dataField: ‘password’, width: 200 }], virtualMode: false, source: adapter });});</script>
@* </jqx-grid> *@`

[Peter StoevKeymaster]

Thank you for the report.

[tcorrigan5Participant]

Is this going to be fixed soon? It’s a show-stopper for me if not.

[djglxxiiParticipant]

Is there a simple fix for this? I am doing a presentation in a few days trying to sell the company on using JQWidgets for our enterprise application and would love to have this working in Chrome.

It seems like Chrome isn’t recognizing the Javascript within the script tags. There are no errors or anything, just nothing is executed.

[Peter StoevKeymaster]

Our demos work in Chrome: https://www.jqwidgets.com/asp.net-core-mvc-tag-helpers/ so I am not sure what the problem on your side is.

[djglxxiiParticipant]

I’m experiencing the same behavior as tcorrigan5. The JQX Grid widget appears, but the data never populates (I’m using server-processing = true). No call is ever made to the data API, and there are no errors in the browser console output. Everything works fine in Internet Explorer, however.

<jqx-grid id="grid"
          width="100%"
          server-processing="true"
          pageable="true"
          page-size-options="@Model.PageSizeOptions"
          page-size="@Model.UserPreferedPageSize"
          columns-resize="true"
          auto-height="true"
          sortable="true"
          filterable="true"
          alt-rows="true"
          columns-reorder="true"
          enable-mouse-wheel="false"
          enable-ellipsis="true"
          source-root="data"
          source-total-records="totalRecords"
          source-model="@Model.Model"
          source-url="@Model.DataUrl">
    <jqx-grid-columns>
        @foreach (var col in Model.Columns)
        {
        <jqx-grid-column filterable="true"
                          sortable="true"
                          hideable="true"
                          draggable="true"
                          column-type="@col.ColumnType"
                          filter-type="date"
                          hidden="@col.IsHidden"
                          text="@col.NameKey"
                          datafield="@col.PropertyName">
        </jqx-grid-column>
        }
    </jqx-grid-columns>
</jqx-grid>

[Peter StoevKeymaster]

Hi djglxxii,

Since we cannot reproduce it, I suggest you to initialize it by using the jQuery Grid widget.

Regards,
Peter

[djglxxiiParticipant]

It DOES work fine in Internet Explorer, Edge, and Firefox. There is definitely an issue with Chrome and I cannot figure out what it is. I’m leaving at that since demoing the library with Firefox will work for now.

[Author]

Posts