通过脚本函数调用bootstrap模式对话框

时间:2017-07-13 08:33:32

标签: javascript php jquery

在我的html页面中,现在我以这种方式打开模态对话框

模态通话按钮

<a class="btn btn-primary btn-xs" data-toggle="modal" data-target="#editBox" href="file.php?id=<?php echo $obj->id;?>">

页面

中的以下html代码
<div class="modal fade" id="editBox" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
          //Content Will show Here
        </div>
    </div>
</div>

这是file.php

<?php
$Id = $_GET["id"];
?>
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title"><center>Heading</center></h4>
</div>
<div class="modal-body">
    //Show records fetched from database against $Id
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default">Submit</button>
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>

如果我需要通过脚本函数调用模态怎么办?

我有这个

eventClick: function (result) {

   // call the dialog passing $id
})

编辑

我需要传递$ id值

现在我用

调用对话框
href="file.php?id=<?php echo $obj->id;?>"

1 个答案:

答案 0 :(得分:1)

使用remote选项打开模态时,您可以指定要加载的网址:

$('#editBox').modal({
    remote: url + "?id=" + id, 
    show: true
});

目前的建议是使用ajax加载内容而不是使用remote:选项 - 这将在更高版本的bootstrap中删除。

来源:http://getbootstrap.com/javascript/#via-javascript