Question

我在codeigniter表中查看了这个表

<table id="#example">
 <thead>
  <tr>
   <th>ID</th>
   <th>EMRI</th>
   <th>MBIEMRI</th>
   <th>DEPARTAMENTI</th>
   <th>PUNA</th>
   <th></th>
  </tr>
 </thead>
</table>

我使用Jquery-PHP从数据库中填充有效的JSON数据。为了识别行，我使用了data-id = $ row [＆＃39; id＆＃39;]

我如何从数据库中获取数据

foreach($result->result_array() as $row)
    {
        $sub_array = array();
        $sub_array[] = '<div contenteditable  data-id="'.$row["id"].'" data-column="emer">' . $row["id"] . '</div>';
        $sub_array[] = '<div contenteditable  data-id="'.$row["id"].'" data-column="emer">' . $row["emer"] . '</div>';
        $sub_array[] = '<div contenteditable  data-id="'.$row["id"].'" data-column="mbiemer">' . $row["mbiemer"] . '</div>';
        $sub_array[] = '<select contenteditable id="depedit" data-id="'.$row["id"].'" data-column="departament"><option value="'.$row["text"].'">' . $row["text"] . '</option></select>';
        $sub_array[] = '<select contenteditable id="jobedit" data-id="'.$row["id"].'" data-column="job"><option value="'.$row["text"].'">' . $row["text"] . '</option></select>';
        $sub_array[] = '<button type="button" name="delete" class="btn btn-danger btn-xs delete" id="'.$row["id"].'">Delete</button>
            <button type="button" name="update" class="btn btn-warning btn-xs update" id="'.$row["id"].'">Update</button>';
        $data[] = $sub_array;
    }


    $output = array(
    "draw"    => intval($_POST["draw"]),
    "recordsTotal"  =>  $rows,
    "recordsFiltered" => $number_filter_row,
    "data"    => $data
);

我想让更新按钮正常运行。当我点击编辑按钮时，我想编辑该行的数据。

任何人都可以帮助我吗？

Answer 1

首先为每一行添加一个类名，例如第一行：

<div class="firstRow" ... >...</div>
<div class="secondRow" ... >...</div>

然后你可以编辑JQuery中点击按钮的第一行：

$('button').click(function(){
    var id = $(this).attr('id');
    $('.firstRow[data-id='+id+']').text("My new text");
});

数据服务器端的更新按钮

1 个答案: