欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery datagrid join

錢艷冰2年前10瀏覽0評論

jQuery datagrid join是一種常用的數據表格操作方式,可以將多個數據表格根據某些共同的列進行聯合查詢,獲取所需要的數據,并將其呈現在數據表格中。

使用jQuery datagrid join需要先引入jQuery庫和datagrid插件,并對需要查詢的表格進行配置。

$(document).ready(function(){
//引入jQuery庫和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]
});
});

接下來就可以對表格進行聯合查詢了。比如以id為共同列進行查詢:

var newData = $.extend(true, [], data1); //將第一個表格中的數據復制一份
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]); //合并兩個包含相同id的記錄
}
}
}
$('#table3').datagrid('loadData', newData);

以上代碼將第一個表格中的數據復制一份,遍歷第二個表格中的數據,如果發現相同id的記錄,則將兩個記錄合并。最后將合并后的數據呈現在表格3中。

總之,jQuery datagrid join是一種非常方便、靈活的數據表格查詢方式,可應用于各種大型數據管理系統。