Question

我正在使用代码点火器...我的记录显示在我的视图页面中...在每一行都有一个编辑按钮..我想要的是如果我点击编辑按钮，模态弹出与旧的价值观..然后更新字段..我不知道我怎么能首先将参数传递给控制器，然后从控制器获取值并在模态中显示而不重新加载页面..这就是我正在做的事情。

我的观看页面..这是我在我的MODAL中的表单

  <div class="modal hide fade in" id="myModal">
<div class="modal-header">
  <button type="button" class="close" data-dismiss="modal">×</button>
<h3>Check information</h3>
    </div>
    <div class="modal-body">

Employee name:<?php echo form_input($emp_name); ?>
</div>

显示记录的表

  <td><?php echo $row->emp_name ?></td>
  <td><a  href="employesController/<?php echo $row->emp_id ?>"class = "edit">Edit       </a> </td>

我的javascript

      <script type='text/javascript'>
$(document).ready(function(){
    $(".edit").click(function(){
        $('.modal').modal('show');


       });
});
</script>

我的控制器

  function editEmploye(){

 $id = $this->uri->segment(3);
$this->load->model('employesModel');
$data['result'] = $this->employesModel->getEditEmploye($id);

}

如何将参数发送到控制器并使用旧值启动模式？

Answer 1

Bootstrap Modal在页面加载时加载模式中存在的表单。当模态出现时，页面不刷新，但模态javascript只显示从之前加载（但隐藏）的表单。

要回答有关如何预填表格的问题，我假设您处于以下情况。

你有一张桌子。例如

Food        |    Price
Fries       |    $1.00
Burger      |    $3.00

假设您单击Fries，您希望您的模态表单预先填充

<input name="food" value="fries" />
<input name="price" value="$1.00" />

我希望到目前为止我找到了你。

你有一张

的表格

<input id="food_name" name="food" value="" />
<input id="food_price" name="price" value="" />

开头。

首先，在表的每一行中添加一个类。（或div，如果你使用div作为包装器。）

<table>
  <tr class="food_list">
    <td>Fries</td><td>$1.00</td>
  </tr>
<table>

然后使用javascript / jquery检测标记子项的 VALUE ，这将是与其对应的标记的值。请参阅this。为此设置一个jquery onclick。

然后你可以设置$（'＃food_name'）。val（'valueGottenFromAbove'）来预填表格。

我无法为您提供一个有效的示例，但我相信，这是一种预先填充该引导模式形式的工作算法。

祝你好运。

请根据需要使用课程和ID。我只是提供一种算法，希望能帮助你理解如何处理这个问题。

编辑twitter bootstrap模态代码点火器中的字段

1 个答案: