Выбор элемента управления Asp.net с использованием jquery

Question

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

Страница управления

<asp:Panel ID="pan_cntrls" runat="server"> 
    <asp:Button ID="btnAddNewImg" runat="server" Text="Add new image" OnClick="btnAddNewImg_Click" 
     Visible="true" /> 
    <uc9:MessagePanel ID="messagepanel1" runat="server"></uc9:MessagePanel> 
</asp:Panel> 

Javascript

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     $("#PageContent_IMG1_messagepanel1_divMessageBox").click(function() { 
      alert("handler called"); 
     }); 
    }); 

Что поджигатель показывает

<div class="errorBox confirmation" id="PageContent_IMG1_messagepanel1_divMessageBox" style="height: 50px;"> 

Я могу выбрать о thes ID, используя jquery, но не этот. Я также должен указать, что я использую modalpopupextender на странице. Поэтому, когда я отправляю данные, страница делает обратную передачу. Я попытался использовать делегат, потому что идентификатор добавляется в DOM после загрузки страницы, но не работает.

Любые идеи?

Благодаря

Answer 1

В основном проблема заключается в том, что вы добавляете обработчик в $(document).ready. Дивы еще не существуют, поэтому этот вызов ничего не делает.

Вам нужно прикрепить обработчик щелчка после того, как div попадет на страницу. Есть несколько способов, вы можете добиться этого:

Использования add_endRequest, поэтому выполнить document.ready код после асинхронных запросов:

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() { 
    $("#PageContent_IMG1_messagepanel1_divMessageBox").click(function() { 
     alert("handler called"); 
    }); 
}); 

или 2

Явных сделать функцию addHandler и вызвать ее с помощью инъекции из asp.net:

В JS:

function addHandler (ctrlID) { 
    $("#" + ctrlID).click(function() { 
     alert("handler called"); 
    }); 
}; 

В ASP.Net:

Использование RegisterStartupScript для вызова ДобавитьОбработчик, передавая ClientID элемента управления, который нуждается в обработчик добавление.См. here для получения информации о RegisterStartupScript.

Первый из этих вариантов менее эффективен, чем второй (поскольку он будет выполняться после всех обратных передач), но проще реализовать.

Answer 2

Вы можете попробовать это

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     $("#<%=PageContent_IMG1_messagepanel1_divMessageBox.ClientID%>").click(function() { 
      alert("handler called"); 
     }); 
    }); 

таким образом, вы собираетесь быть уверены, что это идентификатор на стороне клиента

Когда ASP.NET предоставляет стороне сервера управления дает им уникальные идентификаторы клиентов, отличные от идентификаторов их серверов, и если вы не уверены, вы можете проверить источник своей страницы ASP.NET.

Answer 3

Чтобы получить пользовательский контроль I D на стороне клиента, вы должны установить его свойство ClientID.