Всплывающее предупреждение - PullRequest
Новая
       9

Всплывающее предупреждение

0 голосов
/ 01 июля 2011

Я хотел бы получить приятное всплывающее предупреждение с надписью «Вы уверены, что хотите перезаписать этот файл? Да Нет. Есть ли способ сделать это с помощью Telerik или Ajax Tool Kit?». Я хочу иметь возможность управляйте им на стороне сервера тоже с помощью c #

Спасибо

Ответы [ 4 ]

1 голос
/ 01 июля 2011

одним из способов может быть

1) создать div как всплывающее окно

2) отобразить всплывающее окно при возникновении некоторых событий (например, нажатие кнопки)

3), еслипользователи нажимают «ОК», а затем делают что-то на стороне сервера

4) если пользователи нажимают «нет», то скрывают div

Вот код, извините, если есть какая-то ошибка, но у меня нет средымои руки. 

<head>
<script type="text/javascript">
function showConfirm()
{
   var popup = document.getElementbyId('popup');
   popup.style.display = '';
}
function hide()
{
   var popup = document.getElementbyId('popup');
   popup.style.display = 'none';

}
</script>
</head>
<body>
<form runat="server" id="form1">
  <div id="popup" style="display:none">
    <p>bla bla bla</p>
    <asp:button id="btn_ok" runat="server" OnClick="ServerRountine_Click"/>
    <asp:button id="btn_ko" runat="server" onclientclick="hide();"/>
  </div>

<asp:button id="btn_overwrite" runat="server" onclientclick="showConfirm();"/>
</form>
</body>
0 голосов
/ 01 июля 2011

Я бы использовал для этого asp modalpopup; p ... но да, вы хотите сделать это с помощью AJAX и т. д. Я думаю, что вы любите JQ-UI тогда.

Это почти то же самое, что и выше, но одновременно стилизует всплывающее окно; p 

  $("#modEdit").dialog({//modEdit is your Div with any controls.
                autoOpen: false,//Properties
                width: 600,
                show: "fade",
                hide: "fade",
                modal: true,
                buttons: {//Buttons
                    "Save Changes": function () {
                        ModSaveChanges();
                        $(this).dialog("close");
                    },
                    Cancel: function () {
                        $(this).dialog("close");
                    }
                }
            });

Синтаксис выглядит примерно так: $ (control) .dialog ({свойства, кнопки: {btn1, btn2}}); так далее
очень легко, я действительно рекомендую это ^^: D Я использовал его для своих мобильных приложений; p
Да, и вы могли бы также взглянуть на Sencha Ext; p

0 голосов
/ 01 июля 2011

Вы можете поместить событие OnClick (или OnClientClick, если это серверный элемент управления) на кнопку отправки, как показано ниже: 

<input type="button" value="Submit new file" onclick="if(confirm('Are you sure you want to overwrite this file?')) return false;" />
0 голосов
/ 01 июля 2011

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

jConfirm(message, [title, callback])

http://abeautifulsite.net/blog/2008/12/jquery-alert-dialogs/

...