$ .jqx.dataAdapter不是構造函數

數據未顯示。我試着在degugger中調試這個問題。我收到一個錯誤$.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 } 
    ] 
    }); 
});

來源

2017-06-19 Ayush Kumar

我打電話給這個函數：'

–

爲調試器提供可公開訪問的鏈接。這將吸引更多的人......

來源

2017-06-22 05:45:06 veysel

如果你展示你的HTML，而不僅僅是你的JS，所以我們可以看到你是否有同樣的問題會更好。我有同樣的問題和解決方案是將引用添加到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，這一個：

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

來源

2017-12-12 20:11:48

感謝您的幫助，但我早點解決了它。原來我們遇到了同樣的問題。 JqxData.js丟失。所以我加了它，它工作正常。 –

$ .jqx.dataAdapter不是構造函數

回答

相關問題