Не удается вызвать функцию blockUI с кнопки asp

Во-первых, она работает как обычная кнопка:

<input type="button" value="Block" id="btnBlock" name="btnBlock"/>

Но мне нужно работать и с кнопкой asp:, я пробовал это:

<asp:Button ID="btnBlock" runat="server" Text="Block" OnClientClick="btnClick"/>

Но это не работает, просто отправляет ошибку JS (отредактировано):

Ошибка выполнения Microsoft JScript: «btnBlock» не определен

Моя функция JS blockUI:

<script language="javascript" type="text/javascript">
$(document).ready(function() {
   $('#btnBlock').click(function() {
        $.blockUI({ message: $('#myForm') });
    });
});
</script>

Я также пытался изменить функцию blockUI на это, но, похоже, она не работает, она не распознает asp-код внутри скрипта:

<script language="javascript" type="text/javascript">
$(document).ready(function() {
   $('#<%= btnBlock.ClientID %>').click(function() {
        $.blockUI({ message: $('#myForm') });
    });
});
</script>

person user1676874    schedule 07.01.2013    source источник
comment
Вы уверены, что ошибка существует, потому что ваша ошибка говорит, что «btnClick» не определен, а не «btnBlock» не определен. Кроме того, если последнее не сработало, должно быть написано «ct100_clientplaceholder_btnBlock is undefined» (что-то в этом роде).   -  person Brian Mains    schedule 07.01.2013
comment
Извините, я пытался использовать разные функции в то время, я изменил его обратно на btnBlock и все равно выдает ту же ошибку.   -  person user1676874    schedule 07.01.2013


Ответы (1)


В разметке кнопки asp у вас есть

OnClientClick="btnClick"

Это устанавливает сценарий на стороне клиента, который выполняется, когда вызывается событие Click элемента управления Button. Это запущенное событие ищет функцию javascript с именем btnClick. Проблема в том, что вы подключаете событие click через jQuery $(selector).click(someFunction); а также в событии OnClientClick.

Измените элемент управления кнопки asp, чтобы удалить событие OnClientClick:

<asp:Button ID="btnBlock" runat="server" Text="Block" />

Сохранение javascript прежним.

person heads5150    schedule 07.01.2013