将php变量传递给模式Twitter引导程序不起作用 [英] Passing php variable to modal twitter bootstrap not working
问题描述
我正在将php变量传递给twitter boostrap modal.但是当我单击模态内的链接时,我无法获得正确的ID.请参见下面的代码. 首先,我创建了一个foreach函数,其中有数据循环,其次,我创建了一个链接,以显示模式3rd,我在模式内部具有动作链接,用户可以在其中更新,删除数据.我已经实现的目标是,我可以将php的变量传递给模式操作,但是当我尝试传递给其他行时,它仍然显示相同的ID.
Hi I'm passing php variable to twitter boostrap modal. but I cant get the right id when I click the link inside the modal. please see code below. first I have created a foreach function where data loops second I have created a link to show the modal 3rd I have actions link inside the modal where user can update, delete the data. what I have achieve already is that I can pass the variable of php going to modal actions, but when I try to other rows it shows the same id still.
<table class="table table-condensed table-bordered table-striped volumes">
<thead>
<tr>
<th>ID</th>
<th>Director</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<?php
foreach ($natcco_members as $nattco) {
$id = $nattco['id'];
echo "<tr>
<td>".++$counter."</td>
<td>".$nattco['director']."</td>
<td><a href='#' class='b'>".$nattco['agent_name']."</a></td>
<td>".$nattco['address']."</td>
</td>";
?>
<!-- Modal HTML -->
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Choose your actions!</h4>
</div>
<div class="modal-body" align="center">
<a href='update_sub_agent.php?id=<?php echo urlencode(htmlspecialchars($id)) ?>' class='btn btn-success'><i class='icon-pencil'></i> Edit</a>
<a href='owner.php?id=".urlencode(htmlspecialchars($id))."' class='btn btn-info'><i class='icon-user'></i> Owner</a>
<a href='fla.php?id=".urlencode(htmlspecialchars($id))."' class='btn btn-warning'><i class='icon-list-alt'></i> FLA</a>
<a href='delete.php?id=".urlencode(htmlspecialchars($id))."' class='btn btn-danger'><i class='icon-remove'></i> Delete</a>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<?php "</tr>";
}
}
?>
</tbody>
</table>
推荐答案
我已经对您的代码进行了很多编辑,让我们从您首先要做的事情开始:
I have made quite some edits to your code, let's start with what you were doing first:
-
<td>".$nattco['address']."</td> </td>";
<td>".$nattco['address']."</td> </td>";
这必须是</tr>
而不是</td>
.
您只需要一个模式框.我们将通过jQuery将id
传递给他们.因此,在表的末尾仅创建一个静态模态框.
You only need one modal box. We will pass the id
for them through jQuery. So create only 1 static modal box at the end of your table.
现在您需要做的事情:
1)将此$id = $nattco['id'];
用作您的<tr id>
,它将是:
1) Make use of this $id = $nattco['id'];
as your <tr id>
so it will be:
$id = $nattco['id'];
echo "<tr id='".urlencode(htmlspecialchars($id))."'> #...rest of your code
2)在模式框中为您的按钮提供一个类:
2) Give a class for your buttons in the modal box:
<a href='update_sub_agent.php' class='btn btn-success edit'><i class='icon-pencil'></i> Edit</a>
<!-- ^edit class added -->
<a href='owner.php' class='btn btn-info owner'><i class='icon-user'></i> Owner</a>
<!-- ^owner class added -->
<a href='fla.php' class='btn btn-warning fla'><i class='icon-list-alt'></i> FLA</a>
<!-- ^fla class added -->
<a href='delete.php' class='btn btn-danger delete'><i class='icon-remove'></i> Delete</a>
<!-- ^delete class added -->
3)添加href
和class to your
`标签:
`<td><a href='#myModal' class='b modal-box'>".$nattco['agent_name']."</a></td>`
最后,jQuery位:
And finally, the jQuery bit:
$('a.modal-box').click(function(e){
id=$(this).closest('tr').attr('id');
$('.modal-body .edit').attr('href','update_sub_agent.php?id='+id+'');
$('.modal-body .owner').attr('href','owner.php.php?id='+id+'');
$('.modal-body .fla').attr('href','fla.php?id='+id+'');
$('.modal-body .delete').attr('href','delete.php?id='+id+'');
});
仅此而已.这样可以最大程度地减少您的代码,以便在动态传递单击的行的id
时不重复模式框.
That's all. This minimizes your code so that modal box is not repeated while dynamically passing id
of the clicked row.
您可以在此处查看演示:
You can have a look a the demo here:
DEMO
这篇关于将php变量传递给模式Twitter引导程序不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!