Codeigniter - 在模态窗口中显示信息

Question

我有一个模态窗口。它适用于 javascript。我自己尝试了一些东西，但我无法在模态窗口中显示客户的任何信息。单击信息按钮时，我想显示客户的信息。如何在模态窗口中显示任何客户信息？

控制器：

public function index()
{

    $viewData['countries'] = $this->db->get("country")->row();
    $viewData['customers'] = $this->customer_model->get_all();

    $this->lang->load('content', $this->session->userdata('people_lang'));
    $this->load->view('customers', $viewData);
}

public function getInfo(){

    $cusId = $this->input->post('cusId');

    $viewData['customers'] = $this->db->where("cusId", $cusId)->get("customer")->row();

    $this->load->view('customers/getInfo', $viewData);

}

此 Ajax 代码：

<script type="text/javascript">

    function showCustomers(str){

        $.ajax({

            type: "POST",

            data: { cusId: str },

            url: "<?=base_url('customers/getInfo');?>",

            success: function(data) {

                $('#divInfo').html(data);

            }

        });

    }

</script>

这个模态：

<!-- Modal -->
                              <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                  <div class="modal-dialog modal-lg">
                                      <div class="modal-content">
                                          <div class="modal-header">
                                              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                              <h4 class="modal-title">Modal Tittle</h4>
                                          </div>
                                          <div class="modal-body">
                                              <div id="divInfo"></div>
                                          </div>
                                          <div class="modal-footer">
                                              <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
                                              <button class="btn btn-warning" type="button"> Confirm</button>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                  <!-- modal -->

这个视图：

<a data-toggle="modal" href="#myModal3"><button class="btn btn-primary btn-xs" onclick="showCustomers(this.id);" id="<?php echo $customers->cusId; ?>"><i class="fa fa-eye"></i></button>

但这不起作用。我哪里做错了？

Answer 1

我认为您可以通过添加几行来做到这一点。

注意* 代码未经测试，我实际上可以画出解决这个问题的想法。

在控制器的索引函数中

public function index(){
        $viewData['countries'] = $this->db->get("country")->row();
        $viewData['customers'] = $this->customer_model->get_all();

         //**new line
         // Assuming you already have method in your Model to get customer by id
        // Check if there's a GET request of 'customerID' then assign to the $viewDataByID array the data from the model, else nothing.

        $viewDataByID['customersById'] = (isset($_GET['cusomterID'])) ? $this->customer_model->get_by_id($id) : '';

        //Then you'll have to update the variable sent to the view by storing both in one array
        $allData['viewData']= $viewData;
        $allData['viewDataByID'] = $viewDataByID;

        $this->lang->load('content', $this->session->userdata('people_lang'));
        $this->load->view('customers', $allData);// $allData get sent to the view
    }

在您的模式中，您可以发送请求

请更新视图中的变量。您可以执行 print_r($allData) 或 var_dump($allData) 以清楚地查看数据树以及如何使用它们。

或者，如果您不想为此使用索引，您可以在控制器中创建另一个函数来按 id 处理客户，json_encode 结果，然后使用 jQuery 获取数据。

希望这会有所帮助。

Answer 2

这是您可以做到的一种方法：

 <!--modify button to include an onclick element, pass a value to it-->
<button class="btn btn-primary btn-xs" id="info_modal" onclick="show_modal('<?=$customer_name;?>')"><i class="fa fa-eye"></i></button>

您可以修改您的模态以使用一些 id 来预测您的数据：

<div class="modal fade" id="info_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   ....
<div class="modal-body">
     View File List According to Customer ID.
     <div id="customer_name"></div>
</div>

然后在你的脚本中（如果使用 jquery）：

//add passed string to the modal and then display it 
function show_modal(customer_name){
     $("#customer_name").html(customer_name);
     $("#info_modal").modal('show');     
}

Answer 3

我自己回答了这个问题。

<td data-title="Edit" align="center"><a href="<?php echo base_url("customer_edit/edit/$customer->cusId"); ?>"><button class="btn btn-primary btn-xs"><i class="fa fa-pencil"></i></button></a> <a data-toggle="modal" href="#<?php  echo $customer->cusId; ?>"><button class="btn btn-primary btn-xs"><i class="fa fa-eye"></i></button></a></td>

我编辑了一个类似href="#<?php echo $customer->cusId; ?>的href 之后我只是在模态顶部写了这段代码：

<?php foreach ($customers as $get) { ?>
                <div class="modal fade" id="<?php  echo $get->cusId; ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <?php } ?>

我这样编辑 id id="#<?php echo $get->cusId; ?>

现在效果更好了！