Ajax Calendar Extender Управление несколькими всплывающими кнопками - PullRequest
0 голосов
/ 21 марта 2012

Я хотел бы открыть всплывающее окно календаря как при нажатии кнопки изображения, так и при фокусировке текстового поля «txtstartdate».Пожалуйста, помогите.

<asp:TextBox ID="txtStartDate" runat="server" Enabled="false" CssClass="dateBoxWidth TPRValue" Text='<%#DataBinder.Eval(Container.DataItem, "StartDate", "{0:ddd MMM dd, yyyy}")%>'></asp:TextBox>

<asp:ImageButton ID="imgBtnStartDate" runat="server" ImageUrl="~/Common/Images/Calendar.GIF" CausesValidation="false" ImageAlign="AbsMiddle" />

<ajax:CalendarExtender ID="StartDateCalendar" TargetControlID="txtStartDate" PopupButtonID="imgBtnStartDate" runat="server" Format="ddd MMM dd, yyyy" OnClientDateSelectionChanged="onStartDateChanged"></ajax:CalendarExtender>

1 Ответ

2 голосов
/ 20 апреля 2012

Попробуйте это:

<asp:TextBox ID="txtStartDate" onFocus="javascript:document.getElementById('imgBtnStartDate').click();" runat="server" Enabled="false" CssClass="dateBoxWidth TPRValue" Text='<%#DataBinder.Eval(Container.DataItem, "StartDate", "{0:ddd MMM dd, yyyy}")%>'        ></asp:TextBox>

<asp:ImageButton ID="imgBtnStartDate" runat="server" ImageUrl="~/Common/Images/Calendar.GIF" CausesValidation="false" ImageAlign="AbsMiddle" />

<ajax:CalendarExtender ID="StartDateCalendar" TargetControlID="txtStartDate" PopupButtonID="imgBtnStartDate" runat="server" Format="ddd MMM dd, yyyy" OnClientDateSelectionChanged="onStartDateChanged"></ajax:CalendarExtender>

В элемент управления TextBox добавьте событие

onFocus="javascript:document.getElementById('imgBtnStartDate').click();"

Надеюсь, это решит ...

Если вы используете jQuery, лучше этот:

onFocus="javascript:$('#imgBtnStartDate').click();"
...