Null справки из управления после загрузки страницы

Question

Я пытаюсь запустить кусок JavaScript после загрузки страницы:

protected void Page_LoadComplete(object sender, EventArgs e) 
    { 
     if (IsPostBack) 
     { 
      string controlName = getPostBackControlName(); 
      if (controlName == "btnSubmit" || controlName == "ddlSalary") 
      { 
       Page.ClientScript.RegisterStartupScript(GetType(), "myAlertScript", "onLoadDisplay(this)", true); 
      } 
     } 
    } 

Вот ссылка JavaScript:

function onLoadDisplay(sender) { 
     PerDiemClicked(sender); 
    } 

    function PerDiemClicked(sender) { 
     if (document.getElementById('<%= chkbxPerDiem.ClientID %>').checked == true) { 
      document.getElementById("PerDiemDisplay").style.display = 'inline'; 
     } 
     else { 
      document.getElementById("PerDiemDisplay").style.display = 'none'; 
     } 
    } 

Я получаю эту ошибку :

0x800a138f - JavaScript runtime error: Unable to get property 'checked' of undefined or null reference

Я не понимаю, почему проверенный возвращается null, потому что я жду, когда страница будет завершена. P перед проверкой. Как проверить этот элемент управления и правильно запустить приведенный выше код?

редактировать: здесь флажок:

<asp:CheckBox ID="chkbxPerDiem" runat="server" Checked="false" onclick="PerDiemClicked(this)" /> 

Answer 1

Ваш сценарий, вероятно, выполняется до chkbxPerDiem был добавлен в DOM. Выполните скрипт в окне load event:

window.addEventListener("load", function() { 
    onLoadDisplay(this); 
}); 

Попробуйте это:

Page.ClientScript.RegisterStartupScript(GetType(), "myAlertScript", @"   
window.addEventListener('load', function() { 
    onLoadDisplay(this); 
});", true); 

_{См this answer}

Answer 2

Page_LoadComplete является стороны сервера события, и всех стороны сервера события будут выполняться до страница ровная отправлено в браузер. Помните, что эти серверные события связаны с построением страницы. Вам нужно запустить свой JavaScript после того, как страница была построена, обслуживается и полностью загружена браузером. Это означает, что событие Page_LoadComplete выполняется задолго до того, как ваш код JavaScript может работать.

Page.ClientScript.RegisterStartupScript(GetType(), "myAlertScript", "onLoadDisplay(this)", true); 

Приведенный выше код регистрирует вызов функции загрузки JavaScript. Но он будет вставлять вызов этой функции в верхней части страницы. Таким образом, он будет запущен до загрузки остальной страницы.

Вам необходимо просмотреть, как работают события ASP.NET. Опять же, все серверные события запускаются до того, как страница будет отправлена ​​в браузер. JavaScript не должен запускаться до тех пор, пока браузер не получит и не загрузит страницу.

Answer 3

Вот как я это решил.

Этого код делает фактически пост после загрузки страницы:

protected void Page_LoadComplete(object sender, EventArgs e) 
    { 
     if (IsPostBack) 
     { 
      string controlName = getPostBackControlName(); 
      if (controlName == "btnSubmit" || controlName == "ddlSalary") 
      { 
       Page.ClientScript.RegisterStartupScript(GetType(), "myAlertScript", "window.addEventListener('load', function() { onLoadDisplay(this); });", true); 
      } 
     } 
    } 

Я должен был изменить яваскрипт функции, чтобы проверить, если он существует до проверки, является ли его Проверили:

function PerDiemClicked(sender) { 
     if (document.getElementById('<%= chkbxPerDiem.ClientID %>') != null) { 
      if (document.getElementById('<%= chkbxPerDiem.ClientID %>').checked == true) { 
       document.getElementById("PerDiemDisplay").style.display = 'inline'; 
      } 
      else { 
       document.getElementById("PerDiemDisplay").style.display = 'none'; 
      } 
     } 
    } 

Спасибо всем.