Question

我想打開圖像按鈕onclick和文本框「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> 

Answer 1

試試這個：

<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();"