jQuery jqGrid是一個基于jQuery的表格插件,它是一個強大的、靈活的和易于使用的工具。它可以用來呈現各種不同類型的表格,以及進行排序和篩選等數據操作。其中一個重要的功能是reload,通過這個功能可以在不刷新整個頁面的情況下重新加載Grid數據。下面是詳細說明:
jQuery("#grid").jqGrid({ url: "griddata.json", datatype: "json", mtype: "GET", colNames: ["編號","姓名","年齡"], colModel: [ {name: "id", index:'id', editable: false, width: 50, sortable: true, align: "left"}, {name: "name", index:'name', editable: true, width: 150, sortable: false, align: "left"}, {name: "age", index:'age', editable: true, width: 100, sortable: false, align: "left"} ], viewrecords: true, // 顯示總記錄數 caption: "jqGrid Example", loadComplete:function(data){ alert("數據加載完畢"); } }); // Grid中數據的增刪改查需要使用jqGrid提供的API進行操作 // 其中reload可以重新加載Grid數據 // 以下代碼是在Grid加載完成后2秒鐘之后重新加載數據 setTimeout(function(){ jQuery("#grid").jqGrid("setGridParam", {datatype: "json"}).trigger("reloadGrid"); }, 2000);
在上述代碼中,首先定義了一個基本的Grid,其中url為數據來源,colModel定義了三列,loadComplete表示數據加載完成后彈出一個提示框。然后,使用setTimeout設定了一個2秒鐘之后的定時器。在定時器內部,使用jqGrid提供的setGridParam方法將datatype改為json,然后使用trigger("reloadGrid")方法重新加載數據。這就是重新加載Grid數據的過程。
上一篇網頁css圖片樣式錯亂
下一篇網頁css中文本大小