色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

php jggrid

PHP基礎(chǔ)
PHP和jgGrid都是常用的Web開發(fā)工具，它們具備強(qiáng)大的功能和高度可擴(kuò)展性，成為了眾多開發(fā)者的首選。本文將詳細(xì)介紹PHP和jgGrid的相關(guān)知識(shí)，并結(jié)合實(shí)例進(jìn)行深入講解。 jgGrid是一款基于jQuery的強(qiáng)大且易用的表格插件，可以很好的幫助我們快速構(gòu)建一個(gè)表格。jgGrid具有豐富的表格操作功能，例如表格排序、過濾、分頁(yè)等。對(duì)于服務(wù)器端使用PHP來(lái)實(shí)現(xiàn)數(shù)據(jù)交互的網(wǎng)站，jgGrid無(wú)疑是不可或缺的重要工具。 在使用jgGrid之前，需要先了解表格的基本結(jié)構(gòu)，如表頭（thead）、表身（tbody）等。在PHP中，采用數(shù)組的方式來(lái)存儲(chǔ)表格數(shù)據(jù)，這個(gè)數(shù)組可以使用本地JSON文件、數(shù)據(jù)庫(kù)或者直接生成。下面我們看一段使用PHP來(lái)生成jgGrid的代碼：
//定義一組數(shù)據(jù)
$data=array(
array('id'=>1,'name'=>'Tom','sex'=>'男','age'=>'18'),
array('id'=>2,'name'=>'Lucy','sex'=>'女','age'=>'20'),
array('id'=>3,'name'=>'Lilei','sex'=>'男','age'=>'22')
);
//將定義的數(shù)據(jù)轉(zhuǎn)換成json格式
$cellJson=json_encode($data);
以上代碼使用PHP定義了一組數(shù)組類型的數(shù)據(jù)，并將其轉(zhuǎn)換成json格式。接下來(lái)，我們將使用jgGrid來(lái)將這些數(shù)據(jù)渲染成表格。先聲明一組基本配置：
#定義grid的基本配置
$gridConf=array(
'caption'=>'polarisword網(wǎng)站用戶表格',//表格標(biāo)題
'datatype' =>'json',//數(shù)據(jù)格式
'jsonReader' =>array('root'=>'cellData'),
'colNames' =>array('id','name','sex','age'),//列名
'colModel' =>array(
array('name'=>'id', 'index'=>'id', 'width'=>60),
array('name'=>'name', 'index'=>'name', 'width'=>120),
array('name'=>'sex', 'index'=>'sex', 'width'=>60),
array('name'=>'age', 'index'=>'age', 'width'=>60)
),//列模型
'cellEdit'=>true,//單元格編輯
'cellurl'=>'url.php',//提交單元格的url
'cellsubmit'=>'clientArray',
'width'=>500,
'height'=>230,
'rowNum'=>10,
'rowList'=>array(10,20,30),
'pager'=>'#pager',//分頁(yè)工具欄
'viewrecords'=>true,//是否顯示總記錄數(shù)
'sortorder'=>"asc",//默認(rèn)排序方式
);
其中，$gridConf是jgGrid的基本配置選項(xiàng)，包括表格標(biāo)題、數(shù)據(jù)格式、列名、列模型、單元格編輯、分頁(yè)工具欄等。以下我們來(lái)解釋一下其中的幾個(gè)關(guān)鍵字： - datatype：指定數(shù)據(jù)格式，這里我們使用了json； - colNames、colModel：指定列名和列模型，可以定義每列的寬度等相關(guān)屬性； - cellEdit：指定單元格編輯功能開啟，可以使用其默認(rèn)的編輯功能或者自己定義一個(gè)編輯器； - cellurl：指定提交單元格修改的url地址。 下面，我們就可以將之前定義的數(shù)據(jù)進(jìn)行渲染了：
#定義變量渲染HTML表格
$tableHtml="<table id='jqGridTable' class='navgrid navgrid-bg'>\n";
$tableHtml.="<div id='pager' class='navgrid'>
\n"; echo $tableHtml;其中，我們將jgGrid渲染出來(lái)，并使用div標(biāo)簽添加了分頁(yè)工具欄。 最后一步，我們需要定義前端的交互邏輯。在HTML文件中，我們可以使用下面的代碼引入需要的js文件，并定義交互的一些基本配置：
//定義一些交互配置
$interactionConf='
//觸發(fā)編輯事件
$("#jqGridTable").on("cellsubmit", function (event, rowid, cellname, value, iRow, iCol) {
alert(rowid+" "+cellname+" "+value);
});
//加載數(shù)據(jù)
$("#jqGridTable").jqGrid('.json_encode($gridConf).');
//添加分頁(yè)
$("#jqGridTable").jqGrid("navGrid", "#pager", {"edit": false, "add": false, "del": false});
';
//引入文件
echo <<<HTML
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><script type="text/javascript" src="js/grid.locale-cn.js"></script><script type="text/javascript" src="js/jquery.jqGrid.min.js"></script><link rel="stylesheet" type="text/css" href="css/ui.jqgrid.css" /><script type="text/javascript">{$interactionConf}HTML;
以上代碼定義了前端頁(yè)面需要加載的基本文件和交互配置。接下來(lái)，我們啟動(dòng)該應(yīng)用程序，即可看到一個(gè)簡(jiǎn)單的表格界面，并可以進(jìn)行相關(guān)的操作。 本文詳細(xì)闡述了如何在PHP中使用jgGrid插件，如何將數(shù)據(jù)渲染成表格，如何設(shè)置基本配置選項(xiàng)和交互邏輯。希望能對(duì)那些使用PHP作為后臺(tái)開發(fā)語(yǔ)言的開發(fā)者有所幫助。