我在一行表格中列出了数据列表,并添加了详细信息操作链接。
当我单击一行的详细信息链接时,会获取特定单击行的另一个数据列表。
所以现在我想添加另一行和另一个表,其中行数据列表位于单击的行下方。
Jquery 代码:
function project_list(id)
{
var row_ID = 'row'+id;
$.ajax({
url : '<?=$this->config->base_url()?>admin_panel/project_list',
type : 'post',
data : 'id='+id
}).done(function (data){
alert(data);
$('#'+row_ID).after(data);
});
console.log(row_ID);
}
HTML 代码:
<?php
foreach ($data as $item) {?>
<a href="#" onClick="project_list('<?=$item->ID;?>')">Projects</a>
</td>
</tr>
<?php } ?>
Codeigniter代码:
function project_list()
{
$id = $_POST['id'];
$project_list = $this->admin_model->project_list($id);
if(is_array($project_list)){
$i=1;
$table .= '<tr colspan=7><div><table><thead><tr><th>SN</th><th>Project Name</th></tr></thead><tbody>';
foreach($project_list as $row)
{
$table .="<tr><td>$i</td><td>$row->project_name</tr>";
$i++;
}
$table .='</tbody></table></div></tr>';
echo $table;
}
}
点击特定行后成功添加新行,但问题是表格,它的标题部分没有显示,甚至 div 也没有显示。
现在我得到了这个输出:
<tr><td>1</td><td>PHP</td></tr>
但是输出将是:
<tr colspan=2>
<div>
<table>
<thead><tr>
<th>SN</th><th>Project Name</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>PHP</td></tr>
</tbody></table></div></tr>
最佳答案
您忘记添加<td>
之后<tr>
.
同时将 colspan 应用于 <td>
而不是<tr>
在 PHP 代码中。
$table .= '<tr class="dynamicAddedTr"><td colspan=2><div><table><thead><tr><th>SN</th><th>Project Name</th></tr></thead><tbody>';
foreach($project_list as $row)
{
$table .="<tr><td>$i</td><td>$row->project_name</tr>";
$i++;
}
$table .='</tbody></table></div></td></tr>';
每次点击<tr>
时替换内容您可以为动态 <tr>
提供自定义类,而不是附加单击后只需检查是否 <tr>
特定类别是否存在。如果是,请删除该内容并添加新内容。
Working jsFiddle: https://jsfiddle.net/go03oj39/1/ with static data in JS.
关于javascript - 如何在 Codeigniter 中使用 jquery Ajax 在行中添加新的动态行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36769990/