jQWidgets Forums

jQuery UI Widgets Forums Grid jqxGrid: Missing references to the following module(s): jqxgrid.filter.js

This topic contains 5 replies, has 3 voices, and was last updated by  hjlabrador 7 years, 8 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author

  • hjlabrador
    Participant

    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>

    admin
    Keymaster

    Hi 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 Stoev

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


    hjlabrador
    Participant

    I 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)
    

    hjlabrador
    Participant

    I 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


    Peter Stoev
    Keymaster

    Unfortunately, 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 Stoev

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


    hjlabrador
    Participant

    Ok Thx Peter, can you point me to npm install grid demo?

    Thx

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.