javascript - $.jqx.dataAdapter 不是构造函数

Question

数据未显示。我尝试在调试器中调试cide。我收到错误 $.jqx.dataAdapter is not a constructor 数据已成功填充到 aDataSet 中。请告诉我什么可能是错误的。

$(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

如果你显示你的 HTML，而不仅仅是你的 JS，那就更好了，这样我们就可以看看你是否有同样的问题。我遇到了同样的问题，解决方案是添加对 jqxdata 的引用，如下所述:

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

例如，我试图将 jqx-data-table 添加到网站中。最初我在引用文献中有这个(Jquery 和其他引用文献在其他地方):

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

所以我只是在一开始就添加了这个:

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

结果:

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