Ajax Toolkit Calendar Extenderは、選択後に2回ポップアップします。

Question

私は非常に奇妙な問題を抱えています。私はAjax Toolkit Calendar Extenderを使用しています。 Update Panel - > ListView - > TextBox（AutoPostBack = Yes）があります。 ボックスに入力すると、dbに更新され、updatepanel.update（）の背後にあるコードを使用して更新パネルが実行されます。これは正常に動作します。だから私はAjax Calendar Extenderを使用してテキストボックスのターゲットコントロールIDを呼び出すために、テキストフィールドにカレンダーを入れたいと思います。そこにいると、テキストボックスをクリックしてカレンダーをポップアップし、日付とテキストボックスを新しい日付に変更しますdbとpostbacksの更新が問題になるが、カレンダーはポストバックの後に再度ポップアップ表示される。私は最初に日付を選択した後にその気まぐれなカレンダーを隠す方法が必要です。

<asp:TextBox ID="txtDespatchDate" runat="server" CssClass="tblDespContTxtLst" Text='<%# Eval("DescDespatchDate") %>' Width="70px" AutoPostBack="True" OnTextChanged="updDespatchLine" AutoComplete="Off" /> 

<ajaxToolkit:CalendarExtender ID="calDespatchDate" runat="server" CssClass="Calendar" Format="dd/MM/yyyy" PopupPosition="BottomLeft" TargetControlID="txtDespatchDate" /> 

Answer 1

私は長い時間前にこれを考え出し、およびサーバーと私はAJAXエクステンダを使用して、それを回避するcouldntのすべてとやってポストバック上にあるので、私はjQueryのを使用する必要があり、私はこのような何かをしました。

コードの後ろ

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 
    ScriptManager.RegisterStartupScript(NameOfUpdatePanel, Me.GetType, "SuperCalendar", "$(function() { 
     $('.Calendar').datepicker({ dateFormat: 'dd/mm/yy'}); });", True) 
End Sub 

ASPページ

<asp:UpdatePanel ID="NameOfUpdatePanel" runat="server" UpdateMode="Conditional"> 
    <ContentTemplate> 
     <asp:TextBox ID="txtBox1" runat="server" CssClass="Calendar" /> 
    </ContentTemplate> 
</asp:UpdatePanel> 

あなたが好きなあなたのページの一番上に最新のjQueryのヘッダを追加する必要があります。

あなたがしなければならないのは、日付ポップアップが必要なときだけ、カレンダークラスを追加するだけです。

CssClass="SomeTextBoxClass Calendar" 

ポップバック後に問題が発生することはもうありません。