jQWidgets Forums
jQuery UI Widgets › Forums › Grid › jqxGrid: Missing references to the following module(s): jqxgrid.filter.js
Tagged: angular grid, data grid, jquery grid
This topic contains 5 replies, has 3 voices, and was last updated by hjlabrador 7 years, 8 months ago.
-
Author
-
September 18, 2017 at 9:47 pm jqxGrid: Missing references to the following module(s): jqxgrid.filter.js #96103
Hi All,
I am a newbie to jqwidgets. I try to use a simple grid. As soon as I turn on the filterable=true I got an error “jqxGrid: Missing references to the following module(s): jqxgrid.filter.js”
I tried many things around, the jqxgrid.filter.js is available however since days I cant get rid of the error message. And of course the page is empty, there is no grid.
Any ideas or hint?thx, Hans
<head> <script type="text/javascript" src="../../../scripts/jqxcore.js"></script> <script type="text/javascript" src="../../../scripts/jqxdata.js"></script> <script type="text/javascript" src="../../../scripts/jqxgrid.js"></script> <script type="text/javascript" src="../../../scripts/jqxgrid.filter.js"></script> <script type="text/javascript" src="../../../scripts/jqxgrid.edit.js"></script> <script type="text/javascript" src="../../../scripts/jqxgrid.sort.js"></script> <script type="text/javascript" src="../../../scripts/jqxgrid.columnsresize.js"></script> <script type="text/javascript" src="../../../scripts/jqxgrid.selection.js"></script> <script type="text/javascript" src="../../../scripts/jqxgrid.pager.js"></script> <script type="text/javascript" src="../../../scripts/jqxgrid.grouping.js"></script> <script type="text/javascript" src="../../../scripts/globalize.js"></script> </head> <jqxGrid [width]='1050' [source]='dataAdapter' [pageable]='true' [autoheight]='true' [sortable]='true' (onRowselect)="myGridOnRowSelect($event)" (onRowunselect)="myGridOnRowUnselect($event)" [columns]='columns' [filterable]="true" [selectionmode]='"multiplerowsextended"' #gridReference> </jqxGrid>
September 19, 2017 at 5:46 am jqxGrid: Missing references to the following module(s): jqxgrid.filter.js #96107Hi hjlabrador,
I think that many of the required files for the Grid usage are missing. In this Grid demo: https://www.jqwidgets.com/angular/angular-grid/angular-grid-defaultfunctionality.htm, you may look which files are necessary and where to include them.
Best Regards,
Peter StoevjQWidgets Team
https://www.jqwidgets.com/September 21, 2017 at 8:22 pm jqxGrid: Missing references to the following module(s): jqxgrid.filter.js #96234I checked the Grid demo files and i have the same import of js files, also the ts files has the same import and declarations. I still got the error
ERROR Error: jqxGrid: Missing references to the following module(s): jqxgrid.filter.js at a.(anonymous function)._testmodules (eval at webpackJsonp.../../../../script-loader/addScript.js.module.exports (http://localhost:4200/scripts.bundle.js:105:8), <anonymous>:6:25699) at a.(anonymous function).createInstance (eval at webpackJsonp.../../../../script-loader/addScript.js.module.exports (http://localhost:4200/scripts.bundle.js:105:8), <anonymous>:6:18792) at Object.a.jqx.applyWidget (eval at webpackJsonp.../../../../script-loader/addScript.js.module.exports (http://localhost:4200/scripts.bundle.js:105:8), <anonymous>:8:24457) at HTMLDivElement.eval (eval at webpackJsonp.../../../../script-loader/addScript.js.module.exports (http://localhost:4200/scripts.bundle.js:105:8), <anonymous>:8:28641) at Function.each (https://www.jqwidgets.com/public/jqwidgets/jqxcore.js:7:6099) at init.each (https://www.jqwidgets.com/public/jqwidgets/jqxcore.js:7:2367) at init.a.fn.(anonymous function) [as jqxGrid] (eval at webpackJsonp.../../../../script-loader/addScript.js.module.exports (http://localhost:4200/scripts.bundle.js:105:8), <anonymous>:8:28580) at Object.createInstance (eval at webpackJsonp.../../../../script-loader/addScript.js.module.exports (http://localhost:4200/scripts.bundle.js:105:8), <anonymous>:8:18094) at jqxGridComponent.webpackJsonp.../../../../jqwidgets-framework/jqwidgets-ts/angular_jqxgrid.ts.jqxGridComponent.createComponent (http://localhost:4200/vendor.bundle.js:7045:39) at jqxGridComponent.webpackJsonp.../../../../jqwidgets-framework/jqwidgets-ts/angular_jqxgrid.ts.jqxGridComponent.ngOnInit (http://localhost:4200/vendor.bundle.js:6988:18)
September 21, 2017 at 8:42 pm jqxGrid: Missing references to the following module(s): jqxgrid.filter.js #96236I also have error for a property ‘prototype’, maybe this is the reason why cant init the filter, I dont know, any ideas?
jqxgrid.selection.js:7 Uncaught TypeError: Cannot read property 'prototype' of undefined at jqxgrid.selection.js:7 at jqxgrid.selection.js:7 (anonymous) @ jqxgrid.selection.js:7 (anonymous) @ jqxgrid.selection.js:7 jqxgrid.pager.js:7 Uncaught TypeError: Cannot read property 'prototype' of undefined at jqxgrid.pager.js:7 at jqxgrid.pager.js:7 (anonymous) @ jqxgrid.pager.js:7 (anonymous) @ jqxgrid.pager.js:7 jqxgrid.columnsresize.js:7 Uncaught TypeError: Cannot read property 'prototype' of undefined at jqxgrid.columnsresize.js:7 at jqxgrid.columnsresize.js:7 (anonymous) @ jqxgrid.columnsresize.js:7 (anonymous) @ jqxgrid.columnsresize.js:7 jqxgrid.sort.js:7 Uncaught TypeError: Cannot set property 'sort' of undefined at jqxgrid.sort.js:7 at jqxgrid.sort.js:7 (anonymous) @ jqxgrid.sort.js:7 (anonymous) @ jqxgrid.sort.js:7 jqxgrid.filter.js:7 Uncaught TypeError: Cannot read property 'prototype' of undefined at jqxgrid.filter.js:7 at jqxgrid.filter.js:7 (anonymous) @ jqxgrid.filter.js:7 (anonymous) @ jqxgrid.filter.js:7 jqxgrid.edit.js:7 Uncaught TypeError: Cannot read property 'prototype' of undefined at jqxgrid.edit.js:7 at jqxgrid.edit.js:7
Thx
September 22, 2017 at 12:04 pm jqxGrid: Missing references to the following module(s): jqxgrid.filter.js #96255Unfortunately, we do not know what could be wrong on your side, but I still think that either the path to the Grid references is not correct or they do not load in the order specified. Cannot read property prototype of undefined means that most probably jqxgrid.filter.js is loaded before jqxgrid.js. I suggest you to use the very same approach we used in our online demos and follow the documentation. We have Angular docs and also NPM package which installs a ready-to-use Grid demo just with npm install.
Best Regards,
Peter StoevjQWidgets Team
https://www.jqwidgets.com/September 25, 2017 at 10:36 am jqxGrid: Missing references to the following module(s): jqxgrid.filter.js #96279Ok Thx Peter, can you point me to npm install grid demo?
Thx
-
AuthorPosts
You must be logged in to reply to this topic.