如何将jQuery日期选择器应用到文本框在GridView控件在母版 [英] How to apply jquery datepicker to textbox in gridview in masterpage
本文介绍了如何将jQuery日期选择器应用到文本框在GridView控件在母版的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我的网格视图在更新面板,以网格视图有与文本框多行,我有安排code以这样的方式,当我点击链接按钮,网格视图的行会增加,但问题是,当我想jQuery的日期选择器适用于txtDate文本框,其工作第一行文本框,但是当我点击链接按钮,网格视图中的行增加,日期选择器功能不能正常工作....
在这里,我的code是..
I have grid view in update panel, in grid view there are multiple rows with textboxes, I have arrange the code in such a way that when i click on link button , the rows of the grid view will increase, but problem is that when i want to apply jquery datepicker to txtDate textbox, its working for first row text box , but when i click on link button as rows increases in grid view , the date picker functionality is not working.... Here my code is..
<script type="text/javascript">
$(document).ready(function () {
$("[id$=txtDate]").datepicker();
});
</script>
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Path="~/Scripts/jquery-2.0.3.js" />
<asp:ScriptReference Path="~/Scripts/jquery-ui-1.10.3.js" />
</Scripts>
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" >
<ContentTemplate>
<asp:gridview ID="Gridview1" runat="server" ShowFooter="True" AutoGenerateColumns="False" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3">
<Columns>
<asp:BoundField DataField="RowNumber" HeaderText="Row Number" />
<asp:TemplateField HeaderText="First Name">
<ItemTemplate>
<asp:TextBox ID="txtFirstName" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Last Name">
<ItemTemplate>
<asp:TextBox ID="txtLastName" runat="server"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Date">
<ItemTemplate>
<asp:TextBox ID="txtDate" runat="server" AutoPostBack="true">
</asp:TextBox>
</ItemTemplate></asp:TemplateField>
</Columns>
</asp:gridview>
<asp:LinkButton ID="lnkMore" runat="server" Text="More(>>)" OnClick="lnkMore_Click"></asp:LinkButton>
<asp:LinkButton ID="lnkLess" runat="server" Text="Less(<<)" OnClick="lnkLess_Click"></asp:LinkButton>
</ContentTemplate></asp:UpdatePanel>
请帮我..
推荐答案
这是解决方案。
<script type="text/javascript">
$(function () {
$('.date').datepicker();
});
</script>
<asp:ScriptManager ID="scm1" runat="server">
</asp:ScriptManager>
<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(getme);
function getme() {
$('.date').datepicker();
}
</script>
<asp:UpdatePanel ID="up1" runat="server">
<ContentTemplate>
<asp:gridview ID="Gridview1" runat="server" ShowFooter="True" AutoGenerateColumns="False" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" >
<Columns>
<asp:TemplateField HeaderText="Date">
<ItemTemplate>
<asp:TextBox ID="txtDate" runat="server" class="date" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</ContentTemplate></asp:UpdatePanel>
这篇关于如何将jQuery日期选择器应用到文本框在GridView控件在母版的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文