2016-06-09 147 views
0

这是我如何将数据添加到我的中继器:在lbtnEye_Click事件中链接按钮不会触发点击事件,但触发模式

<asp:Repeater ID="rptNotification" runat="server"> 
    <HeaderTemplate> 
     <table class="table table-hover"> 
      <tr> 
      <th>Code</th> 
      <th>Description</th> 
      <th>Name</th> 
      <th>Action</th> 
      </tr> 

    </HeaderTemplate> 
    <ItemTemplate> 
     <tr> 
      <td><asp:Label ID="lblCode" runat="server" Text='<%#Eval("[Group Code]") %>'></asp:Label></td> 
      <td><asp:Label ID="lblDescription" runat="server" Text='<%#Eval("[Description]") %>'></asp:Label></td> 
      <td><asp:Label ID="lblName" runat="server" Text='<%#Eval("[Professor]") %>'></asp:Label></td> 
      <td><asp:LinkButton ID="lbtnEye" CommandArgument='<%#Eval("[ID]") %>' runat="server" CssClass="btn btn-primary btn-xs" OnClick="lbtnEye_Click" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye"></i></asp:LinkButton> 
               <!-- <asp:PlaceHolder ID="PlaceHolder2" runat="server"></asp:PlaceHolder> --> 
     </td> 
     </tr> 
     </ItemTemplate> 
     <FooterTemplate> 
     </table> 
     </FooterTemplate> 
     </asp:Repeater> 

因此,大家可以看到LinkBut​​ton的动态添加,我的代码,但它没有点击点击事件(我在它上面放置了断点),但它触发了模态。我的代码有什么问题?

回答

1

我认为你需要添加,OnItemCommand像

<asp:Repeater ID="rptNotification" runat="server" OnItemCommand="rptNotification_ItemCommand"> 

添加的CommandName中的LinkBut​​ton

<asp:LinkButton ID="lbtnEye" CommandName="EyeClicked" CommandArgument='<%#Eval("[ID]") %>' runat="server" CssClass="btn btn-primary btn-xs" OnClick="lbtnEye_Click" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye"></i></asp:LinkButton> 

代码背后

protected void rptNotification_ItemCommand(object source, RepeaterCommandEventArgs e) 
{ 

    if (e.CommandName == "EyeClicked") // check command 
    { 

     //Your code 
    } 

} 
+0

附加问题,为什么我不能访问ID在转发器内? –

+0

仍然没有命中:'( –

+0

,但是当我删除数据切换和数据目标时,它触及事件为什么为什么为什么 –

1

C#的单击事件不会被触发,因为它是由javascript压缩。要确保显示的模式和服务器端单击事件get的提出你需要改变你显示弹出窗口的方式 - 你应该从javascript动态调用弹出窗口。就像这样:

  1. 更改您的链接按钮是这样的:

    <asp:LinkButton ID="lbtnEye" CommandArgument='<%#Eval("ID") %>' 
        runat="server" 
        CssClass="btn btn-primary btn-xs" 
        OnClientClick="showPopup()" 
        OnClick="lbtnEye_Click"> 
        <i class="fa fa-eye"> 
         Click me... 
        </i> 
    </asp:LinkButton> 
    
  2. 一下添加到页面顶部:

Javascript和库引用:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 

<script type="text/javascript"> 
    $(function() { 
     showPopup = function() { 
      debugger; 
      $("#myModal").modal('show'); 
      return true; 
     } 
    }); 
</script> 
相关问题