VPF::Modal Popup + Calendar - Форум программистов

afanp

Дата 10.5.2010, 18:00 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 147
Регистрация: 25.11.2008

Репутация: нет
Всего: нет

В popup окошке появляется компонент calendar

Код


  <asp:Panel ID="Panel1" 
                            style =" position :absolute; left : 295px; top : 184px; height: 215px; width: 200px;" 
                            runat="server">
                    
                 <asp:Calendar ID="Calendar1" 
                                    runat="server" BackColor="White"  BorderColor="#999999" CellPadding="4" 
                                    DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" 
                                    Height="180px" Width="200px">
                                     <SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />
                                    <SelectorStyle BackColor="#CCCCCC" />
                                     <WeekendDayStyle BackColor="#FFFFCC" />
                                    <TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" />
                                     <OtherMonthDayStyle ForeColor="#808080" />
                                    <NextPrevStyle VerticalAlign="Bottom" />
                                    <DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" />
                                    <TitleStyle BackColor="#999999" BorderColor="Black" Font-Bold="True" />
                                </asp:Calendar>
                                 
                                <asp:RadioButton ID="OkButton"  Text = "Ok" runat="server" 
                        oncheckedchanged="OkButton_CheckedChanged" />
                    <asp:RadioButton ID="CancelButton" Text="Cancel" runat="server" />
                </asp:Panel>

Использую готовое окошко из AjaxControlToolkit. При установке свойства DropShadow = true, оно почему то не отображается визуально.
Также необходимо сделать чтобы окошко закрывалось только при нажатии кнопок cancel или ok, но вот к сожалению у меня не получается, буду рад помощи

afanp

Дата 15.5.2010, 10:21 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 147
Регистрация: 25.11.2008

Репутация: нет
Всего: нет

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

afanp

Дата 15.5.2010, 11:35 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 147
Регистрация: 25.11.2008

Репутация: нет
Всего: нет

Код


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Untitled Page</title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />    
    <script type="text/javascript">
    var styleToSelect;
    function onOk() {
    document.getElementById('Paragraph1').className = styleToSelect;
    }
    </script>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager2" runat="server">
        </asp:ScriptManager>
        
       <p id="Paragraph1">
       <a href="http://joeon.net"><span style="color: #3366cc">Joe Stagner</span></a>,
       a member of the Microsoft product team, builds a CascadingDropDown sample application
       that demonstrates two fundamental benefits of AJAX-enabled web applications, namely
       web service integration and asynchronous page updates.
       </p>
       <asp:LinkButton ID="LinkButton"  runat="server">Please click to select an alternate text style.</asp:LinkButton><br />



             
        <ajaxToolkit:ModalPopupExtender  ID="ModalPopupExtender1" runat="server" 
        TargetControlID="LinkButton" PopupControlID="Panel1" BackgroundCssClass="modalBackground" 
        DropShadow="true" OkControlID = "OkButton" OnOkScript="onOk()" CancelControlID = "CancelButton">
        </ajaxToolkit:ModalPopupExtender>
        
    <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Width="233px">
   <p>Choose the style you would like:</p>
   <input id="Radio1" name="Radio" onclick="styleToSelect = 'sampleStyleA';" type="radio" />
   <label class="sampleStyleA" for="RadioA">Choose THIS Style.</label><br />
   <input id="Radio2" name="Radio" onclick="styleToSelect = 'sampleStyleB';" type="radio" />
   <label class="sampleStyleB" for="RadioB">Choose THIS Style.</label><br />
   <input id="Radio3" name="Radio" onclick="styleToSelect = 'sampleStyleC';" type="radio" />
   <label class="sampleStyleC" for="RadioC">Choose THIS Style.</label><br />
   <input id="Radio4" name="Radio" onclick="styleToSelect = 'sampleStyleD';" type="radio" />
   <label class="sampleStyleD" for="RadioD">Choose THIS Style.</label><br />
   <br />
   <div align="center">
      <asp:Button ID="OkButton" runat="server" Text="OK" />
      <asp:Button ID="CancelButton" runat="server" Text="Cancel" />
   </div>
   </asp:Panel>
    </div>
    </form>
</body>
</html>

Попробовал запустить код с одного из уроков по AjaxToolKit, так тут компонент не появляется совсем

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Разработка под ASP.NET \| Следующая тема »