是否可以在Bootstrap模式中显示不同的记录?

时间:2017-08-10 07:37:52

标签: javascript php bootstrap-modal

我目前有一个包含记录基本数据的html表:

Orderid - 订单描述 - 订单愿望日期

我尝试做的是在点击表格行时显示引导模式中另一个数据库表中的数据:

ITEMID-ORDERID要求数量

我可以在点击表格行和操作模式时将Orderid传递给JS。

我不知道如何或甚至可以在模态中显示其他数据。 (数据应该在模态中可编辑)。

表格行中的html代码:

    <tr data-toggle="modal" data-id="<?=$uitleen['uid']?>" data-target="#orderModal">               

<td> 

    <input type="hidden" name="uid" value="<?=$uitleen['uid']?>" /> 
     <div style="float:left;margin-right:5px;margin-left:1em" class="activiteit"> <?=$uitleen['activiteit']?> </div>
        </td>   
<td class="naam"> <?=$uitleen['naam']?> </td>
<td class="speltak"> <?=$uitleen['speltak']?> </td>
<td class="datum"> <?=$uitleen['datumuit']?> </td>
<td style="width:40em;" class=""> <?=$uitleen['opmerking']?> </td>


        </tr>

触发模态的代码:

<script>
$(function(){
    $('#orderModal').modal({
        keyboard: true,
        backdrop: "static",
        show:false,

    }).on('show', function(){ //subscribe to show method
          var getIdFromRow = $(event.target).closest('tr').data('id'); //get the id from tr
        //make your ajax call populate items or what even you need
        $(this).find('#orderDetails').html($('<b> Order Id selected: ' + getIdFromRow  + '</b>'))
    });
}); 
        </script>   

我想要做的是显示模态中另一个数据库表的数据。我需要的记录包含&#39; uid&#39;

类似的东西:

uid - 第1项 - 数量 uid - 第2项 - 数量 等

数量应该是可编辑的。

0 个答案:

没有答案