$ .jqx.dataAdapter n'est pas un constructeur

Question

Les données ne sont pas affichées. J'ai essayé de déboguer la cide dans le dégugger. J'obtiens une erreur $.jqx.dataAdapter is not a constructor Les données sont remplies avec succès dans le aDataSet. S'il vous plaît dites-moi ce qui pourrait être faux.

$(document).ready(function(){ 
    var aDataSet = [ 
       //loading data --successful  

    ]; 

    var source = 
     { 
      localdata: aDataSet, 
      datatype: "array", 
      dataFields: 
      [ 
       { name: 'empcode', type: 'string' }, 
       { name: 'srno', type:'number'}, 
       { name: 'projectcode', type: 'string' }, 
       { name: 'projectname', type: 'string' }, 
       { name: 'startdate', type: 'date' }, 
       { name: 'enddate', type: 'date' }, 
       { name: 'clientname', type: 'string' }, 
       { name: 'status', type: 'string' }, 
       { name: 'modify', type: 'string' }, 
       { name: 'delete', type: 'string' }, 
       { name: 'view', type: 'string' } 
      ]      
     }; 
    var dataAdapter = new $.jqx.dataAdapter(this.source ,{ 
    loadComplete: function (aDataSet) { }, 
    loadError: function (xhr, status, error) { }  
    }); 
    // create jqxDataTable. 
$("#tableid").jqxDataTable(
{ 
    source: dataAdapter, 
    pageable: true, 
    altRows: true, 
    filterable: true, 
    height: 400, 
    filterMode: 'advanced', 
    width: 850, 
    columns: [ 

     { text: 'Sr No', cellsAlign: 'center', align: 'center', dataField: 'srno', width: 200 }, 
     { text: 'Emp Code', cellsAlign: 'center', align: 'center', dataField: 'empcode', width: 200 }, 
     { text: 'Project Code', dataField: 'Quantity', cellsformat: 'd', cellsAlign: 'center', align: 'center', width: 100 }, 
     { text: 'Project Name', dataField: 'Price', cellsformat: 'c2', align: 'center', cellsAlign: 'center', width: 70 }, 
     { text: 'Start Date', cellsAlign: 'center', align: 'center', dataField: 'startdate', width: 100 }, 
     { text: 'End Date', cellsAlign: 'center', align: 'center', dataField: 'enddate',width: 100 }, 
     { text: 'Client Name', cellsAlign: 'center', align: 'center', dataField: 'enddate',width: 100 }, 
     { text: 'Status', cellsAlign: 'center', align: 'center', dataField: 'status',width: 100 }, 
     { text: 'Modify', cellsAlign: 'center', align: 'center', dataField: 'modify',width: 100 }, 
     { text: 'Delete', cellsAlign: 'center', align: 'center', dataField: 'delete',width: 100 }, 
     { text: 'View', cellsAlign: 'center', align: 'center', dataField: 'view',width: 100 } 
    ] 
    }); 
}); 

Answer 1

Fournir un lien accessible au public pour le débogueur. Cela attirerait plus de gens ...

Answer 2

Ce sera mieux si vous montrez votre code HTML, pas seulement votre JS, afin que nous puissions voir si vous avez eu le même problème ou non. J'ai eu le même problème et la solution a été d'ajouter la référence à jqxdata, comme il est expliqué ici:

https://www.jqwidgets.com/community/topic/b-jqx-dataadapter-is-not-a-constructor/

Par exemple, je tentais d'ajouter une jqxdata table dans un site Web. Au départ, j'avais dans mes références (Jquery et autres références sont dans un autre lieu):

<script src="~/js/jqwidgets/jqxbuttons.js"></script> 
<script src="~/js/jqwidgets/jqxscrollbar.js"></script> 
<script src="~/js/jqwidgets/jqxdatatable.js"></script> 
<script src="~/js/jqwidgets/jqxmenu.js"></script> 
<script src="~/js/jqwidgets/jqxlistbox.js"></script> 
<script src="~/js/jqwidgets/jqxdropdownlist.js"></script> 

donc Je viens d'ajouter, au beggining, celui-ci:

<script src="~/js/jqwidgets/jqxdata.js"></script> 

Résultat:

<script src="~/js/jqwidgets/jqxdata.js"></script> 
<script src="~/js/jqwidgets/jqxbuttons.js"></script> 
<script src="~/js/jqwidgets/jqxscrollbar.js"></script> 
<script src="~/js/jqwidgets/jqxdatatable.js"></script> 
<script src="~/js/jqwidgets/jqxmenu.js"></script> 
<script src="~/js/jqwidgets/jqxlistbox.js"></script> 
<script src="~/js/jqwidgets/jqxdropdownlist.js"></script>