将数据从表传递到模态表

时间:2015-06-16 05:53:12

标签: modal-dialog

我的库存有两个表,首先是项目列表,然后是项目信息

我将项目列表绑定到HTML表格,为每一行添加一个按钮,按钮的目的是通过模态显示项目信息或表格

我已经完成了表格和模态设计,但我无法获取或传递我的项目列表的项目ID到我的模态

任何人都可以帮助我,我是一个新的HTML(noob hir:3)

<thead>
  <tr>
    <th class="text-center">Item ID</th>
    <th class="text-center">Particular</th>
  </tr>
</thead>

<tbody class="searchable">
  <% List<Inventory.MODEL.adminView>x = new List
    <Inventory.MODEL.adminView>(); Inventory.BAL.ItemBAL z = new Inventory.BAL.ItemBAL(); x = z.getAdminView().ToList(); foreach (var item in x) {%>
      <tr>
        <td>
          <%=i tem.ID %>
        </td>
        <td>
          <%=i tem.Particulars %>
        </td>
        <%}%>
          <td class="text-center">
            <a href="#Modal" data-toggle="modal" class="btn btn-info-sm" onclick="myFunction()"><span class='glyphicon glyphicon-info-sign'></span></a>
          </td>
      </tr>
      <%} %>
</tbody>
</table>

</div>
</div>
<div id="Modal" class="modal fade">

  <div class="modal-dialog modal-lg">

    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Item Inventory</h4>
      </div>
      <div class="modal-body">
        <table class="table table-hover table-bordered">
          <thead>
            <tr>
              <th class="text-center">Item ID</th>
              <th class="text-center">Total Quantity</th>
            </tr>
          </thead>
          <tbody>
            <% iteminvents(); %>
          </tbody>
        </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

这是我的代码,任何人都可以提供建议或者可以帮助我吗?

1 个答案:

答案 0 :(得分:1)

submit中的this作为参数传递给myFunction()

和内部函数你可以得到如下的ItemId。我在这里使用了jquery。

myFunction(this)