需要添加一个删除按钮到一个HTML表格从数据库中删除记录与消息
问题描述:
<table class="table admin-table list-table nurserytwo-table">
<thead>
<tr>
<td>ID</td>
<td>Name</td>
<td>Code</td>
<td>Active</td>
<td>Edit</td>
</tr>
</thead>
<tbody>
<?php foreach($nurseries->result() as $nursery) { ?>
<tr>
<td><?php echo $nursery->id; ?></td>
<td><?php echo $nursery->name; ?></td>
<td><?php echo $nursery->code; ?></td>
<td><?php echo set_bool($nursery->active); ?></td>
<td><span class="glyphicon glyphicon-edit"></span> <?php echo
anchor('admin/nurseries/edit_nursery/'.$nursery->id, 'Edit', 'class="edit-
link"'); ?></td>
</tr>
<?php } ?>
</tbody>
</table>
这是我目前的表代码,我有一个很好的看看,看看我是否可以解决如何做到这一点但我对PHP真的很陌生,看起来似乎无法理解它。我需要在编辑之后添加一个删除按钮,我知道我可以通过delete.php来完成,但不知道从哪里开始。任何帮助将非常感激。需要添加一个删除按钮到一个HTML表格从数据库中删除记录与消息
更新:
这是我目前:
}elseif($action == "delete_nursery_course"){
if($id) {
$q = $this->db->where('id', $id)->delete('nursery_courses');
if($this->db->affected_rows() > 0) {
if($this->input->is_ajax_request()) {
$this->output->enable_profiler(FALSE);
echo "SUCCESS"; die();
}else{
set_flash_message('Nursery deleted successfully.',
'success');
}
}else{
if($this->input->is_ajax_request()) {
$this->output->enable_profiler(FALSE);
echo "Something went wrong. Please try again."; die();
}else{
set_flash_message('Something went wrong. Please try
again.', 'error');
}
}
这里是HTML:
<table class="table admin-table list-table nurseryone-table">
<thead>
<tr>
<td>ID</td>
<td>Name</td>
<td>Colour</td>
<td>Active</td>
<td>Edit</td>
<td>Delete</td>
</tr>
</thead>
<tbody>
<?php foreach($nursery_courses->result() as $nursery_course) { ?>
<tr>
<td><?php echo $nursery_course->id; ?></td>
<td><?php echo $nursery_course->name; ?></td>
<td><div style="background:<?php echo $nursery_course->colour; ?>"
class="course-colour"></div></td>
<td><?php echo set_bool($nursery_course->active); ?></td>
<td><span class="glyphicon glyphicon-edit"></span> <?php echo
anchor('admin/nurseries/edit_nursery_course/'.$nursery_course->id, Edit', 'class="edit-link"'); ?></td>
<td>
<span class="glyphicon glyphicon-trash"></span> <?php echo
anchor('admin/nurseries/delete_nursery_course/'.$nursery_course->id,
'delete', 'class="delete-link"'); ?></td>
</tr>
<?php } ?>
</tbody>
</table>
答
你可以只使用HTML和JavaScript与jQuery使用Ajax请求编辑和删除按钮。
HTML:
<td class="text-right">
<a class="edit btn btn-sm btn-default" href="javascript:;">
<i class="icon-note"></i>
</a>
<a class="delete btn btn-sm btn-danger" href="javascript:;">
<i class="icons-office-52"></i>
</a>
</td>
而在你的JavaScript文件,你必须定义这个按钮的onclick事件。
这里有一个例子Plunker用HTML和JavaScript代码: Editable Table
你也可以使用jQuery的数据表,使其更容易,更好。
希望它能帮助你。
是你的编辑链接的工作? –
这是耶。你想让我发布代码吗? – mischiefbec
是的,这可能会有所帮助。 –