2014-11-03 3 views
0

A to Z 링크 버튼 생성, 알파벳 링크 버튼을 표시하고 싶습니다 클릭시 활성화. Jquery 또는 Code Behind 중 하나.리피터 내부에 링크 버튼 표시 클릭시 활성화

<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> 
+0

하자 클리어 업 - onclick 또는 호버에? 클릭하면 정확히 어떻게 보일 것인가? –

+0

"클릭"할 때 작업해야합니다. 클릭시 배경색 설정/변경. Inspectelement에 내가 이런 걸에 geting하고, 내가 알파벳 A를 클릭 할 때 : 내가 알파벳 B를 클릭하면 ID = #의 rptAlphabets_ctl00_lnkAlphabet을 : ID = # rptAlphabets_ctl01_lnkAlphabet –

답변

1

당신이 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> 
+0

이 요소 검사를 클릭하면이하는 LinkButton을 방지 .... 등등 ID = #의 rptAlphabets_ctl01_lnkAlphabet 과 : 내가 알파벳 B를 클릭하면 ID = #의 rptAlphabets_ctl06_lnkAlphabet 을 활발하다. –

+0

그 이유는 위의 코드에서'id'가 아닌'class'를 사용했기 때문입니다. –

+0

@Deepak을 제안했지만 시도하지는 않았지만 시도했습니다. –

0

다소 혼란 스럽습니다. 그러나 버튼을 활성화하는 코드는 다음과 같습니다. Button1.enabled = false; if (checkbox.checked) { Button1.enabled = true; }

+0

만하는 LinkButton, 그것은 동적 ID를 매번 클릭이 을 변경 생성 리피터 안에 예입니다 . . 알파벳 Z 내가 알파벳 G를 클릭 할 때 동적 ID 을 보여 ID = # rptAlphabets_ctl25_lnkAlphabet –

관련 문제