2016-05-19 37 views
0

我的foreach循环了数据库中的所有人员(2人),但是当我点击'Wijzig'按钮时,它总是显示第一个人的数据。有没有办法将它链接到它所在的同一行?将一个ID链接到一个按钮

这是我的看法,第一行是我和我的细节。第二个是朋友和他的细节。

当你点击按钮“Wijzig”就说明你有下面这个形式的弹出窗口。我模糊了信息,但它显示我的信息都在'Wijzig'按钮上。如何将按钮链接到该行中的人员?我是否必须改变模型或我的foreach循环中的某些内容?

我的观点(我想这是所有你需要的代码):

@if (Model.Bestuur.Bestuursleden.Any()) 
       { 
        foreach (var i in Model.Bestuur.Bestuursleden) 
        { 
         <tr> 
          <td width="100"> 
           <div id="flip"><img src="https://cdn2.iconfinder.com/data/icons/finance-vol-2-2/128/finance-56-128.png" class="circular" width="100px" height="100px"> 
          <td width="350px"> 
           <label for="persoon" style="width: 400px;">@i.Persoon.Voornaam @i.Persoon.Achternaam</label><p>Email: @i.Persoon.Email <br>Woonplaats: @i.Persoon.Woonplaats<br>Telefoonnummer: @i.Persoon.Telnr)</p> 

           <div id = "panel" style = "display: none;" > 
            Meer informatie: @i.Persoon.Informatie 
           </div> 
          </td> 
      </div> 


      <td> 
       <label for= "persoon"> @i.Funktie.Naam </label> 


      </td> 


      <td style="border-color: transparent;"> 
    <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#myModalNorm" name="id" style="background-color: #42a5f5; border-color: #42a5f5; margin-left: 20px;">Wijzig</button> 

请帮我

回答

0

我通常使用按钮式,给它一个做到这一点数据属性来存储Id。例如

<button type="button" data-id="@i.Id.ToString()" class="btn btn-primary" data-toggle="modal" data-target="#myModalNorm" name="id" style="background-color: #42a5f5; border-color: #42a5f5; margin-left: 20px;">Wijzig</button> 

然后您使用jQuery来处理被点击的按钮。使用.attr(“data-id”)方法解析ID并使用ajax调用服务器。

$('.btn-primary').click(function(e) { 
    e.preventDefault(); 

    var id=$(this).attr("data-id"); 

    //use ajax to query the data for this Id 

    //Bind to form 

    //Show modal 
}); 

一旦你这样做了,你可以绑定到模态窗体并显示模态。

+0

我在哪里放jQuery?在我看来?我用什么查询? SELECT FROM [Table] WHERE ID = @ I.Persoon.Id?什么是绑定表单? – Lucafraser

+0

您需要添加对jQuery本身的引用,然后通常您将为每个视图或组件创建一个Javascript文件。我通常每个视图都有一个。引用那个自定义JS文件在你引用jQuery的下面,然后在jQuerys $(document).ready函数中包装上面的示例JS。我认为你有一个Controller Action接受Id并返回对象? –

+0

我有一个控制器,但不是一个接受该Id并返回该对象的Action?你有TeamViewer吗?聊天?我很困惑,因为我很迷茫 – Lucafraser

相关问题