jQuery UI düğmesi ASP.NET'te bir html düğmesine nasıl uygulanır?

Question

btnShowTradeScreenshot adlı bir düğmeyle GridView'ım var. GridView birçok düğme oluşturur ve jQuery düğmesini ona uygulamak istiyorum.

<script type="text/javascript"> 
    $(document).ready(function() { $("#<%= btnShowTradeScreenshot.ClientID %>").button(); }); 
</script> 

şey olmuyor ve ben standart düğmesine değil, jQuery düğmesine olsun: Bu kodu kullanarak jQuery uygulamak çalışıyorum

<asp:GridView 
    ID="grdTrades" 
    runat="server" 
    >    
    <Columns>    
     <asp:TemplateField HeaderText="Screenshot" > 
      <ItemTemplate> 
       <input name="btnShowTradeScreenshot" runat="server" visible='<%# Eval("screenshotId") != DBNull.Value %>' type="button" value='View...' onclick='<%# "ShowImageInNewPage(\"App_Handlers/ImageHandler.ashx?screenshotId=" + Eval("screenshotId") + "\")" %>' /> 
      </ItemTemplate> 
     </asp:TemplateField>    
    </Columns> 
</asp:GridView> 

: İşte benim alakalı GridView kod. Ben sayfa kaynağında baktığımda düğmeleri gibi parçalanmış adlara sahip olduğunu fark:

ctl00$contentMain$grdTrades$ctl05$ctl03

ctl00$contentMain$grdTrades$ctl10$ctl03 vb

tüm düğmelere jQuery nasıl uygulanacağı hakkında herhangi bir fikir?

Teşekkürler.

Answer 1

İstemci kimliğine güvenmek yerine, düğmelerde bir sınıf adı kullanabilirsiniz; Bu şekilde JavaScript uzunluğuna kaydedersiniz ve her belirli kontrole bağlanmanız gerekmez. JS

: ASP.NET'te

// equivalent to $(document).ready(function() { 
$(function() { 
    $('.customButton').button(); 
}); 

: En ızgara AJAX bağlı ızgara ise

<input type="button" runat="server" class="customButton" .../> 

Ayrıca, <input/> elemanları yeniden oluşturulur ve siz gerekir ızgarada kodunu yeniden stilleri uygulanmış olsun:

$('#<%= grdTrades.ClientID %> .customButton').button(); 

Answer 2

yerine bir isim seçici kullanılarak deneyin:

$('input[name$=btnShowTradeScreenshot]').button(); 

veya daha iyi o zaman giriş ve bir CSS sınıfı uygulamak:

$('.button').button(); 

Answer 3

Birçok düğme oluşturulur ve her biri benzersiz bir kimliği vardır sağlayacak şekilde ASP onlar için farklı kimlikleri oluşturmayacaktır . $ ('# ...') tek bir benzersiz tanımlı öğeyi seçmeyi hedeflediğinden, birden çok düğmeyi seçmek için kullanamazsınız.

Tüm düğme nesnelerini seçmek için $ (': button') düğmesini deneyin. Alternatif olarak, her bir düğmenin sınıfını ShowTradeScreenshot gibi bir şeye ayarlayabilir ve daha sonra hepsini $ ('. ShowTradeScreenshot') ile seçebilirsiniz.