在直接点击中显示中继器的linkbutton

生成A到Z的链接按钮，我想在点击中显示字母linkbutton Active。可以通过Jquery或Code Behind。在直接点击中显示中继器的linkbutton

<asp:UpdatePanel ID="UpdatePanel3" runat="server"> 
    <ContentTemplate> 
     <asp:Repeater ID="rptAlphabets" runat="server"> 
      <ItemTemplate> 
       <asp:LinkButton ID="lnkAlphabet" runat="server" Text='<%#Eval("Value")%>' OnClick="Alphabet_Click" CssClass="listbtn" Width="31px" Height="15px" align="center" CommandName="getalphabet" /> 

       <div class="clear-list"> 
       </div> 

      </ItemTemplate> 
     </asp:Repeater> 
    </ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="rptAlphabets" /> 
    </Triggers> 
</asp:UpdatePanel>

来源

2014-11-03 Manish Goswami

让我们清除 - onclick或悬停？如果点击确实应该是什么样子？ – 2014-11-03 04:57:26

“点击”时需要工作。点击设置/更改背景颜色。 – 2014-11-03 05:02:04

如果你的意思是要突出选择按钮出groyp的..是的，你可以使用CSS和JQuery ..

使用下面的代码片段做...

<style> 
    .listbtn { 
     border: 1px solid #bbb; 
     border-radius: 2px; 
     background-color: #eee; 
     text-decoration: none; 

     width: auto!important; 
     padding: 3px; 
    } 
    .selected { 
     background-color: #222; 
     color: white; 
    } 
</style> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function() { 
     $('.listbtn').click(function (e) { 
      e.preventDefault(); 
      $('.listbtn').each(function() { 
       $(this).removeClass('selected'); 
      }); 
      $(this).addClass('selected'); 

     }); 
    }); 
</script>

来源

2014-11-03 05:02:09

检查元素，它显示动态ID 当我点击字母G：ID =＃rptAlphabets_ctl06_lnkAlphabet 当我点击字母B：等ID =＃rptAlphabets_ctl01_lnkAlphabet 和....这阻止的LinkButton积极。 – 2014-11-03 05:07:34

这就是为什么在上面的代码中，我使用'class'而不是'id' – 2014-11-03 05:39:39

我尝试了你的建议，但不工作@Deepak。 – 2014-11-03 06:31:57

我有点困惑。但启用按钮的代码会是这样的。 Button1.enabled = false; if（checkbox.checked） { Button1.enabled = true; }

来源

2014-11-03 05:01:17

但是LinkButton的是里面中继器，它采用动态ID生成每次点击改变例如：在Inspectelement我正在歌厅这样的事情，当我点击字母答：ID =＃rptAlphabets_ctl00_lnkAlphabet当我点击字母B：ID =＃rptAlphabets_ctl01_lnkAlphabet 。。当字母Z是点击ID =＃rptAlphabets_ctl25_lnkAlphabet – 2014-11-03 05:35:54

在直接点击中显示中继器的linkbutton

回答

相关问题