我正在寻找在我的表中使用X-Editable,当我从数据库中提取表数据时,这一切都很好,我的问题是当我向其添加X-Editable时,第一行只是可编辑的行。
所有其他行显示在超链接下但没有下面的虚线,当点击它们时,他们只是将#放在* .php
之后的地址栏中我错过了什么可以让所有行都可编辑?
<table id="userinfo" class="table table-bordered table-striped">
<thead>
<tr>
<th>Name</th>
<th>MeetingStart</th>
<th>Details</th>
</tr>
</thead>
<tbody>
<?php
$info = db::getInstance()->query('SELECT * FROM information');
foreach ($info->results() as $info) {
?>
<tr>
<td>
<a href="#" id="groupname" data-type="select" data-pk="1" data-value="5" data-source="/groups" data-original-title="Select group">
<?php echo $info->name; ?>
</a>
</td>
<td>
<a href="#" id="meeting_start" data-type="datetime" data-pk="1" data-url="/post" data-placement="right" title="Set date & time">
<?php echo $info->meetingstart; ?>
</a>
</td>
<td><?php echo $info->details; ?></td>
</tr>
<?php }; ?>
</tbody>
问题的屏幕截图
答案 0 :(得分:2)
重复的DOM ID&#39;:
foreach(...) {
<a href="#" id="groupname"
^^^^^^^^^
由于DOM ID 必须是唯一的,因此系统在找到第一个匹配的DOM节点时正常停止。您正在为表格中的每一行输出SAME ID。