jQuery datagrid是一個常用的jQuery插件，用于創(chuàng)建復(fù)雜的數(shù)據(jù)表格。該插件包含了各種功能和選項，例如分頁、排序、篩選、編輯、選擇、行操作等。下面是一些示例代碼和說明：

// 數(shù)據(jù)源
var data = [
{id: 1, name: "張三", age: 20, gender: "男"},
{id: 2, name: "李四", age: 30, gender: "女"},
{id: 3, name: "王五", age: 25, gender: "男"},
{id: 4, name: "趙六", age: 35, gender: "女"}
];
// 初始化datagrid
$("#datagrid").datagrid({
data: data, // 數(shù)據(jù)源
columns: [ // 列定義
{field: "id", title: "ID"},
{field: "name", title: "姓名"},
{field: "age", title: "年齡"},
{field: "gender", title: "性別"}
],
pagination: true, // 分頁
pageSize: 2 // 每頁大小
});
// 獲取選中的行
var rows = $("#datagrid").datagrid("getSelections");
// 批量刪除
var ids = [];
for (var i = 0; i< rows.length; i++) {
ids.push(rows[i].id);
}
$.post("/delete", {ids: ids}, function(result) {
if (result.success) {
$("#datagrid").datagrid("reload"); // 重新加載數(shù)據(jù)
}
});

在上面的示例代碼中，首先定義了一個數(shù)據(jù)源data，包含了一些人員信息。然后使用$("#datagrid").datagrid({...})初始化了一個datagrid，并指定了列定義、分頁選項和每頁大小等。接著使用$("#datagrid").datagrid("getSelections")獲取選中的行，然后通過一些操作（例如調(diào)用$.post方法）實現(xiàn)批量刪除，并最后重新加載數(shù)據(jù)。

總之，jQuery datagrid是一個非常實用的插件，可以幫助開發(fā)者快速創(chuàng)建復(fù)雜的數(shù)據(jù)表格，并提供了豐富的功能和選項。