如何使用codeigniter在弹出模式中获取行详细信息

<!-- 触发弹出模式的按钮或链接 -->
<a href="#" class="popup-link" data-id="1">获取行详细信息</a>

<!-- 弹出模式的容器 -->
<div id="popup-container" style="display: none;">
  <!-- 显示行详细信息的内容 -->
  <div id="popup-content"></div>
</div>

<!-- 加载jQuery库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- 弹出模式的JavaScript代码 -->
<script>
$(document).ready(function() {
  // 点击按钮或链接时触发弹出模式
  $('.popup-link').click(function(e) {
    e.preventDefault();

    // 获取行的ID
    var rowId = $(this).data('id');

    // 发送AJAX请求到控制器方法，并传递行的ID
    $.ajax({
      url: 'controller/get_row_details',
      type: 'POST',
      data: {id: rowId},
      success: function(response) {
        // 将行详细信息显示在弹出模式中
        $('#popup-content').html(response);
        $('#popup-container').show();
      }
    });
  });

  // 点击弹出模式以外的区域时关闭弹出模式
  $(document).mouseup(function(e) {
    var container = $("#popup-container");
    if (!container.is(e.target) && container.has(e.target).length === 0) {
      container.hide();
    }
  });
});
</script>

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Controller extends CI_Controller {
  public function get_row_details() {
    // 获取行的ID
    $rowId = $this->input->post('id');

    // 调用模型函数，从数据库中获取行的详细信息
    $rowDetails = $this->model->get_row_details($rowId);

    // 将行详细信息传递给视图
    $data['rowDetails'] = $rowDetails;

    // 加载视图，并将行详细信息传递给视图
    $this->load->view('popup_view', $data);
  }
}

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Model extends CI_Model {
  public function get_row_details($rowId) {
    // 查询数据库，获取行的详细信息
    // 这里是一个示例，你需要根据自己的数据库结构进行实际的查询

    $this->db->where('id', $rowId);
    $query = $this->db->get('your_table');

    if ($query->num_rows() > 0) {
      return $query->row();
    } else {
      return null;
    }
  }
}

<!-- 在弹出模式中显示行详细信息 -->
<?php if ($rowDetails): ?>
  <p>行ID: <?php echo $rowDetails->id; ?></p>
  <p>行名称: <?php echo $rowDetails->name; ?></p>
  <!-- 根据你的数据库结构，显示其他行的详细信息 -->
<?php endif; ?>