要配置ASP.NET中的jqGrid,您需要遵循以下步驟:
<head>
標簽中添加以下代碼:<!-- 引入jQuery庫 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 引入jqGrid庫 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.15.4/ui.jqgrid.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.15.4/jquery.jqgrid.min.js"></script>
<div>
元素,用于承載jqGrid。例如:<div id="grid"></div>
<script>
標簽中編寫JavaScript代碼,以初始化jqGrid。首先,設置jqGrid的基本配置,然后加載數據。例如:$(document).ready(function () {
$("#grid").jqGrid({
// 基本配置
url: 'YourDataUrl', // 數據源URL(例如:服務器端方法或API)
datatype: 'json', // 數據類型(默認為JSON)
mtype: 'GET', // 請求類型(默認為GET)
colNames: ['ID', 'Name', 'Age'], // 列名
colModel: [
{ name: 'id', index: 'id', key: true, width: 75 },
{ name: 'name', index: 'name', width: 100 },
{ name: 'age', index: 'age', width: 80, align: 'right' }
],
// 其他配置選項...
});
});
pager: '#pager', // 分頁器元素的選擇器
rowNum: 10, // 每頁顯示的行數
rowList: [5, 10, 20], // 可選行數列表
sortname: 'id', // 默認排序列
sortorder: 'asc', // 默認排序順序(升序或降序)
viewrecords: true, // 顯示記錄總數
loadComplete: function (data) {
// 數據加載完成后的回調函數
}
search: true, // 啟用搜索框
searchtext: '', // 默認搜索文本
searchfunc: function (value) {
// 自定義搜索函數
}
loadError: function (xhr, status, error) {
// 加載錯誤后的回調函數
}
更多關于jqGrid的配置選項和示例,請參考官方文檔:https://www.trirand.com/blog/