2

我正在开发一个使用 USB 条形码扫描仪的简单 ASP.NET C# 应用程序。我有一个详细信息视图,默认为插入,底部有一个提交按钮。当页面加载时,表单从 URL 中获取 ID 并将其输入到第一个字段,然后将光标焦点设置到第二个字段。

默认情况下,USB 扫描仪会输入其扫描的数字,然后按 Enter 键。我想在其中放置一个处理程序,基本上说如下:

  • 如果光标在 textbox2 中并按下 Enter 键,则将数据保留在 textbox2 中并将光标移动到 textbox3。
  • 如果光标在 textbox3 中并按下 Enter 键,则将数据保留在 textbox3 中并点击提交按钮。

这个想法是,用户可以连续扫描 3 或 4 个条形码,填写表单中的每个文本框,而无需 A)每次触发提交按钮,以及 B)不必在扫描之前单击每个字段(如果我禁用输入键)。

这是我的代码的开头,它从 URL 中获取 ID 并填充 textbox1,然后将焦点设置为 textbox2。

protected void DetailsView1_DataBound(object sender, EventArgs e)
    {
        if (DetailsView1.CurrentMode == DetailsViewMode.Insert)
        {
            if (!string.IsNullOrEmpty(Request.QueryString["id"]))
            {
                    TextBox tbox1 = DetailsView1.FindControl("TextBox1") as TextBox;
                    TextBox tbox2 = DetailsView1.FindControl("TextBox2") as TextBox;
                    if (tbox != null)
                    {
                        tbox.Text = Request.QueryString["id"].ToString();
                    }
                    SetFocus(tbox2);
            }
        }
    }
4

1 回答 1

2

但我认为输入流程已经有效,不是吗?为什么不只使用 JQuery 为文本框添加流?

$('#TextBox1').keydown(function(e) {
   var code = (e.keyCode ? e.keyCode : e.which); // Crossbrowser fix
   if(code === 13) {          //If Enter keycode
     $('#TextBox2').focus(); // Set focus to second textbox
     e.preventDefault();     // Prevent that the enter does a submit
   }
});

如果输入流程不起作用,您可以为表单配置此项。

于 2013-02-26T20:51:44.767 回答