在 twitter 引导模式代码 Igniter 中编辑字段答案

【问题标题】：edit fields in twitter bootstrap modal code Igniter在 twitter 引导模式代码 Igniter 中编辑字段
【发布时间】：2013-01-26 12:47:26
【问题描述】：

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

我的视图页面..这是我的 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);

}

如何向控制器发送参数并使用旧值启动模态？

【问题讨论】：

标签： php json codeigniter jquery twitter-bootstrap

【解决方案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。我只是提供一种算法，希望能帮助你理解如何处理这个问题。

【讨论】：