How to stop ASP.NET from changing IDs in order to use jQuery

by

Short answer:

Set ClientIDMode="Static"

<asp:Label ID="myLabel" ClientIDMode="Static" runat="server" Text="testing"></asp:Label>

Long answer:

.NET 4 now has the ability to let you choose your ClientIDMode:

Type: System.Web.UI.ClientIDMode
A value that indicates how the ClientID property is generated.

AutoID
The ClientID value is generated by concatenating the ID values
of each parent naming container with the ID value of the control. In
data-binding scenarios where multiple instances of a control are
rendered, an incrementing value is inserted in front of the control’s
ID value. Each segment is separated by an underscore character (_).
This algorithm was used in versions of ASP.NET earlier than ASP.NET 4.

Static
The ClientID value is set to the value of the ID property. If
the control is a naming container, the control is used as the top of
the hierarchy of naming containers for any controls that it contains.

Predictable
This algorithm is used for controls that are in data-bound
controls. The ClientID value is generated by concatenating the
ClientID value of the parent naming container with the ID value of the
control. If the control is a data-bound control that generates
multiple rows, the value of the data field specified in the
ClientIDRowSuffix property is added at the end. For the GridView
control, multiple data fields can be specified. If the
ClientIDRowSuffix property is blank, a sequential number is added at
the end instead of a data-field value. This number begins at zero and
is incremented by 1 for each row. Each segment is separated by an
underscore character (_).

Inherit
The control inherits the ClientIDMode setting of its NamingContainer control. This is the default.

More Related Contents:

  1. What does .d in JSON mean?
  2. Using jQuery for AJAX with ASP.NET Webforms [closed]
  3. Pass Multiple Parameters to jQuery ajax call
  4. Unexpected Caching of AJAX results in IE8
  5. Jquery AJAX with ASP.NET WebMethod Returning Entire Page
  6. How to get Windows Explorer type look and feel inside my Application? [closed]
  7. include antiforgerytoken in ajax post ASP.NET MVC
  8. ASP.NET Calling WebMethod with jQuery AJAX “401 (Unauthorized)”
  9. jQuery UI ” $(“#datepicker”).datepicker is not a function”
  10. Asp.Net UpdatePanel in Gridview Jquery DatePicker
  11. Calling an ASP.NET server side method via jQuery
  12. jquery cycle IE7 transparent png problem
  13. Ajax method call
  14. How can I run some javascript after an update panel refreshes?
  15. Rebinding events in jQuery after Ajax update (updatepanel)
  16. ASP.Net Master Page and File path issues
  17. ASP.NET – Passing JSON from jQuery to ASHX
  18. file download by calling .ashx page
  19. can jquery ajax call external webservice?
  20. Uploading File using Ajax in Asp.Net Core
  21. Web Api Parameter always null
  22. How to return a JSON object in standard web forms .Net
  23. Progress bar for long running server calls in ASP.Net MVC [closed]
  24. How to capture submit event using jQuery in an ASP.NET application?
  25. ASP.NET Parse DateTime result from ajax call to javascript date
  26. Detect from browser if specific application is installed
  27. Calling webmethod ina aspx.cs file using jquery ajax
  28. Proper way to use JQuery when using MasterPages in ASP.NET?
  29. File uploading in AJAX updatepanel without full postback
  30. Pass a user defined object to ASP.NET Webmethod from jQuery, using JSON

Leave a Comment