jQuery是Web開發(fā)中常用的js庫，而jqgrid是基于jQuery的表格插件，可以方便的實(shí)現(xiàn)數(shù)據(jù)的展示、排序、篩選、分頁等功能。對于PHP開發(fā)者來說，使用jqgrid插件可以為網(wǎng)站的數(shù)據(jù)展示和管理提供效率和便捷性。
為了更好地學(xué)習(xí)、使用jqgrid，我們可以參考官方提供的demo，其中包括了各種常用場景的代碼，可以實(shí)現(xiàn)基礎(chǔ)的查看、搜索、編輯、刪除、批量操作等功能。
首先，我們需要下載jqgrid的PHP demo，官方推薦使用GitHub網(wǎng)站進(jìn)行下載，下載地址為：
https://github.com/tonytomov/jqGrid在該頁面的右側(cè)有一個(gè)綠色的按鈕“Clone or download”，點(diǎn)擊后就可以下載整個(gè)項(xiàng)目。解壓之后，我們可以看到如下目錄結(jié)構(gòu)：
- demos | |-PHP # PHP demo | |-... |-css |-js ...
在PHP目錄下，有三個(gè)PHP文件，分別為dbh.inc.php、jq-config.php和jqGridCrud.php，這三個(gè)文件都是我們展示各種jqgrid樣式的基礎(chǔ)。其中，dbh.inc.php負(fù)責(zé)數(shù)據(jù)庫的連接，jq-config.php為配置文件，jqGridCrud.php負(fù)責(zé)實(shí)現(xiàn)對數(shù)據(jù)庫的操作，這里采用的是PDO形式的操作。
讓我們以jqGridCrud.php為例來看一下基礎(chǔ)的使用方式：
// 引入jq-config.php文件
include_once 'jq-config.php';
// 引入jqGridPhp類
include_once "php/jqGrid.php";
// 獲取請求方式
$oper = empty($_REQUEST['oper'])? '' : $_REQUEST['oper'];
// 刪除操作
if($oper == 'del') {
$id = $_REQUEST['id'];
$res = $DBH->exec("DELETE FROM persons WHERE id=$id");
echo json_encode($res);
exit;
}
...以上代碼是我們在使用jqgrid的PHP demo時(shí)會(huì)接觸到的代碼，其中包含了對數(shù)據(jù)庫的增、刪、改、查操作。其中使用的是PDO對象對MySQL數(shù)據(jù)庫的操作，可以實(shí)現(xiàn)更好的數(shù)據(jù)安全性。
在使用jqgrid時(shí)，我們還需要配置一些基本參數(shù)，如下所示：
...
// 實(shí)例化jqGrid
$grid = new jqGridRender($conn);
// 定義表格
$grid->SelectCommand = 'SELECT * FROM persons';
$grid->table = 'persons';
$grid->setPrimaryKeyId('id');
// 定義列信息
$grid->addColumn('id', 'ID', '', 'integer');
$grid->addColumn('FirstName', 'First Name', '', 'text');
$grid->addColumn('LastName','Last Name', '', 'text');
$grid->addColumn('Age', 'Age', '', 'integer');
$grid->addColumn('Email', 'Email', '', 'email');
...在以上代碼中，我們定義了表格的查詢語句、主鍵字段、以及各列的名稱、類型等信息。實(shí)際使用時(shí)，我們還需要根據(jù)自己的需求修改其中的代碼，實(shí)現(xiàn)自己的數(shù)據(jù)展示效果。
在這里，我們只是簡單介紹了一些jqgrid和PHP demo的基礎(chǔ)知識。在實(shí)際使用中，還需要根據(jù)具體的需求進(jìn)行靈活運(yùn)用，實(shí)現(xiàn)更好的數(shù)據(jù)展示和管理效果。相信通過不斷的練習(xí)和實(shí)踐，我們一定可以掌握這個(gè)常用的Web開發(fā)工具，為企業(yè)的數(shù)據(jù)管理和展示帶來更高效和便捷的方式。