Ajax Control Toolkit CalendarExtender не закрывается при нажатии тела формы

Question

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

Вот код:

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>


<asp:TextBox ID="txtTest" runat="server" /><img runat="server" alt="Calendar" id="imgCalFrom" align="absmiddle" border="0" height="16" src="/global/images/glo_btn_cal.gif" width="21"/>
    <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtTest" PopupButtonID="imgCalFrom">
    </asp:CalendarExtender>

Answer 1

Не используйте <img .,. />. Вместо этого используйте <input type="image" .../>. Или вы можете использовать <asp:ImageButton runat="Server" .../>. Это исправит вашу проблему.

Answer 2

Существует некоторая проблема в наборе инструментов, которая не позволяет ему работать с asp: Image, но работает как ожидается с asp: ImageButton. Он должен закрыть окно выбора, если вы щелкнете за его пределами.

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

Answer 3

Удалите PopupButtonID = "imgCalFrom" из расширителя. Это должно исправить это. Этот PopupButtonID назначает функцию обратного вызова кнопки. Вы должны щелкнуть изображение еще раз или выбрать дату, чтобы закрыть календарь.