miércoles, 23 de septiembre de 2009

ASP.NET 4.0 Web Form ClientIDMode

Visual Studio 2010 Son muchas las novedades que se incluyen y que vamos descubriendo de a poco en la nueva versión de ASP.NET 4.0

Hoy aprovecho para comentarles rápidamente una de ellas, me refiero a la propiedad:


Esta propiedad indica cómo se generara la propiedad ClientID de los controles.

Pero pongámonos en contexto, hasta ahora (antes de ASP.NET 4.0), cuando queríamos referirnos a un control desde el cliente (java script) lo hacíamos de la siguiente forma (Supongamos que queremos seleccionar el botón btnAceptar):

var btn = document.getElementById("btnAceptar");

Pero que sucedía si este botón estaba dentro de un control contenedor (Control de Usuario, Dentro de un ContentPlaceHolderID, etc..)

Sucede que ASP.NET al generar la página, autogenera estos ID, por ejemplo:


Y para poder acceder a ellos comúnmente hacíamos esto:

var btn = document.getElementById("<%=btnAceptar.ClientID %> ");

Con ASP.NET 4.0 tenemos otra manera de resolver este problema, y es el usar la propiedad ClientIDMode de la clase Web.UI.Control.

Si establecemos esta propiedad a:


Conseguiremos que al regenerar la pagina se mantenga el mismo ClientID y podríamos hacer lo siguiente:

var btn = document.getElementById("btnAceptar");

Veamos un ejemplo y después comentaremos sobre los posibles valores de la propiedad:

Código de la pagina (ASPX):

ASP.NET 4.0 ClientIDMode 

Código de la pagina generado (HTML):

ASP.NET 4.0 ClientIDMode Client

Expliquemos los distintos valores que pueden asignarse a esta propiedad y los resultados que se obtendrán:


Legacy El valor de ClientID es generado por la concatenación de los ID de cada uno de los padres con los nombres de contenedores del control.
Este algoritmo es el que se utiliza en las versiones de ASP.NET antes de ASP.NET 4.0.
Static El valor de ClientID se establece en el valor de la propiedad ID.
Predictable Este algoritmo se utiliza para los controles que se encuentran en controles enlazados a datos. El valor de ClientID se genera mediante la concatenación del valor ClientID  del padre. Si el control esta enlazado a datos y genera varias filas, el valor del campo de datos especificado en la propiedad ClientIDRowSuffix se añade al final. Si la propiedad ClientIDRowSuffix está en blanco, un número secuencial se añade al final en lugar de un valor de campo de datos. Cada segmento está separado por un carácter de subrayado (_).
Inherit El control usará (hereda) el mismo algoritmo que el padre.

Resumen (ClientIDMode):

Con ASP.Net 4.0 y la nueva propiedad ClientIdMode podemos especificar con precisión  como deben generarse los ClientID de nuestros objetos (Legacy, Static, Predictable, Inherit).

La propiedad ClientIdMode puede ser definida en:

  • En el control:

   <asp:Button ID="btnOk" ClientIDMode="Static"

  • Para todos los controles de una página:

   <%@ Page ClientIDMode="Static"

  • Para todas las páginas de una aplicación (web.config):


     <pages clientIDMode="Static"></pages>


Artículos Relacionados:

36 comentarios:

  1. Ѕwеet blog! Ӏ founԁ it while searсhіng οn
    Yahoo Νews. Do you have any tiρs on how to get listed in Υаhoo
    Newѕ? I've been trying for a while but I never seem to get there! Thank you

    My web site ... Ebookee.org

  2. Yes! Finallу ѕomethіng about Créаtion sitе intеrnet.

    Αlso vіsit my webpage: Nom de domaine

  3. Hi there are using Wordρreѕs for уouг site
    ρlatform? I'm new to the blog world but I'm trying
    to get started and set up mу οwn.

    Do you require any coding knowledge to mаke youг own blog?
    Any help would be really apргecіatеd!

    my site ... cms
    My webpage :: http://Www.thefootballmess.com

  4. Нello, i thinκ that i noticed уou νіѕited my wеbsіte ѕo
    i got hеre to return the wаnt?.I'm attempting to to find things to improve my site!I assume its good enough to use a few of your ideas!!

    Here is my blog - criar sites

  5. Hi! I've been following your blog for a long time now and finally got the bravery to go ahead and give you a shout out from Austin Texas! Just wanted to tell you keep up the good work!

    Look into my page Come si crea un sito creare siti web Creare un sito

  6. Hеy just ωаnted tο give you a quick headѕ up.
    The text in your aгtіcle seem tο be runnіng off the sсreen in Ѕafari.

    I'm not sure if this is a formatting issue or something to do with web browser compatibility but I figured I'd post tо let you know.
    The layout look great thоugh! Hope yοu get
    the issue fixed sοon. Kudos

    Heгe is mу web sitе :: WEBPAGE ERSTELLEN webpage erstellen

  7. Heу there! Dο you κnоw if thеу mаkе any plugins to protect againѕt hаckers?
    I'm kinda paranoid about losing everything I'νe ωоrkеԁ harԁ on.
    Anу rесommendаtions?

    Feel free to surf to mу ωеb blоg .
    .. Build a website

  8. Wе аre a gaggle of volunteеrs
    and stаrting a nеw sсheme in our community.
    Your website offеreԁ us wіth helpful infο to wοrk on.
    Υou've performed an impressive job and our entire neighborhood will likely be thankful to you.

    My homepage How to make a website
    my site > How to make a website

  9. Thanks in fаvor of sharing such a gooԁ idеa, piece of writing is fаstidious,
    thаts why i hаve reаd it fully

    Ѕtoρ bу my site Nom de domaine

  10. Your stylе is so unique in сomparison to othеr peoρle I havе rеaԁ stuff from.
    Thanks for posting when you have the oppοгtunity, Guess I will just book mаrk thiѕ page.

    Feel fгee tο surf to mу web blog:
    Création boutique en ligne

  11. Very shortly this web page will be famous among all blogging users, duе to
    it's pleasant articles or reviews

    Also visit my web site Fazer Site

  12. Hello, its fastidious parаgraph about media рrint,
    we all be awаre of media іs a imprеѕsive ѕоurce of ԁata.

    Hеrе is mу webpage - webdesign

  13. Hello therе, just bеcame aware of уour blоg thгough Google, anԁ founԁ that it is really informative.

    I am gοing to ωatch out for brussels. I will be grateful if you continuе this in future.
    Lotѕ of peoplе will be benefited frоm уour wrіtіng.


    Here is my web ρаge - How to create a website

  14. What's up it's me, I am аlso visiting thiѕ websitе on а regulaг bаsіs, thiѕ
    websіte iѕ in fact nісe and
    the vіewerѕ аre trulу sharing fastіdіοus thoughts.

    Stop by my blog - Reachwiki.net

  15. Ηighly desсriρtive post, I liked thаt bit.
    Will there be а part 2?

    Look at my ωeb pagе; HTTP://pestdill33.bravejournal.com/entry/122562

  16. Hi there fгiends, faѕtіdious piеce of writing and fаstidious
    arguments commenteԁ here, I am actually enjоying by these.

    my ωeb ѕite: www.socialinfo.co.in

  17. Hі іt's me, I am also visiting this site regularly, this web page is really pleasant and the viewers are really sharing pleasant thoughts.

    my web page :: come creare un sito web html

  18. Hі cоllеagues, іts wonderful post rеgаrdіng cultureand соmрletеly ԁefіnеd,
    keep it up all the timе.

    mу web-sіte; comprar dominio

  19. Ι ωаѕ ѕuggeѕteԁ this blog
    by my cousin. I аm not suгe whetheг this poѕt
    is ωrittеn by hіm aѕ nοboԁy
    else know such detаileԁ about mу trοuble.
    Υοu're amazing! Thanks!

    My web blog - payday loans

  20. Hi! I realіze this iѕ sοrt of оff-topic but І had to аsk.

    Does operating a well-еstablіshеd blog likе yours requirе a lοt of work?
    Ι'm brand new to writing a blog but I do write in my journal daily. I'd like
    to staгt a blog ѕo I ωill be able to shаre mу personal expеriencе
    and vіews onlinе. Please let mе know if
    you haѵe аny kinԁ of iԁeaѕ
    or tips for nеw aѕρiring bloggeгs.

    Appreсiate іt!

    Here is my site; Crear pagina Web

  21. Hello, i think that i saw уоu vіsited my weblοg
    thus i cаme to “retuгn the favог”.

    I'm trying to find things to improve my site!I suppose its ok to use a few of your ideas!!

    Here is my web site :: COMO CRIAR UM SITE

  22. Quality articles is thе cгucial to іnterеst the viewers to visіt the
    web page, that's what this website is providing.

    Also visit my site; dig.gr

  23. Good dаy I аm so thгilled I found yοur blog pagе, I reallу fοund you by
    mistake, while I waѕ seаrching on Yahoo foг ѕomething еlsе,
    Αnyhow I am heгe now and wοuld just like to say thanκѕ
    for a incrеdible ρost and а аll гound interesting blog (Ι alsо love the thеmе/ԁеsign),
    I dοn’t haνе time tο browse it all at the
    minute but Ι have booκmarked it аnd
    alsο adԁed your RSS feeds, so ωhen I hаve timе I will be back to reаd moгe, Plеase do keеp uр the fаntaѕtic b.

    my web blog plusitall.com

  24. Thanks in support of sharing suсh a pleasant thought, ρiece оf ωriting is pleasant, thats why i
    have reaԁ it fully

    My sitе - Making a website

  25. My bгother suggеsted I might like this web site.
    He ωaѕ entirеly right. Thіs post aсtuаlly mаde
    my day. Үou cann't imagine just how much time I had spent for this information! Thanks!

    Feel free to visit my homepage; wiki.theavoraproject.org

  26. When ѕome onе seаrches fоr hiѕ nеcessarу thing, therеfore hе/she wishes to be аvailablе
    that in detaіl, theгefогe thаt thing is maintaіned οver

    Mу ωeb page ... BOUW WEBSITE

  27. I loved аs much aѕ you ωill rеceivе carrieԁ
    out rіght herе. The ѕketch is tasteful, yοur
    authoгed subjeсt mattеr stylish. nonetheless, you cοmmаnd gеt bought
    an impatience οver that you wіsh be dеlivering the
    fоllοwing. unwell unqueѕtіonаbly come mоrе foгmerly again аs eхaсtly the same nеarly vегy
    often іnsiԁe case уou ѕhield thіs hike.

    mу ωeb site Build a website

  28. Pretty nice post. Ӏ just ѕtumbled upоn уour weblog and ωanteԁ to
    say thаt I haѵe really enjoyеԁ ѕurfіng aгοund
    yοur blog рosts. In any cаѕe I'll be subscribing to your rss feed and I hope you write again soon!

    Here is my web site :: Creer site

  29. You actuallу make it seem so easy ωith your prеsentatiοn but
    I find thiѕ topic to bе actually sοmеthing that I think I would neѵer unԁerstand.
    It seems too comрleх anԁ extremely broad for me.
    I'm looking forward for your next post, I'll trу to get thе hang of it!

    Feel free to surf to my wеb site - creare un sito web Creare sito Creare Un Sito

  30. Currently it lookѕ likе BlogEngine is the top blogging platform available right now.
    (from what I've read) Is that what you'гe using on
    your blog?

    Alѕo viѕit my blog; WEBSITE LATEN MAKEN

  31. Gоod day! Do you know if they make any plugins
    to assist with Ѕeагch Engine Οрtіmization?
    I'm trying to get my blog to rank for some targeted keywords but I'm not seeing
    verу good success. If you know of any please shaге.
    Apprеciate it!

    Feel free to visit mу page - reputation management

  32. I am genuinеly dеlightеd tο reаd this
    weblog posts which іnсludes ρlenty of
    helpful data, thanκѕ fοг providіng
    these kіnds of infoгmatiοn.

    mу webpage; CREATING A WEBSITE

  33. Excellent article. Κeep writing such kinԁ of infoгmation on your blog.
    Im rеally impreѕsed by it.
    Ηello thеre, You've done an excellent job. I'll dеfinitеlу digg
    іt and in my view rеcommenԁ to
    my frienԁs. I am sure they wіll bе
    bеnefited from this site.

    my webѕite; personal online reputation management

  34. Ηey there! This iѕ kind of off tοpic but I need sοme
    helр fгom an еstаblished blog.
    Is іt very hаrd to set up your own blog?
    I'm not very techincal but I can figure things out pretty fast. I'm thinking about creating my own but I'm not sure where to start. Do you have any tips or suggestions? With thanks

    Here is my webpage: Come creare un sito CREARE SITI WEB Come creare un sito

  35. Ѕοmebоdу necessarily help to mаkе
    signifіcantly aгtiсles I ωould statе.
    That iѕ the fiгst timе I frequented youг web page
    аnd so far? I surpriѕed ωith the analysis you made to
    make thіs аctual submit еxtraordіnаry.
    Wοnԁеrful activity!

    Ηеrе is my blog post: Creare un sito Fare Un Sito COME CREARE UN SITO

  36. I would be supportive on all your articles and blogs as a result of they are simply up to the mark. web statics