经过 2 天的研究,我决定寻求帮助,因为我无法继续前进。
我在我的站点中显示了一个用户表。每行都有用户数据和删除用户按钮。
如果您按下删除按钮,则必须显示一个模式,询问您是否要删除该特定用户。这就是为什么我必须发送一个参数,即用户名。
该模态是带有图例的确认模态:您确定要删除//用户名//吗?
问题是我知道如何发送参数,但不能将它与 jquery 删除功能集成。由于我真的是 js 和 jquery 的新手,所以对如何删除一行也不是很清楚。
到目前为止,这就是我所拥有的(请注意我使用 Smarty 模板引擎):
<tbody>
{foreach $frontusers as $frontuser}
<tr>
{if $frontuser->frontavatar_id eq null}
<td><img src="{site_url()}assets/img/avatar.png" alt="" /></td>
{else}
<td><img src="{site_url()}assets/img/avatar1.jpg" alt="" /></td>
{/if}
<td class="hidden-phone">{$frontuser->username}</td>
<td>{$frontuser->name}</td>
<td>{$frontuser->lastname}</td>
<td class="hidden-phone">{$frontuser->email}</td>
<td class="hidden-phone">{$frontuser->state}</td>
<td class="hidden-phone">{$frontuser->creation_date|date_format:"%Y/%m/%d"}</td>
{if $frontuser->status eq 2}
<td ><span class="label label-success">Activo</span></td>
{else}
<td ><span class="label label-warning">No Activo</span></td>
{/if}
<td><a class="btn mini blue-stripe" href="{site_url()}admin/editFront/{$frontuser->id}">Modificar</a></td>
<td><a href="#" data-id="{$frontuser->id}" class="btn mini red-stripe confirm-delete" role="button">Delete</a></td>
</tr>
<!-- modal -->
<div id="myModal3" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h3 id="myModalLabel3">Delete</h3>
</div>
<div class="modal-body">
<p>Are you sure you want to delete user ....?</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button data-dismiss="modal" class="btn red" id="btnYes">Confirm</button>
</div>
</div>
<!-- end modal -->
{foreachelse}
<tr>
<td colspan="2"><span class="text-error"><i class="icon-exclamation"></i> No hay Usuarios cargados.</span></td>
</tr>
{/foreach}
</tbody>
这是我的 js 文件(我从这个链接得到它)
$('#myModal3').on('show', function() {
var id = $(this).data('id'),
removeBtn = $(this).find('.red');
})
$('.confirm-delete').on('click', function(e) {
e.preventDefault();
var id = $(this).data('id');
$('#myModal3').data('id', id).modal('show');
});
$('#btnYes').click(function() {
// handle deletion here
var id = $('#myModal3').data('id');
$('[data-id='+id+']').remove();
$('#myModal3').modal('hide');
});
所以,总而言之,我需要调整我的代码来执行以下操作:
- 将用户名作为参数发送到模态
- 如果按下确认按钮,则删除整行
更新:
模态正在工作,我的意思是,它打开和关闭。modal 的 Confirm 按钮仅从行中删除“删除按钮”,而不是整行。