在tp中模态框更改信息的实现

此文显示效果为点击编辑按钮，弹出模态框，更改信息，存入数据库

js内容  #btn-edit更改按钮id，#datatable-checkbox为信息列表表格id，获取复选框

 $('#btn-edit').bind('click',function(){
       var checkbox = $('#datatable-checkbox :checkbox:checked');
       var count = checkbox.length;
       if(count==0){
        alert('未被选中');
       }else if(count>1){
        alert('只能选中一行');
       }else{


        var id = checkbox.val(); 
        // alert(id);
        $.post('__URL__/getTeacher',{id:id},function(data){
          $('#form-edit input[name=id]').val(data.id);
        $('#form-edit input[name=username]').val(data.username);
        $('#form-edit input[name=name]').val(data.name);             
        $('#form-edit input[name=tel]').val(data.tel);
        $("#form-edit input[name=sex]").each(function(){
          if($(this).val()==data.sex){
            $(this).prop("checked",true);
          }
        })
         //模态框
         $('#EModal').modal({
             keyboard:true
          });
        },'json');
       }
     });

控制器部分

 //编辑获取教师信息
    public function getTeacher($id){
      $Teacher = M('Teacher');
      $data = $Teacher->where("id=$id")->find();
      $this->ajaxReturn($data);
    }
    //编辑 更改数据库内信息
    public function update(){
      $Form = D('teacher');
      $data = $Form->create();
      // dump( $data);exit;
      if ($data) {
        $result = $Form->save($data);
        if ($result) {
          $this->success('更改信息成功');
        }else{
          $this->error('更改信息失败');
        }
        $this->error($Form->getError());
      }
    }

模态框内容

 <button type="button" class="btn btn-info btn-xs" data-toggle="modal" id="btn-edit">编辑</button>
                    <div class="modal fade" id="EModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                       <div class="modal-dialog">
                        <div class="modal-content">
                         <div class="modal-header">
                          <button type="button" class="close"  data-dismiss="modal" aria-hidden="true"> ×           
                          </button>
                          <h4 class="modal-title" id="myModalLabel">
                            编辑教师信息          
                          </h4>
                        </div>
                        <div class="modal-body">

                         <form class="form-horizontal" role="form" method="post" id="form-edit" action="__URL__/update">
                         <input type="hidden" name="id">
                         <div class="form-group">
                                <label for="username" class="col-sm-2 control-label">用户名</label>
                                <div class="col-sm-4">
                                   <input type="text" class="form-control "  name="username" 
                                      placeholder="请输入用户名">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="name" class="col-sm-2 control-label">姓名</label>
                                <div class="col-sm-4">
                                   <input type="text" class="form-control "  name="name" 
                                      placeholder="请输入姓名">
                                </div>
                            </div>                          
                          <div class="form-group">
                           <label for="sex" class="col-sm-2 control-label">性别</label>
                            <div class="col-sm-10">
                              <input type="radio"  name="sex"  value="男">男
                              <input type="radio"   name="sex" value="女">女
                          </div>
                        </div>
                        <div class="form-group">
                            <label for="tel" class="col-sm-2 control-label">电话</label>
                            <div class="col-sm-4">
                               <input type="text" class="form-control"  name="tel" 
                                  placeholder="请输入电话">
                            </div>
                         </div>                           
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">关闭          
                          </button>
                          <button type="submit" class="btn btn-primary" >
                             提交        
                           </button></form> 
                        </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal -->
                  </div>