[英]how to set focus to specific textbox in current gridview row after postback from textchange event
在 GridView 中获得了一系列启用回发的文本框。 当我在 txtQuantity 之一中键入一些文本并移动到 txtUnit 文本框时，它会触发 OnTextChanged 事件并执行回发以计算一些总数。 但是焦点在 txtUnit 控件上丢失了，我必须用鼠标重新选择它。 不得不这样做有点烦人，有没有办法在回发期间保持对这些控件的关注
ASPX 页面：
<asp:gridview ID="grdOrder" CssClass="table table-hover" GridLines="None"
runat="server" ShowFooter="true"
AutoGenerateColumns="false" ClientIDMode="Static"
onrowdatabound="grdOrder_RowDataBound" HeaderStyle-CssClass="gridheader">
<Columns>
<asp:TemplateField HeaderText="Product">
<ItemTemplate>
<asp:Label ID="lblProductId" runat="server" Text='<%# Eval("INVENTORY_ITEM") %>' Visible = "false" />
<asp:DropDownList ID="ddlProduct" runat="server"
ClientIDMode="Static" class="form-control input-sm"
AutoPostBack="true" onselectedindexchanged="ddlProduct_SelectedIndexChanged">
</asp:DropDownList>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Qty">
<ItemTemplate>
<asp:TextBox ID="txtQuantity" runat="server" Text='<%#Eval("QUANTITY")%>' class="form-control input-sm" Style=" text-align:right;"
ClientIDMode="Static" onkeypress = "return IsDecimal(this);" ontextchanged="txtQuantity_TextChanged" AutoPostBack="true"></asp:TextBox>
</ItemTemplate>
]
</asp:TemplateField>
</asp:TemplateField>
<asp:TemplateField HeaderText="Unit">
<ItemTemplate>
<asp:TextBox ID="txtUnit" runat="server" class="form-control input-sm" AutoPostBack="true" Text='<%#Eval("UNIT_NAME")%>'
ontextchanged="txtUnit_TextChanged" ClientIDMode="Static"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:gridview>
背后的代码：
protected void txtQuantity_TextChanged(object sender, EventArgs e)
{
TextBox txtQuantity = (TextBox)sender;
GridViewRow gridViewRow = (GridViewRow)txtQuantity.NamingContainer;
DropDownList ddlProduct = (DropDownList)gridViewRow.FindControl("ddlProduct");
Label lblGrossQuantity = (Label)gridViewRow.FindControl("lblGrossQuantity");
TextBox txtUnit = (TextBox)gridViewRow.FindControl("txtUnit");
//gridViewRow.Cells[3].FindControl("txtUnit").Focus();
txtUnit.Focus();
}
问题是因为PostBack发生在您的_TextChanged EventHandler 之后。 因此，您需要在那里捕获某些内容，并将其传递给PreRender 。 使用Session变量控制PostBack上的焦点并在Page_PreRender()访问它。
protected void txtQuantity_TextChanged(object sender, EventArgs e)
{
TextBox txtQuantity = (TextBox)sender;
GridViewRow gridViewRow = (GridViewRow)txtQuantity.NamingContainer;
DropDownList ddlProduct = (DropDownList)gridViewRow.FindControl("ddlProduct");
Label lblGrossQuantity = (Label)gridViewRow.FindControl("lblGrossQuantity");
TextBox txtUnit = (TextBox)gridViewRow.FindControl("txtUnit");
//gridViewRow.Cells[3].FindControl("txtUnit").Focus();
Session["event_control"] = ((TextBox)gridViewRow.FindControl("txtUnit"));
}
protected void Page_PreRender(object sender, EventArgs e)
{
try
{
if (Session["event_control"] != null)
{
TextBox control = (TextBox) Session["event_control"];
control.Focus();
}
}
catch (InvalidCastException inEx)
{
}
}
或者，您可以使用javascript而不是Page_PreRender
<body onload='setFocusToTextBox()'>
<script>
function setFocusToTextBox(){
document.getElementById('<%= Session["event_control"] %>').focus();
}
</script>
您在设置焦点之前看到延迟的原因是因为该文本框是您的默认焦点。 如果您不希望出现这种延迟，您可以创建一个带有默认焦点的隐藏文本框，没有人看到，他们只会看到正确的文本框获得焦点。
这应该有效
protected void txtQuantity_TextChanged(object sender, EventArgs e)
{
//Your working code
GridViewRow myRow = ((Control)sender).Parent.Parent as GridViewRow;
myRow.FindControl("txtUnit").Focus();
}
您可以将TabIndex="0"给要首先关注的 gridview 中的第一个文本框，并将TabIndex="1"给您要在回发后自动移动光标的位置
改变
<asp:TextBox ID="txtQuantity" runat="server" Text='<%#Eval("QUANTITY")%>' class="form-control input-sm" Style=" text-align:right;"
ClientIDMode="Static" onkeypress = "return IsDecimal(this);" ontextchanged="txtQuantity_TextChanged" AutoPostBack="true"></asp:TextBox>
通过
<asp:TextBox ID="txtQuantity" runat="server" Text='<%#Eval("QUANTITY")%>' class="form-control input-sm" Style=" text-align:right;"
ClientIDMode="Static" onkeypress = "return IsDecimal(this);" ontextchanged="txtQuantity_TextChanged" AutoPostBack="true" TabIndex="0"></asp:TextBox>
和
改变
<asp:TextBox ID="txtUnit" runat="server" class="form-control input-sm" AutoPostBack="true" Text='<%#Eval("UNIT_NAME")%>'
ontextchanged="txtUnit_TextChanged" ClientIDMode="Static"></asp:TextBox>
通过
<asp:TextBox ID="txtUnit" runat="server" class="form-control input-sm" AutoPostBack="true" Text='<%#Eval("UNIT_NAME")%>'
ontextchanged="txtUnit_TextChanged" ClientIDMode="Static" TabIndex="1"></asp:TextBox>
如何在不更改焦点的情况下在TextChange事件中从TextBox调用回发？
[英]How to call postback from TextBox on TextChange event without focus being changed?
当涉及回发时，如何从代码隐藏中将焦点设置为TextBox？
[英]How to set Focus to a TextBox from codebehind when there is postback involved?
如何在TextChange上将Textbox.Enabled从false设置为true？
[英]How to set Textbox.Enabled from false to true on TextChange?
GridView内部的文本框在UpdatePanel内部的textchange事件未触发
[英]Textbox Inside GridView Inside UpdatePanel textchange Event not firing
如何在回发后保持对asp文本框或任何html元素的关注
[英]How to retain focus on asp textbox or any html element) after postback
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.