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

没有显示数据。我尝试在调试器中调试代码。我收到错误$.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 }
     ]
  });
 });

最佳答案

如果您不仅显示JS，还显示HTML，那会更好，因此我们可以查看您是否遇到相同的问题。我遇到了同样的问题，解决方案是将引用添加到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>