C# 将行添加到可编辑gridview后未显示日期选择器
我有一个可编辑的Gridview,列如下:C# 将行添加到可编辑gridview后未显示日期选择器,c#,jquery,asp.net,gridview,datepicker,C#,Jquery,Asp.net,Gridview,Datepicker,我有一个可编辑的Gridview,列如下: <asp:TemplateField HeaderText="Date" > <ItemTemplate> <asp:TextBox ID="TextBox2" runat="server" Width="160" CssClass="DateTimePicker" ></asp:TextBox> </ItemTemplate>
<asp:TemplateField HeaderText="Date" >
<ItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Width="160" CssClass="DateTimePicker" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Amt $">
<ItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" Width="160"></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<FooterTemplate>
<asp:Button ID="ButtonAdd" runat="server" Text="Add Stage" onclick="ButtonAdd_Click" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
<asp:TemplateField HeaderText="Date" >
<ItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Width="160" CssClass="DateTimePicker" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Amt $">
<ItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" Width="160"></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<FooterTemplate>
<asp:Button ID="ButtonAdd" runat="server" Text="Add Stage" onclick="ButtonAdd_Click" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
在我的gridview中,当我第一次单击日期文本框(第一行)时,日历弹出。但是,一旦我向gridview添加了一行,日历函数就不再显示
<asp:TemplateField HeaderText="Date" >
<ItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Width="160" CssClass="DateTimePicker" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Amt $">
<ItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" Width="160"></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<FooterTemplate>
<asp:Button ID="ButtonAdd" runat="server" Text="Add Stage" onclick="ButtonAdd_Click" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
这是我从代码隐藏向gridview添加新行的方式:
<asp:TemplateField HeaderText="Date" >
<ItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Width="160" CssClass="DateTimePicker" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Amt $">
<ItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" Width="160"></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<FooterTemplate>
<asp:Button ID="ButtonAdd" runat="server" Text="Add Stage" onclick="ButtonAdd_Click" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
private void AddNewRowToGrid()
{
int rowIndex = 0;
if (ViewState["CurrentTable"] != null)
{
DataTable dtCurrentTable = (DataTable)ViewState["CurrentTable"];
DataRow drCurrentRow = null;
if (dtCurrentTable.Rows.Count > 0)
{
for (int i = 1; i <= dtCurrentTable.Rows.Count; i++)
{
//extract the TextBox values
TextBox box1 = (TextBox)Gridview1.Rows[rowIndex].Cells[1].FindControl("TextBox1");
TextBox box2 = (TextBox)Gridview1.Rows[rowIndex].Cells[2].FindControl("TextBox2");
TextBox box3 = (TextBox)Gridview1.Rows[rowIndex].Cells[3].FindControl("TextBox3");
drCurrentRow = dtCurrentTable.NewRow();
drCurrentRow["RowNumber"] = i + 1;
dtCurrentTable.Rows[i - 1]["Column1"] = box1.Text;
dtCurrentTable.Rows[i - 1]["Column2"] = box2.Text;
dtCurrentTable.Rows[i - 1]["Column3"] = box3.Text;
rowIndex++;
}
dtCurrentTable.Rows.Add(drCurrentRow);
ViewState["CurrentTable"] = dtCurrentTable;
Gridview1.DataSource = dtCurrentTable;
Gridview1.DataBind();
}
}
else
{
Response.Write("ViewState is null");
}
//Set Previous Data on Postbacks
SetPreviousData();
}
private void AddNewRowToGrid()
{
int rowIndex=0;
如果(ViewState[“CurrentTable”]!=null)
{
DataTable dtCurrentTable=(DataTable)视图状态[“CurrentTable”];
DataRow drCurrentRow=null;
如果(dtCurrentTable.Rows.Count>0)
{
对于(int i=1;i$(函数(){
<asp:TemplateField HeaderText="Date" >
<ItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Width="160" CssClass="DateTimePicker" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Amt $">
<ItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" Width="160"></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<FooterTemplate>
<asp:Button ID="ButtonAdd" runat="server" Text="Add Stage" onclick="ButtonAdd_Click" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
这意味着它将命中一次。请尝试像这样使用forEach函数:
<asp:TemplateField HeaderText="Date" >
<ItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Width="160" CssClass="DateTimePicker" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Amt $">
<ItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" Width="160"></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<FooterTemplate>
<asp:Button ID="ButtonAdd" runat="server" Text="Add Stage" onclick="ButtonAdd_Click" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
$(function () {
$('.DateTimePicker').each(function () {
$(this).datepick({ dateFormat: 'dd MM yyyy' });
});
//$('.DateTimePicker').datepick({ dateFormat: 'dd MM yyyy' });
});
只有在使用UpdatePanel时才会发生这种情况
<asp:TemplateField HeaderText="Date" >
<ItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Width="160" CssClass="DateTimePicker" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Amt $">
<ItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" Width="160"></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<FooterTemplate>
<asp:Button ID="ButtonAdd" runat="server" Text="Add Stage" onclick="ButtonAdd_Click" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
现在,当您使用UpdatePanel时,每个UpdatePanel上的Dom都会发生更改,javascript需要重新初始化。现在,您需要添加新行,并进行ajax更新,因此需要重新初始化日期选择器
<asp:TemplateField HeaderText="Date" >
<ItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Width="160" CssClass="DateTimePicker" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Amt $">
<ItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" Width="160"></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<FooterTemplate>
<asp:Button ID="ButtonAdd" runat="server" Text="Add Stage" onclick="ButtonAdd_Click" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
这可以通过UpdatePanel附带的函数完成,如下所示:
<asp:TemplateField HeaderText="Date" >
<ItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Width="160" CssClass="DateTimePicker" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Amt $">
<ItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" Width="160"></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<FooterTemplate>
<asp:Button ID="ButtonAdd" runat="server" Text="Add Stage" onclick="ButtonAdd_Click" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
<script type="text/javascript">
// when dom is ready we initialize the UpdatePanel requests
$(document).ready(function () {
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);
// Place here the first init of the DatePicker
$('.DateTimePicker').datepick({ dateFormat: 'dd MM yyyy' });
});
function InitializeRequest(sender, args) {
// make unbind before update the dom, to avoid memory leaks.
$('.DateTimePicker').unbind();
}
function EndRequest(sender, args) {
// after update occur on UpdatePanel re-init the DatePicker
$('.DateTimePicker').datepick({ dateFormat: 'dd MM yyyy' });
}
</script>
//当dom就绪时,我们初始化UpdatePanel请求
$(文档).ready(函数(){
var prm=Sys.WebForms.PageRequestManager.getInstance();
prm.添加_initializeRequest(initializeRequest);
prm.add_endRequest(endRequest);
//在这里放置日期选择器的第一个init
$('.DateTimePicker').datepick({dateFormat:'dd-MM-yyyy'});
});
函数初始化请求(发送方,参数){
//在更新dom之前取消绑定,以避免内存泄漏。
$('.DateTimePicker').unbind();
}
函数EndRequest(发送方,参数){
//更新后,在UpdatePanel上重新初始化日期选择器
$('.DateTimePicker').datepick({dateFormat:'dd-MM-yyyy'});
}
类似的:
你使用UpdatePanel吗?thansk太多了-你说得对了,我使用UpdatePanel。将按照你的建议和所见进行更改!@viv\u icious小心,不要使用日期选择器的旧javascript init,只有我在这里编写的代码。这是不正确的,选择器按原样选择所有控件,并应用于所有日期拾取。每一个都很有趣如果您希望进行操纵,Action是一个助手,但在这种情况下,您什么也不做。
<asp:TemplateField HeaderText="Date" >
<ItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Width="160" CssClass="DateTimePicker" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Amt $">
<ItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" Width="160"></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<FooterTemplate>
<asp:Button ID="ButtonAdd" runat="server" Text="Add Stage" onclick="ButtonAdd_Click" />
</FooterTemplate>
</asp:TemplateField>
</Columns>