最近在進(jìn)行jquery datagrid的開發(fā)過程中，碰到了一些報(bào)錯(cuò)問題，讓我十分苦惱。在這里，我想簡(jiǎn)單地和大家分享一下這些問題以及如何解決它們。
首先，我使用了Datagrid組件，但是在實(shí)現(xiàn)數(shù)據(jù)加載和顯示的時(shí)候，頁面出現(xiàn)了錯(cuò)誤提示：“Uncaught TypeError: $ .fn.datagrid is not a function”。原因是我沒有正確地導(dǎo)入jquery-easyui.js文件。正確的方法是在html頁面導(dǎo)入jquery.min.js、jquery.easyui.min.js和easyui.css文件。代碼如下：
<head> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <link rel="stylesheet" type="text/css" > <script type="text/javascript" src="https://cdn.bootcss.com/jquery-easyui/1.6.2/jquery.easyui.min.js"></script> </head>第二個(gè)問題是，在分頁顯示數(shù)據(jù)的過程中，我未能正確地設(shè)置數(shù)據(jù)源和分頁屬性。導(dǎo)致頁面在渲染時(shí)報(bào)錯(cuò)：“Uncaught TypeError: Cannot read property 'pageSize' of undefined”。正確的方法是在datagrid的屬性中設(shè)置數(shù)據(jù)源和分頁屬性，代碼如下：
$('#datagrid').datagrid({
url:'/ajax/getData',
pagination:true,
pageSize:10,
pageList:[10,20,30,40,50],
columns:[],
});最后，在表格的header中，我添加了一些字段，但是頁面渲染時(shí)拋出錯(cuò)誤：“Uncaught TypeError: Cannot read property 'length' of undefined”。這是因?yàn)槲椅丛O(shè)置表頭的數(shù)據(jù)源。正確的方法是在datagrid的屬性中設(shè)置表頭的數(shù)據(jù)源，代碼如下：$('#datagrid').datagrid({
url:'/ajax/getData',
pagination:true,
pageSize:10,
pageList:[10,20,30,40,50],
columns:[
{field:'id',title:'ID',width:50},
{field:'name',title:'Name',width:100},
{field:'age',title:'Age',width:50},
{field:'address',title:'Address',width:200},
],
});以上是我在使用Datagrid組件時(shí)碰到的一些問題以及解決方法，希望對(duì)大家有所幫助！