OnRowEditing编辑文本框焦点
OnRowEditing Edit Textbox Focus
我要做的是,在GridView_OnRowEditing事件中,我希望将注意力集中在我正在编辑的单元格中出现的文本框上。从那里我将触发一个javascript键盘,但在做任何事情之前,我需要首先关注文本框。
这是我当前的代码:
protected void GridView_OnRowEditing(object sender, GridViewEditEventArgs e)
{
var row = GridView.Rows[e.NewEditIndex];
var gridText = (TextBox) row.Cells[5].Controls[0];
gridText.Focus();
}
编辑:
这是我的GridView标记。我不是手动设置文本框。如果要检索RowEditing事件中转换为文本框的单元格的ID,请告诉我。非常感谢。
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" AutoGenerateEditButton="True" DataKeyNames="RollNumber" DataSourceID="WoSource" HorizontalAlign="Center"
OnRowUpdating="GridView1_RowUpdating" AllowSorting="true" Visible="True" OnRowDataBound="GridView1_RowDataBound" OnRowEditing="GridView1_OnRowEditing" OnRowCancelingEdit="GridView1_OnRowCancelingEdit" Width="100%">
<Columns>
<asp:BoundField DataField="WorkOrderNo" HeaderText="WorkOrderNo" ReadOnly="True" SortExpression="WorkOrderNo" Visible="False"/>
<asp:BoundField DataField="RollNumber" HeaderText="RollNumber" ReadOnly="True" SortExpression="RollNumber" />
<asp:BoundField DataField="ModelNumber" HeaderText="ModelNumber" ReadOnly="True" SortExpression="ModelNumber" />
<asp:BoundField DataField="QtyGood" HeaderText="QtyGood" ReadOnly="True" SortExpression="QtyGood" />
<asp:BoundField DataField="QtyRun" HeaderText="QtyRun" SortExpression="QtyRun"><ControlStyle Width="100%" Height="100%" Font-Size="36px"></ControlStyle></asp:BoundField>
</Columns>
</asp:GridView>
在@okisinch的帮助下,我发现我可以做到这一点:
$('#<%=GridView1.ClientID%> :input:enabled:visible:first').focus();
$('#<%=GridView1.ClientID%> :input:enabled:visible:first').select();
这样做的好处是,我不需要找到一个文本框ID就能集中注意力。
这个链接是帮助我的资源。
编辑:发现此代码同样有效。请注意,#insideContainer是一个已经实现的jquery键盘。我想我会添加我所做的触发。
$(function () {
if ($('#<%=GridView1.ClientID%> :input:enabled:visible:first').val()) {
$('#<%=GridView1.ClientID%> :input:enabled:visible:first').focus();
$('#<%=GridView1.ClientID%> :input:enabled:visible:first').select();
$('#insideContainer').show();
} else {
$('#insideContainer').hide();
}
});
相关文章:
- 文本框焦点上的自动完成菜单
- 在文本区域的焦点上分割渐变
- 焦点输入时保持文本处于选中状态
- 无法在Chrome控制台中使用javascript将焦点和光标设置为输入文本
- 设置焦点动态创建的文本区域
- 使用 jQuery 检查文本框焦点
- 焦点新选项卡的文本区域引导程序 3 + 角度JS
- 如何在单击按钮时获得最后一个焦点文本框输入
- 将焦点设置为角度模板/路线/表单中的文本输入
- 使用jQuery在焦点上选择文本框是't在移动浏览器中工作
- 如何使用javascript将焦点设置为文本框
- 焦点事件不适用于动态生成的文本框
- 如何在隐藏的文本框上设置焦点
- 挖空 - 在焦点文本框中加倍值
- 在数字字段中选择所有焦点文本
- 点击后获取焦点文本区域id
- 如何使用jquery在焦点文本框中按键时插入符号
- 在可编辑部件中获取焦点/文本输入
- Javascript:用于选择焦点文本框内所有文本的跨浏览器解决方案
- Jquery 通过按钮自动更改焦点文本框