1

任务概述

我正在使用 Code Igniter Framework 来构建一个小型客户端管理系统。部分功能是从数据库中删除记录，在删除之前，我需要与用户确认是否可以删除该记录以防万一。我想通过模态窗口来做到这一点。

我正在使用的框架

  • CodeIgniter MVC 框架（PHP、MYSQL）
  • 基础 HTML/CSS 样板
  • Foundation 的 Javascript 库（尤其是reveal.js）

我想达到什么

我想让用户点击删除链接：

 <a href="delete_domain/<?php echo $item->clientID ?>" data-reveal-id="deleteModal" class="small button secondary">Delete</a>

如您所见，href 标签当前是在说，转到主类中的 delete_domain 函数，并将客户端 ID 传递到 URL 中，这当然用于在应用程序的另一端删除匹配的记录那个身份证。

进一步在标签中，我们有：

 data-reveal-id="deleteModal"

这指的是在模态窗口 div 中找到的相同的 [id=deletemodal]，它必须位于页面底部的结束 body 标记之前。

这是位于页面底部的模态窗口的 DIV？

<div id="deleteModal" class="reveal-modal small">
<h2>Are you sure you want to DELETE?</h2>
<p class="lead">Random Text</p>
<a href="" ></a>
<a class="close-reveal-modal">&#215;</a>
</div>

问题

我不确定它是否或如何工作，因为目前删除链接位于表格行内，这些行中的每一行都是由 foreach 函数生成的，因此它们在 DOM 中是多个不同的 /$clientID 值。

如果可以的话，我想将该值传递给模式窗口，然后当然可以选择最终删除该行。

任何人都可以帮忙吗？

4

1 回答 1

3

您可以从按下的按钮中获取所需的数据并将其放入模式中。可能有几种方法可以做到这一点；这是其中之一：http: //jsfiddle.net/b37s3/

<a href="delete_domain/<?php echo $item->clientID ?>" data-reveal-id="deleteModal" class="small button secondary deleteLink">Delete</a>


<div id="deleteModal" class="reveal-modal">
    <h2>Are you sure you want to DELETE?</h2>
    <p class="lead">Random Text</p>
    <a class="deleteUrl" href="#"></a>
    <a class="close-reveal-modal">&#215;</a>
</div>

和js：

$(document).foundation();  
$('a.deleteLink').click(function(){
    var link = $('.deleteUrl');
    $(link).attr('href', this.href);
    $(link).html(this.href);
});

这会将href按下的“删除”按钮扔进模态框a href并作为链接文本。

于 2013-09-12T18:31:18.123 回答