Найти элемент по идентификатору в динамически добавленном элементе управления

Question

У меня есть страница asp, в которой я динамически добавляю элемент управления, который я создал (несколько раз). В этом контроле у ​​меня есть текстовое поле для пароля и имени пользователя и кнопка возврата.

Я использую этот яваскрипта код этого элемента управления и он не:

function HandlePasswordChanged() { 
    document.getElementById("<%=btnRevert.ClientID %>").disabled = false; 
} 
function HandleUserChanged() { 
    document.getElementById("<%=btnRevert.ClientID %>").disabled = false; 
    document.getElementById("<%=txtPassword.ClientID %>").disabled = false; 
} 
function btnRevertClick() { 
    document.getElementById("<%=btnRevert.ClientID %>").disabled = true; 
    document.getElementById("<%=txtPassword.ClientID %>").disabled = true; 
    document.getElementById("<%=txtUsername.ClientID %>").value = document.getElementById("<%=systemAccount.ClientID %>").value; 
    document.getElementById("<%=txtPassword.ClientID %>").value = ""; 
} 

, что он делает это, когда я нажимаю на кнопку REVERT на одном элементе управления отключает текстовое поле на другой элемент управления - getelement не удается найти исправьте.

Как это исправить?

Answer 1

Мне удалось найти решение.

Проблема заключалась в том, что каждый раз, когда я добавлял элемент управления acsx с кодом javascript, он добавлял несколько функций с тем же именем, но внутри было другое. когда один элемент управления хотел назвать свою «собственную» функцию, он просто использовал первый, так как все они были названы одинаковыми.

Мое решение было изменить функцию от этого:

function HandleUserChanged() { 
    document.getElementById("<%=btnRevert.ClientID %>").disabled = false; 
    document.getElementById("<%=txtPassword.ClientID %>").disabled = false; 
} 

к этому:

function HandleUserChanged(btnRevertId, txtPasswordId, cellPasswordId) { 
    document.getElementById(btnRevertId).disabled = false; 
    document.getElementById(txtPasswordId).disabled = false; 
} 

, а затем в C# код я добавить это:

txtUsername.Attributes.Add("onchange", "HandleUserChanged(\"" + btnRevert.ClientID + "\", \"" + txtPassword.ClientID + "\", \"" + cellPassword.ClientID + "\")"); 

Таким образом, каждый элемент управления точно знает, какие элементы управления принадлежат ему, и отправляет правильные параметры функции.

Answer 2

Если вы работаете на .net 4.0:

Вы можете установить ClientIDMode="Static" для динамически добавляемых элементов управления. Кроме того, вы должны убедиться, что вы устанавливаете уникальные идентификаторы для своих элементов управления.