jqxGrid error

[_ar_Member]

I tried loading jqxGrid(Angular 6) according to the provided sample in documentation, it worked fine. However after adding attribute
“[filterable]=’true'” to the grid tag, it is throwing error as shown below:

ERROR TypeError: k.stop is not a function
at o (jqxgrid.js:8)
at HTMLDivElement.<anonymous> (jqxgrid.js:8)
at HTMLDivElement.handle (jquery-3.3.1.slim.min.js:2)
at HTMLDivElement.dispatch (jquery-3.3.1.slim.min.js:2)
at HTMLDivElement.v.handle (jquery-3.3.1.slim.min.js:2)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:3751)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)
at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (zone.js:496)

…….

Can you please help me on this issue?

[Peter StoevKeymaster]

Hi rajesh.gupta,

You may take a look at a demo which shows how to enable Grid filtering: https://www.jqwidgets.com/angular/angular-grid/angular-grid-filtering.htm?material. To see and edit the demo online, please refer to: https://stackblitz.com/github/jqwidgets/angular_demos/tree/master/grid/filtering/

Best Regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com

[_ar_Member]

I followed the above examples. I still get the same error.
How can I narrow this issue down, for better support.

My code is part of a bigger project, and hence code sharing may not be meaningful.

[Peter StoevKeymaster]

Hi rajesh.gupta,

Please, share a stackblitz sample which demonstrates an erroneous behavior. We cannot reproduce such with the current version of the Angular Grid.

Best Regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com

[_ar_Member]

Please include the following bootstrap files. You will get the above error.

<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css”>
<link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css “>

<script src=”https://code.jquery.com/jquery-3.3.1.slim.min.js”></script>
<script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js”></script>
<script src=”https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js”></script>

[_ar_Member]

Any reply on this.

Include the bootstrap files in the top of the index.html file. We get the error.

Thanks.

[Peter StoevKeymaster]

Hi Rajesh,

As we still could not reproduce it, could you fork this sample https://stackblitz.com/github/jqwidgets/angular_demos/tree/master/grid/filtering/, apply your changes in it, which reproduce the reported behavior and share the link?

Waiting for your reply.

Regards,
Peter

[_ar_Member]

Please find the github URL.
https://github.com/yugandharyadav/jqtest

Thanks.

[Peter StoevKeymaster]

Hi Rajesh,

The provided link to a github project which includes information not related to us and does not allow us to run it is not the thing we asked for. Also, if you own a commercial license and look for a help from our support team, then please use the support email. The Forum is for community communication and here answers should be expected only from other Forum users.

In the sample I sent you, you can edit each file. After you update all necessary files, click the FORK button on the top bar. It is colored in Blue. Share the link with us.

Thank you.

Regards,
Peter

[Author]

Posts