работа с всплывающим окном Ajax

Question

хорошо, мне нужно всплывающее окно для выбора даты и времени ... но у меня возникли некоторые проблемы ...

я использовал первое модальное всплывающее окно (ajax) для всплывающего окна ...

, который работает, но не выглядит аккуратно ...

тогда я помещаю текстовое поле в него с помощью расширителя каландра ...

проблема здесь, когда я нажимаю на всплывающее окно с календарем текстового поляно, похоже, это не работает, потому что ничего не выбирается ... не знаю почему ...

вот мой код ... если у кого-то есть какие-либо предложения, пожалуйста .....

мой код:

 <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<asp:Button ID="Button1" runat="server" Text="Button" />

<asp:Panel ID="Panel1" runat="server" CssClass="ModalWindow" style="display:none;" >  

<asp:TextBox ID="TextBox2" runat="server" Width="200px"></asp:TextBox>
<cc1:CalendarExtender ID="CalendarExtender2" runat="server" PopupPosition="Right" PopupButtonID="TextBox2"
TargetControlID="TextBox2" Format="dddd, MMMM dd, yyyy">
 </cc1:CalendarExtender>  
    <asp:TextBox runat="server" ID="txtHour"></asp:TextBox>
  <cc1:NumericUpDownExtender ID="txtHour_NumericUpDownExtender" runat="server"  Enabled="True" Maximum="12" Minimum="1" TargetControlID="txtHour" Width="70"></cc1:NumericUpDownExtender>

   <asp:TextBox runat="server" ID="txtMinute"></asp:TextBox>
   <cc1:NumericUpDownExtender ID="txtMinute_NumericUpDownExtender" runat="server" Enabled="True" Maximum="60" Minimum="1"  TargetControlID="txtMinute" Width="70"></cc1:NumericUpDownExtender>

   <asp:TextBox runat="server" ID="txtDayPart"></asp:TextBox>
   <cc1:NumericUpDownExtender ID="txtDayPart_NumericUpDownExtender" runat="server" Enabled="True" RefValues="AM;PM" TargetControlID="txtDayPart" Width="70"></cc1:NumericUpDownExtender>


    <br /><br /> 
     <asp:Button ID="btnOk" runat="server" Text="Ok" /> 
    <asp:Button ID="btnClose" runat="server" Text="Close Me" /> 
   </asp:Panel> 

   <cc1:ModalPopupExtender 
    BackgroundCssClass="modalBackground" 
    DropShadow="true" 
    OkControlID="btnOk" 
    CancelControlID="btnClose" 
   runat="server" 
   PopupControlID="Panel1" 
   id="ModalPopupExtender1" 
    TargetControlID="Button1" /> 

спасибо

Я не могу использовать Jquery для этого ... но только поэтому календарь работает с modalpopup

В IEстрелки для перемещения месяцев не работают, и в Mozilla ничего не выбирается в каландре ... пожалуйста, помогите ...

Answer 1

Я запустил это, и он, кажется, работает нормально - появляется модальное всплывающее окно, я могу выбрать дату, используя календарь, и оно заполняет текстовое поле.

Что касается всплывающего окна "выглядит не очень аккуратно", я бы предположил, что оно относится к классу ModalWindow, который вы определили.

Можете ли вы уточнить ошибку? Вы получаете какие-либо ошибки JavaScript вообще?

Вы пытаетесь заполнить Label1? Если это так, вам нужно добавить вызов функции к атрибуту OnOkScript ModalPopupExtender, примерно так:

function populateLabel() 
{
document.getElementById("<%= Label1.ClientID %>").innerHTML = document.getElementById("<%= TextBox2.ClientID %>").value;
}