如何在我单击的文本框下方弹出Ajax日历 [英] How Do I Make Ajax Calendar To Popup Below The Textbox I Clicked
本文介绍了如何在我单击的文本框下方弹出Ajax日历的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我开发了一个包含10行和一些可编辑列的网格，我创建了一个列，通过ajax日历控件输入日期。但是当我滚动我的网格时，任何texbox的日历都没有到位。下面是我的设计代码可以任何人纠正我或给出任何解决方案吗？
I have developed a grid with 10 rows with some editable columns and i have created a column to enter date through ajax calendar control. But when i scroll my grid the calendar for any of the texbox does not come in position. below is my design code can any one correct me or give any solution for this ?
<td colspan="14" >
<div style="overflow-y:scroll;overflow-x:hidden;height:300px;removed:relative">
<asp:GridView ID="GridView_AddTaskDtls" runat="server" Width="1050px"
Height="10px" AutoGenerateColumns="False"
AllowPaging="false" BorderStyle="None" ForeColor="Black" BorderWidth="0px" DataKeyNames="Pk_id"
HeaderStyle-HorizontalAlign="left" RowStyle-CssClass="RowText" OnRowDataBound="GridView_AddTaskDtls_RowDataBound"
CssClass="datatable" OnRowCommand="GridView_AddTaskDtls_RowCommand" UseAccessibleHeader="true" ShowHeader="true">
<HeaderStyle HorizontalAlign="Left" CssClass="static-header" ></HeaderStyle>
<RowStyle/>
<Columns>
<asp:TemplateField HeaderText="Phase *" ControlStyle-Width="200px" HeaderStyle-Width="200px">
<ItemTemplate>
<asp:DropDownList ID="ddl_Phase" ToolTip="Select Task Phase" runat="server" AutoPostBack="true"
OnSelectedIndexChanged="ddl_Phase_SelectedIndexChanged" >
</asp:DropDownList>
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="105px" />
<HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px" />
<ItemStyle Wrap="false" />
</asp:TemplateField>
<asp:TemplateField HeaderText="Task Name *(Max 100 characters)" ControlStyle-Width="250px" >
<ItemTemplate>
<asp:TextBox ID="txt_TaskName" ToolTip="Enter Task Name" runat="server" ></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="165px" />
<HeaderStyle HorizontalAlign="Center" Wrap="false" Width="250px"/>
<ItemStyle />
</asp:TemplateField>
<asp:TemplateField HeaderText="Planned Start Date *" ControlStyle-Width="200px">
<ItemTemplate>
<asp:TextBox ID="txt_PStartDate" ToolTip="Select Task Planned Start Date" runat="server"
></asp:TextBox>
<cc1:CalendarExtender ID="CalendarExtender1" Format="dd/MM/yyyy" TargetControlID="txt_PStartDate"
runat="server" />
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="165px" />
<HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px" />
<ItemStyle Wrap="false" />
</asp:TemplateField>
<asp:TemplateField HeaderText="Planned End Date *" ControlStyle-Width="200px">
<ItemTemplate>
<asp:TextBox ID="txt_PEndDate" ToolTip="Select Task Planned End Date" runat="server"
></asp:TextBox>
<cc1:CalendarExtender ID="CalendarExtender2" Format="dd/MM/yyyy" TargetControlID="txt_PEndDate"
runat="server" />
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="165px" />
<HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px"/>
<ItemStyle Wrap="false"/>
</asp:TemplateField>
<asp:TemplateField HeaderText="Task Status" ControlStyle-Width="200px" >
<ItemTemplate>
<asp:TextBox ID="txt_TaskStatus" ReadOnly="true" Enabled="false" Text="OPEN" runat="server"
></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="165px" />
<HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px" />
<ItemStyle Wrap="false" />
</asp:TemplateField>
<asp:TemplateField HeaderText="Task Allocated To *" ControlStyle-Width="200px" >
<ItemTemplate>
<%--<asp:DropDownList ID="DDL_AllocatedTo" ToolTip="Select Task Allocated User Name" runat="server" Width="150px">
</asp:DropDownList>--%>
<cc1:ComboBox ID="DDL_AllocatedTo" runat="server" DropDownStyle="DropDownList" AutoCompleteMode="SuggestAppend"
CaseSensitive="false" RenderMode="Block" AutoPostBack="false" >
<asp:ListItem Text="White"></asp:ListItem>
</cc1:ComboBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="208px" />
<HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px"/>
<ItemStyle Wrap="false" />
</asp:TemplateField>
<asp:TemplateField HeaderText="External" ControlStyle-Width="200px" >
<ItemTemplate>
<asp:TextBox ID="txt_External" ToolTip="fill External Name if Required" runat="server"
></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="100px" />
<HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px"/>
<ItemStyle Wrap="false" />
</asp:TemplateField>
<asp:TemplateField HeaderText="Upload File">
<ItemTemplate>
<asp:FileUpload ID="txt_ConceptNote" runat="server" ToolTip="Upload Document" />
<asp:Button ID="Btn_Attach" ToolTip="Attach File" runat="server" Text="Attach"
OnClick="Btn_Attach_Click" />
<asp:Label ID="Lbl_FileAttach" runat="server" ForeColor="Red"></asp:Label>
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="300px" />
<HeaderStyle HorizontalAlign="Center" Wrap="False" Width="300px"/>
<ItemStyle Wrap="false" HorizontalAlign="Left" Width="300px"/>
</asp:TemplateField>
<asp:TemplateField HeaderText="Task Description *" ControlStyle-Width="200px" >
<ItemTemplate>
<asp:TextBox ID="txt_TaskDesc" ToolTip="Enter Task Description (Max Length 1000 Character)"
runat="server" ></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="150px" />
<HeaderStyle HorizontalAlign="Center" Wrap="False" Width="250px"/>
<ItemStyle Wrap="false" />
</asp:TemplateField>
<asp:TemplateField HeaderText="Approval Req." ControlStyle-Width="100px" >
<ItemTemplate>
<asp:RadioButton ID="Chk_Yes" runat="server" GroupName="Apprval" Text="Yes" OnCheckedChanged="Chk_Yes_CheckedChanged"
AutoPostBack="true" />
<asp:RadioButton ID="Chk_No" runat="server" GroupName="Apprval" Text="No" OnCheckedChanged="Chk_No_CheckedChanged"
AutoPostBack="true" />
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="100px" />
<HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px"/>
<ItemStyle Wrap="false" Width="200px"/>
</asp:TemplateField>
<asp:TemplateField HeaderText="Approval 1" ControlStyle-Width="200px" >
<ItemTemplate>
<%--<asp:DropDownList ID="DDL_Approval1" runat="server" ToolTip="Select Approval 1 User Name" Width="150px">
</asp:DropDownList>--%>
<cc1:ComboBox ID="DDL_Approval1" runat="server" DropDownStyle="DropDownList" AutoCompleteMode="SuggestAppend"
CaseSensitive="false" RenderMode="Block" AutoPostBack="false" >
<asp:ListItem Text="White"></asp:ListItem>
</cc1:ComboBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="100px" />
<HeaderStyle HorizontalAlign="Center" Wrap="False" Width="150px" />
<ItemStyle Wrap="false"/>
</asp:TemplateField>
<asp:TemplateField HeaderText="Approval 2" ControlStyle-Width="200px" >
<ItemTemplate>
<%--<asp:DropDownList ID="DDL_Approval2" runat="server" ToolTip="Select Approval 2 User Name" Width="150px">
</asp:DropDownList>--%>
<cc1:ComboBox ID="DDL_Approval2" runat="server" DropDownStyle="DropDownList" AutoCompleteMode="SuggestAppend"
CaseSensitive="false" RenderMode="Block" AutoPostBack="false">
<asp:ListItem Text="White"></asp:ListItem>
</cc1:ComboBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="100px" />
<HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px"/>
<ItemStyle Wrap="false" />
</asp:TemplateField>
<asp:TemplateField HeaderText="Approval 3" ControlStyle-Width="200px" >
<ItemTemplate>
<%--<asp:DropDownList ID="DDL_Approval3" runat="server" ToolTip="Select Approval 3 User Name" Width="150px">
</asp:DropDownList>--%>
<cc1:ComboBox ID="DDL_Approval3" runat="server" DropDownStyle="DropDownList" AutoCompleteMode="SuggestAppend"
CaseSensitive="false" RenderMode="Block" AutoPostBack="false" >
<asp:ListItem Text="White"></asp:ListItem>
</cc1:ComboBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Center" Width="100px" />
<HeaderStyle HorizontalAlign="Center" Wrap="False" Width="250px" />
<ItemStyle Wrap="false" />
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</td>推荐答案
you can switch the
you can switch the
CalendarExtender by
RadDatePicker and use
PopupDirection property in this control.
this AJAX control also.
property in this control.
this AJAX control also.
这篇关于如何在我单击的文本框下方弹出Ajax日历的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
