Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / ModalPopupExtender совместно с UpdatePanel / 1 сообщений из 1, страница 1 из 1
24.06.2017, 14:40
    #39477101
Vlad5780
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ModalPopupExtender совместно с UpdatePanel
Всем добрый день. Нужен свет в конце тоннеля...
На странице есть UpdatePanel , в него динамически добавляется много контролов ( ImageButton ). Кликаем по любому из них, открывается "модальное окно" ( ModalPopupExtender ) с данными относящемся к конкретной кнопке. И вот отсюда начинается проблема:
1 вариант . Если ModalPopupExtender расположен внутри UpdatePanel , данные в модальном окне отображаются нормально. И так покликав по нескольким кнопкам, посмотрев информацию которая соответствует этим кнопкам мы хотим вернуться на предыдущую страницу. Как правило это кнопка в левом верхнем углу интернет браузера (по некоторым источникам называется BackSpace ). И не тут то было... Пока этот BackSpace не отмотает все PostBack _и назад на предыдущую страницу не возвращается.
2 вариант . Если ModalPopUpExtender расположен вне UpdatePanel , данные в модальном окне не отображаются, сколь угодно много можно кликать по имеджбуттонам, BackSpace отрабатывает чудесно. Сразу на предыдущую страницу. Правильнее сказать - это UpdatePanel отработает так как надо, чего не делает в первом варианте.
Надеюсь не сильно заумно объяснил свою проблему. Требуется и данные прочитать и при первой необходимости вернуться на предыдущую страницу. Что бы читателя не утомлять кодом создания динамических контролов, я сделал упрощенную модель моей проблемы. Здесь представлен второй вариант. Что бы получить первый - "модальное окно" переместите в пространство <ContentTemplate> ... </ContentTemplate>

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
       <cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></cc1:ToolkitScriptManager>

        

        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                    <asp:Label ID="lblInPanel" runat="server" Text="Время внутри панели: "></asp:Label>
                    

                    <asp:Button ID="btnInPanel" runat="server" Text="Обновить UpdatePanel" />

            </ContentTemplate>
        </asp:UpdatePanel>

     <!-- Панель - модальное окно с данными -->
     <asp:Panel ID="pppData" runat="server" CssClass="popup">
        Дата: 
        

        Объем работы:<asp:TextBox ID="txtObjem" runat="server" Width="200px"></asp:TextBox>
        

        Примечание:<asp:TextBox ID="txtPrimechan" runat="server" Width="200px"></asp:TextBox>
        

        <asp:Button ID="btnOk" runat="server" Text="Ok" />
        <asp:Button ID="btnCancel" runat="server" Text="Cancel" />
     </asp:Panel>

     <asp:HiddenField ID="hfTID" runat="server" />

     <cc1:ModalPopupExtender ID="mpeModWin" runat="server"
                  PopupControlID="pppData" TargetControlID="hfTID" 
                  OkControlID="btnOk" BackgroundCssClass="content" CancelControlID="btnCancel" />



Код на VB.net

Код: vbnet
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
    Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load

        lblInPanel.Text = "Время внутри панели: " + DateTime.Now.ToLongTimeString()

    End Sub

    Protected Sub btnInPanel_Click(sender As Object, e As System.EventArgs) Handles btnInPanel.Click
         txtObjem.Text = "btnClick" + DateTime.Now.ToLongTimeString()
        mpeModWin.Show()
    End Sub



Стили
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
/*-----------------------------*/
/*   Эмитация модального окна  */
/*-----------------------------*/

/* окно для ввода данных */
.popup 
{
    border: solid;
    background-color: yellow;
    width: 400px;
}

/* полупрозрачная подложка */
.content 
{
    background-color: grey;
    filter: alpha(opacity=50);
    opacity: 0.5;
}



Надеюсь на помощь.
...
Рейтинг: 0 / 0
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / ModalPopupExtender совместно с UpdatePanel / 1 сообщений из 1, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]