Question

我有一行表格中的数据列表，并添加了详细信息操作链接。

当我点击一行的详细信息链接时，获取特定点击行的另一个数据列表。

所以现在我想在另一个表中添加另一行，其中包含点击行下面的行数据列表。

Jquery代码：

val values = rdd.flatMap(_.values.map(_.toDouble)).cache()
val min = values.min()
val max = values.max()

Html代码：

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); 
}

Codeigniter代码：

<?php
foreach ($data as $item) {?>
 <a href="#" onClick="project_list('<?=$item->ID;?>')">Projects</a>
            </td>
          </tr>
<?php } ?>

点击特定点击的行后成功添加了新行但问题是表格，它的标题部分没有显示，甚至没有显示div。

现在我得到了这个输出：

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;
        }   
    }

但输出将是：

<tr><td>1</td><td>PHP</td></tr>

Answer 1

您忘记在<td>之后添加<tr>。

在PHP代码中，在<td>而不是<tr>上应用colspan。

$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>或不。如果是，请删除并添加新内容。

使用静态数据工作jsFiddle：https://jsfiddle.net/go03oj39/1/ JS。

如何在Codegniter中使用jquery Ajax在行中添加新的动态行？

1 个答案: