我正在创建一个他们想要编辑包含两列的表的网站
我已经按照本教程(下面的链接)
http://www.jqueryajaxphp.com/live-table-edit-using-jquery-ajax-and-php-twitter-bootstrap/
我可以让一个列工作正常,编辑并保存回数据库,我无法让第二个列进行编辑。
我已将其设为包含,以便人们可以在网站上看到该表,但为他们提供了一个管理页面,以便他可以进行编辑。
http://www.medinaswindon.co.uk/med/admin/
我需要使列上的内容可编辑并保存到db,
我正在使用的代码是
<?php
include("connect.php");
?>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/custom.css" rel="stylesheet" type="text/css">
<div class="container">
<div class="row">
<table class= "table table-striped table-bordered table-hover">
<thead>
<tr>
<th colspan="1" rowspan="1" style="width: 180px;" tabindex="0">DAY / DATE</th>
<th colspan="1" rowspan="1" style="width: 220px;" tabindex="0">WHAT’S ON</th>
<th colspan="1" rowspan="1" style="width: 288px;" tabindex="0">Status</th>
</tr>
</thead>
<tbody>
<?php
$query = mysql_query("select * from information");
$i=0;
while($fetch = mysql_fetch_array($query))
{
if($i%2==0) $class = 'even'; else $class = 'odd';
echo'<tr class="'.$class.'">
<td><span class= "xedit" id="'.$fetch['id'].'">'.$fetch['name'].'</span></td>
<td>'.$fetch['details'].'</td>
<td>'.$fetch['status'].'</td>
</tr>';
}
?>
</tbody>
</table>
任何想法?
答案 0 :(得分:1)
尝试更改此部分:
<td><span class= "xedit" id="'.$fetch['id'].'">'.$fetch['name'].'</span></td>
<td>'.$fetch['details'].'</td>
<td>'.$fetch['status'].'</td>
对此:
<td><span class= "xedit" id="n'.$fetch['id'].'">'.$fetch['name'].'</span></td>
<td><span class= "xedit" id="d'.$fetch['id'].'">'.$fetch['details'].'</span></td>
<td>'.$fetch['status'].'</td>
这应该使详细信息字段也可以编辑,然后您可以进入PHP代码并根据ID提交数据。
我还没有看到用于保存信息的PHP代码,但这应该说明如何根据名称或详细信息字段对信息进行排序:
if($_GET['id'] and $_GET['data']) {
$type = substr($_GET['id'],0,1);
$id = substr($_GET['id'],1);
$data = $_GET['data'];
if ($type == 'n')
mysql_query("update information set name='$data' where id='$id'");
if ($type == 'd')
mysql_query("update information set details='$data' where id='$id'");
} ?>