bootstrap modal修改功能怎么传递参数？

Question

<button data-toggle="modal" data-target="#edit_annual_modal" class="btn btn-warning btn-circle" title="修改">修改</button>

      <div class="modal fade" id="edit_annual_modal" tabindex="-1" role="dialog" aria-
      labelledby="myModalLabel" aria-hidden="true">
      ..............................
      </div>
                  

      我的一个客户详情页面，添加和修改都在同一个页面，都是用的bootstrap弹出形式，请问我要对信息进行修改的时候怎么传入参数呢？谢谢

用a标签我是这样传的参数，但是触发不了模态框。

  
<a href="{:U('Annual/edit1',array('annual_id'=>$vo['annual_id'],'history_id'=>$vo['history_id']))}" class="btn btn-warning btn-circle" title="修改">修改</a>

Answer 1

触发模态框可以用$('#modal_id).modal();来触发，传参应该就很简单了吧

我贴一下我自己的解决方法，我是菜鸟，方法比较笨，但是你可以参考一下。我用的thinkphp框架。
这是html代码：
<volist name="list" id="vo">

    <tr>
        <td class="thead"><span class="btn btn-primary btn-square-sm read" id="{$vo.id}" pid="{$vo.pid}" siteid="{$vo.siteid}" claname="{$vo.name}" onclick="update_btn(this)">修改</span>  <span id="{$vo.id}" class="btn btn-danger btn-square-sm" onclick="del_cla(this.id)">删除</span></td>
    </tr>

</volist>
这是js代码：
//修改按钮

    function update_btn(obj){
        $('#update_id').val($(obj).attr('id'));
        $('#update_name').val($(obj).attr('claname'));
        $('#update_site').val($(obj).attr('siteid'));
        $('#update_pid').val($(obj).attr('pid'));
        $('#update_pid_old').val($(obj).attr('pid'));
        $('#update_modal').modal();
    }

Answer 2

如果你有用jQuery的话就很好处理了，给修改这个Button bind这个click 函数，让他找到相关的modal的这个element，然后给modal添加open这个class，modal就可以打开显示了。当你把modal 这个element获取后，里面的全是elements比如button，input或是form都可以进行修改，bind数据，关闭按键bind的一个关闭函数去除open这个class就行了。