如何使用Codeigniter加载Bootstrap模式中的视图以传递ID？

Question

我有一个列表产品的类别，并希望编辑。

当我点击特定类别的编辑按钮时，打开引导模式以点击ID来更新内容。

Popup即将到来，但视图不会加载它。

清单资料：

<?php if (is_array($category_list)) { 
    foreach ($category_list as $item): ?> 
      <tr> 
      <td> 
       <?=$item->category_name?></td> 
      <td> 
       <a href="#" class="btn btn-small z-depth-0" data-toggle="modal" data-target="#categoryModal" id="category_modal" data-id="<?=$item->cat_id?>" data-url="<?php $this->config->base_url();?>admin_panel/get_category/<?=$item->cat_id?>"> 
       <i class="mdi mdi-editor-mode-edit"></i> 
       </a> 
      </td> 
      </tr> 
      <?php endforeach;} 
?> 

JavaScript函数：

<script type="text/javascript"> 
    $(document).on("click", "#category_modal", function() { 
    var url = $(this).data('url'); 
    alert(url); 
    jQuery.ajax({ 
     url: url, 
     success: function(response) 
     { 
       alert(response); 
      jQuery('#categoryModal .modal-content').html(response); 
      jQuery('#categoryModal').modal('show', { 
      }); 
      } 
     }); 
    }); 
</script> 

控制器功能：

public function get_category() { 
     $cat_id = $this->uri->segment(3); 
     $data['category'] = $this->admin_model->get_category($cat_id); 
     $this->load->view('backend/category_popup', $data); 
    } 

category_popup.php查看：

<?php 
if (is_array($category)) { 
    foreach ($category as $item) { 
     $cat_id = $item->cat_id; 
     $cat_name = $item->category_name; 
    } 
} else { 
    $cat_id = ''; 
    $cat_name = ''; 
} 

?> 
<form action="#" method="post" name="form" style="margin-top: -200px;width: 100%;height: 100%" class="z-depth-4"> 
<div class="card-panel"> 
<div class="card-panel cyan lighten-3"> 
<h4 style="text-align: center">Update Category - <strong><?=$cat_name?></strong></h4> 
    </div> 
    <div class="row"> 

    <div class="col l6 s12"> 
    <label for="subcat_name">Category Name</label> 
     <div class="input-field"> 
     <input id="cat_names" name="cat_name" type="text" class="validate" value="<?=$cat_name?>"> 
     </div> 
    </div> 
    </div> 
    <div class="row"> 
    <div class="col l4 s12"> 
     <button class="btn" type="button" name="action" onclick="update_cat()">Update</button> 
    </div> 
    </div> 
</div> 

</form> 

Answer 1

追加到阿贾克斯数据属性：

$('#category_modal').on('show.bs.modal', function(e) { 
    var url = $(this).data('url'); 
    alert(url); 
    jQuery.ajax({ 
     url: url, 
     data:{data_id:$(this).attr('data_id')}, 
     success: function(response) 
     { 
       alert(response); 
      jQuery('#categoryModal .modal-content').html(response); 

      } 
     }); 
    }); 

和控制器的变化：

$cat_id = $this->input->get('data_id');