如何使用<a> for set query MySQL in smarty &amp; Php</a>发送参数

时间:2015-01-21 12:46:19

标签: php mysql twitter-bootstrap bootstrap-modal

我想在smarty / php中使用bootstrap创建网格
在网格我有名字,家庭,...&amp; 修改按钮
当我点击btn编辑时,模态弹出窗口打开,但我不知道如何发送记录ID 来设置查询&amp;以模态显示:
示例代码:
www.bootply.com/webdeveloper/iQrK1Yxlkk

BTN:

<a href="" class="btn btn-success" data-toggle="modal" data-target="#myModal" data-backdrop="static">
  Edit User
</a>

模态:

<!-- Modal -->
<div class="modal fade" id="myModal" 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-label="Close"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        username: ...
        <br>
        Password: ...
        <br>
        avatar: ...
        <br>
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

1 个答案:

答案 0 :(得分:0)

最简单的解决方案:

  • 删除属性data-toggle="modal"data-target="#myModal"
  • 为代码data-id
  • 添加a属性
  • 将标记click
  • 的绑定jquery添加到a
  • 当用户点击标记a时:
    • 以记录形式
    • 将记录ID插入隐藏文本输入中
    • 手动运行bootstrap模式$('#myModal').modal()

希望它会有所帮助

修改

另外在文档中我看到模态运行时的特殊事件(可能是更多bootstrap.js方式......):

$('#myModal').on('show.bs.modal', function (e) {
   // get record ID here
})

因此您可以使用e.target获取标记a

的属性