Как перенаправить на домашнюю страницу, используя JQuery-UI Dialog? - PullRequest
Новая
       30

Как перенаправить на домашнюю страницу, используя JQuery-UI Dialog?

1 голос
/ 10 февраля 2012

Я использую следующий блок JQuery в моем модуле DotNetNuke: 

jquery(document).ready(function (){
      $( "#dialog:ui-dialog").dialog("destroy");
      $( "#dialog-message").dialog({
        modal: true,
        buttons: {
            Ok: function(){
                $( this ).dialog("close");
                }
            }
        });
});
</script>
<div id="dialog-message" title="Registration Confirmed">

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

Большое спасибо !!

1 Ответ

1 голос
/ 10 февраля 2012

Вы можете поместить OnClientClick на кнопку и вызвать функцию, которая покажет ваш модальный режим.При нажатии кнопки ОК вы можете изменить window.location на путь к вашей домашней странице.

HTML 

<asp:Button runat="server" ID="btn_ShowModal" OnClientClick="showModal(); return false;" />

Javascript 

function showModal()
{
    $( "#dialog-message").dialog({
        modal: true,
        buttons: {
            Ok: function(){
                $( this ).dialog("close");
                window.location = "pathToHomepage";
            }
        }
    });
}

Редактировать Существует два типа путей, которые можно использовать в javascript и в веб-разработке в целом: относительные пути и абсолютные пути.

Относительные пути : начните с текущего каталога и оттуда вы получите доступ к нужному местоположению, используя ' / ', чтобы перейти вперед по каталогу, и ' .. / 'идти назад

Абсолютные пути : полный URL-адрес в нужное место

Более подробное описание здесь

' ~ / ' - это ярлык на стороне сервера, который, к сожалению, не работает на стороне клиента без использования чего-то вроде this.ResolveClientUrl . 

'<%= this.ResolveClientUrl("~/default.aspx") %>'
...