jQuery datagrid join是一種常用的數(shù)據(jù)表格操作方式，可以將多個(gè)數(shù)據(jù)表格根據(jù)某些共同的列進(jìn)行聯(lián)合查詢，獲取所需要的數(shù)據(jù)，并將其呈現(xiàn)在數(shù)據(jù)表格中。

使用jQuery datagrid join需要先引入jQuery庫(kù)和datagrid插件，并對(duì)需要查詢的表格進(jìn)行配置。

$(document).ready(function(){
//引入jQuery庫(kù)和datagrid插件
<script src="jquery.min.js"></script>
<script src="datagrid.js"></script>
//配置需要查詢的表格
$('#table1').datagrid({
url:'getdata1.php',
columns:[[
{field:'id',title:'ID',width:100},
{field:'name',title:'Name',width:100},
{field:'age',title:'Age',width:100}
]],
pagination:true,
pageSize:10,
pageList:[10,20,30]
});
$('#table2').datagrid({
url:'getdata2.php',
columns:[[
{field:'id',title:'ID',width:100},
{field:'gender',title:'Gender',width:100},
{field:'address',title:'Address',width:100}
]],
pagination:true,
pageSize:10,
pageList:[10,20,30]
});
});

接下來(lái)就可以對(duì)表格進(jìn)行聯(lián)合查詢了。比如以id為共同列進(jìn)行查詢：

var newData = $.extend(true, [], data1); //將第一個(gè)表格中的數(shù)據(jù)復(fù)制一份
var newDataLen = newData.length;
for(var i=0;i<newDataLen;i++){
var tempId = newData[i].id;
for(var j=0;j<data2.length;j++){
if(data2[j].id == tempId){
newData[i] = $.extend(true, {}, newData[i], data2[j]); //合并兩個(gè)包含相同id的記錄
}
}
}
$('#table3').datagrid('loadData', newData);

以上代碼將第一個(gè)表格中的數(shù)據(jù)復(fù)制一份，遍歷第二個(gè)表格中的數(shù)據(jù)，如果發(fā)現(xiàn)相同id的記錄，則將兩個(gè)記錄合并。最后將合并后的數(shù)據(jù)呈現(xiàn)在表格3中。

總之，jQuery datagrid join是一種非常方便、靈活的數(shù)據(jù)表格查詢方式，可應(yīng)用于各種大型數(shù)據(jù)管理系統(tǒng)。