$ .jqx.dataAdapterはコンストラクタではありません

Question

データが表示されていません。私は解体業者の中で秘密をデバッグしようとしました。エラーが発生する$.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

デバッガに公開されているリンクを提供します。それはより多くの人々を引き付けるでしょう...

Answer 2

あなたのJSだけでなく、あなたのHTMLを表示する方が良いでしょう。同じ問題があるかどうかはわかります。私は同じ問題を抱えていたし、解決策は、それがここで説明されるように、jqxdataへの参照を追加しました：

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

例えば、私はウェブサイトにjqxdata-テーブルを追加しようとしていました。もともと私は（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> 

だから私だけの追加、begginingで、この1：

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