AjaxControlToolKit - ModalPopupExtender avec Calendar
Bonjour,
Dans une ModalPopup, je souhaiterai afficher un calendrier sur un champs via un PopupControlExtender :
Code:
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 35 36 37 38 39 40 41 42 43
| <form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<br />
<asp:LinkButton ID="LinkButton1" runat="server">Nouveau</asp:LinkButton>
<div>
<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none" Width="233px">
<label>Nom du service :</label><br />
<asp:TextBox ID="tbNomService" runat="server" />
<label>Date :</label><br />
<asp:TextBox ID="tbDate" runat="server" /><br />
<asp:Panel ID="pnlCalendar" runat="server" >
<asp:UpdatePanel ID="up1" runat="server">
<ContentTemplate>
<asp:Calendar ID="c1" runat="server" OnSelectionChanged="c1_SelectionChanged" />
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
<cc1:PopupControlExtender ID="pce1" runat="server"
TargetControlID="tbDate" PopupControlID="pnlCalendar" Position="Bottom" />
<div align="center">
<asp:Button ID="OkButton" runat="server" Text="OK" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
</div>
</asp:Panel>
<br />
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="LinkButton1"
PopupControlID="Panel1"
BackgroundCssClass="modalBackground"
DropShadow="true"
OkControlID="OkButton"
OnOkScript="onOk()"
CancelControlID="CancelButton" />
</div>
</form> |
Et le script :
Code:
1 2 3 4 5 6
| <script runat="server">
Protected Sub c1_SelectionChanged(ByVal sender As Object, ByVal e As EventArgs)
Dim pce As PopupControlExtender = AjaxControlToolkit.PopupControlExtender.GetProxyForCurrentPopup(Page)
pce.Commit(CType(sender, Calendar).SelectedDate.ToShortDateString())
End Sub
</script> |
Mais lorsque le calendrier s'affiche je ne peux pas sélectionner de date.
Comment pourrai-je résoudre ce problème ?
Par avance merci