Реализация modalpopups в качестве предупреждения по умолчанию во всем проекте - PullRequest
Новая
       12

Реализация modalpopups в качестве предупреждения по умолчанию во всем проекте

0 голосов
/ 09 июля 2009

прямо сейчас у меня есть огромное решение, в котором мы используем предупреждения javascript через RegisterStartupScript для всех сообщений и ошибок. Мы хотели изменить все это, чтобы сделать что-то похожее на modalPopupExtender или сам расширитель таким образом, чтобы Мне не нужно слишком много усилий ... Я имею в виду, чтобы показать modalpopup на одной странице, мне нужно создать его в файле aspx, установить атрибуты и т. д. Так что я просто прошу идеи, хочу знать, как вы ребята с этим разбираются ..

Ответы [ 2 ]

1 голос
/ 09 июля 2009

Я бы, вероятно, использовал диалоговое окно jQuery и поместил код разметки и инициализации в MasterPage, установив для autoOpen значение false и скрытый по умолчанию. Я бы вставлял код, который взаимодействует с диалогом, на каждую страницу по мере необходимости. 

<div id="modalDialog" title="Error">
   <p id='modalDialogMsg'>An error has occurred.</p>
</div>

<script type="text/javascript">
   $(function() {
      $('#modalDialog').dialog({
         autoOpen: false;
         modal: true,
         buttons: {
            "OK" : function() {
                      $(this).dialog('close');
                   }
         }
      });
   });

   // You could "objectify" this, but I'll show as a global function
   function showError( title, msg )
   {
        if (!title) {
           title = 'Error';
        }
        if (!msg) {
           msg = 'An error occurred.';
        }
        $('#modalDialogMessage').html(msg);
        $('#modalDialog').attr('title',title)
                         .dialog('open');
   }
</script>

Затем на вашей странице вы вводите код, который вызывает showError. Обратите внимание, что это должно быть после сценария выше, чтобы убедиться, что функция была определена. Что бы выплюнуло выглядело бы как: 

<script type="text/javascript">
     $(function() {
           showError('Database connection error', 'There was an error connecting to the database.' )'
     });
</script>
1 голос
/ 09 июля 2009

Не могли бы вы поместить модальный всплывающий / модальный всплывающий расширитель в пользовательский элемент управления и встроить пользовательский элемент управления на каждую страницу?

...