Как я могу получить идентификатор клиента связанного элемента управления с метками javascript и/или серверной?

Question

<asp:DataGrid> 
    <ItemTemplate> 
     1) 
     <asp:TextBox ID="tbComments" onChange="javascript:checkLength(<%# tbComments.ClientId %>);" runat="server"/> 
     2) 
     <span id="<%# tbComments.ClientId %>Label"></span> 
    </ItemTemplate> 
</asp:DataGrid> 

Любые идеи сделать вышеуказанные работы (а это не так: P)?

Answer 1

Измените свою разметку, чтобы передать «это» в качестве ссылки на данный раздел комментариев.

<asp:TextBox ID="tbComments" 
      onChange="javascript:checkLength(this);" runat="server"/> 

Затем в функции checkLength(), «е» является прямой ссылкой на элемент DOM, который поднял OnChange событие.

function checkLength(e){ 
    alert(e.id); //id of the comments box 
    //get a reference to the span element immediately after the textbox 
    theSpan = e.parentNode.getElementsByTagName("span")[0]; 
    theSpan.innerHTML = "comments length: " + e.value.length; 
} 

Answer 2

Уверены ли вы, что проблема заключается не только в неправильном использовании «ClientId» в следующем теге? :-)

<span id="<%# tbComments.CliendId %>Label"></span> 

Answer 3

Есть ли что-то не так с вашей функцией checkLength() JavaScript, не добавляющей ярлык к идентификатору клиента? Тогда ваш Javascript принимать как ?:

<asp:DataGrid> 
    <ItemTemplate> 
     1) 
     <asp:TextBox ID="tbComments" 
      onChange="javascript:checkLength(<%# tbComments.ClientId %>, <%# tbComments.ClientId %>Label);" 
      runat="server"/> 
     2) 
     <span id="<%# tbComments.ClientId %>Label"></span> 
    </ItemTemplate> 
</asp:DataGrid> 

Answer 4

Просто добавьте класс в пролете или текстовое поле и использовать JQuery, чтобы найти элемент в DOM и добавить событие изменения в текстовое поле запустить код checkLength

$(document).ready(function() 
{ 
    $('.myClass').change(function() 
    { 
     // do your length check... 
    }); 
});