Как указать JavaScript для запуска при показе ModalPopupExtender - PullRequest
Новая
       83

Как указать JavaScript для запуска при показе ModalPopupExtender

31 голосов
/ 08 августа 2008

ASP.NET AJAX ModalPopupExtender имеет свойства OnCancelScript и OnOkScript, но, похоже, не обладает свойством OnShowScript. Я хотел бы указать функцию javascript, которая будет запускаться каждый раз, когда отображается всплывающее окно.

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

Кто-нибудь знает способ сделать это?

Кстати, мне это нужно, потому что у меня есть текстовое поле в модале, которое я хочу сделать редактор TinyMCE. Но скрипт инициализации TinyMCE не работает с невидимыми текстовыми полями, поэтому я должен был найти способ запустить его во время показа модального сообщения

Ответы [ 8 ]

28 голосов
/ 08 августа 2008

хммм ... я почти уверен , что есть показанное событие для MPE ... это не в моей голове, но я думаю, что вы можете добавить обработчик событий к показанному событие на page_load 

function pageLoad()
{
    var popup = $find('ModalPopupClientID');
    popup.add_shown(SetFocus);
}

function SetFocus()
{
    $get('TriggerClientId').focus();
}

Я не уверен, что если это поможет вам позвонить со стороны сервера, то

14 голосов
/ 02 марта 2012

Вот простой способ сделать это в разметке: 

<ajaxToolkit:ModalPopupExtender 
                ID="ModalPopupExtender2" runat="server" 
                TargetControlID="lnk_OpenGame" 
                PopupControlID="Panel1" 
                BehaviorID="SilverPracticeBehaviorID"  >
            <Animations>
                <OnShown>
                     <ScriptAction Script="InitializeGame();" />  
                </OnShown>
            </Animations>                
</ajaxToolkit:ModalPopupExtender>
11 голосов
/ 02 марта 2010

Вы должны использовать BehaviorID значение mpeBID вашего ModalPopupExtender. 

function pageLoad() {
    $find('mpeBID').add_shown(HideMediaPlayer);
}

function HideMediaPlayer() {
    var divMovie = $get('<%=divMovie.ClientID%>');
    divMovie.style.display = "none";
}
2 голосов
/ 10 апреля 2013

Для двух модальных форм: 

var launch = false;
var NameObject = '';

function launchModal(ModalPopupExtender) {
    launch = true;
    NameObject = ModalPopupExtender;
}

function pageLoad() {
    if (launch) {
        var ModalObject = $find(NameObject);
        ModalObject.show();
        ModalObject.add_shown(SetFocus);
                }
} 

function SetFocus() {
    $get('TriggerClientId').focus();
}

Серверная сторона: поведение 

protected void btnNuevo_Click(object sender, EventArgs e)
{
    //Para recuperar el formulario modal desde el lado del sercidor
    ScriptManager.RegisterStartupScript(Page, Page.GetType(), "key", "<script>launchModal('" + ModalPopupExtender_Factura.ID.ToString() + "');</script>", false);
}
2 голосов
/ 10 апреля 2013 
var launch = false;

function launchModal() {
    launch = true;
}

function pageLoad() {
    if (launch) {
          var ModalPedimento = $find('ModalPopupExtender_Pedimento');
          ModalPedimento.show();
          ModalPedimento.add_shown(SetFocus);
    }
}

function SetFocus() {
    $get('TriggerClientId').focus();
}
2 голосов
/ 27 января 2010

TinyMCE работает с невидимым текстовым полем, если вы скрываете его с помощью css (display: none;) Вы создаете событие onclick для TargetControlID для init TinyMCE, если вы также используете панель обновления

2 голосов
/ 08 августа 2008

ModalPopupExtender изменяет кнопку / гиперссылку, указав, что она является элементом «триггера». Скрипт onclick, который я добавляю, запускает перед отображением всплывающего окна. Я хочу, чтобы скрипт запускался после показа всплывающего окна.

Кроме того, по-прежнему остается проблема с показом модального сообщения со стороны сервера.

2 голосов
/ 08 августа 2008

Если вы используете кнопку или гиперссылку или что-то для запуска всплывающего окна, чтобы показать, можете ли вы добавить дополнительный обработчик к событию onClick триггера, который должен по-прежнему запускать модальное всплывающее окно и запускать JavaScript одновременно?

...