Question

使用VS2013我正在创建一个网站来收集平板电脑上的一些数据（使用IE）。我不想使用平板电脑键盘，所以我用asp按钮创建了一个数字板。我需要知道哪个文本框有焦点才能将文本更改为单击按钮的值。

这是我的问题 - 文本框是在gridview模板字段内动态创建的，当每行都是数据绑定时也是动态创建的。因此，aspx页面中不存在字段和控件。

在单击按钮之前，我无法弄清楚如何确定选择了哪个文本框。我相信这需要使用js或jquery在客户端完成，但我以前从未使用过这些。

我需要一个脚本，将点击的数字插入最近选中的文本框中。

Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
    If (Not IsPostBack) Then  
        tfield = New TemplateField()
        tfield.HeaderText = "Count"
        GridView1.Columns.Add(tfield)

        Dim GhostTable As New DataTable
        GhostTable.Columns.Add(New DataColumn("Count"))

        'Initialize table with 1 blank row
        Dim blankRow As DataRow = GhostTable.NewRow()
        GhostTable.Rows.Add(blankRow)

        'Makes the gridview reflect the GhostTable (currently 1 blank row)
        GridView1.DataSource = GhostTable
        GridView1.DataBind()
    Else
        'Occurs on every postback
        GridView1.DataSource = Session("GhostTable")
        GridView1.DataBind()
    End If
End Sub

Protected Sub OnRowDataBound(sender As Object, e As GridViewRowEventArgs) Handles GridView1.RowDataBound
    'Handles databinding of each gridview1 row and adds the textboxes to the template fields
    If e.Row.RowType = DataControlRowType.DataRow Then
        Dim tbxCount As New TextBox()
        tbxCount.ID = "tbxCount"
        tbxCount.Text = TryCast(e.Row.DataItem, DataRowView).Row.Item("Count").ToString()
        tbxCount.Width = 100
        tbxCount.Height = 61
        tbxCount.Font.Size = 36
        e.Row.Cells(5).Controls.Add(tbxCount)
    End if
End sub

Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
    'Determine which of the gridview row's "tbxCount" was focused and insert the number 1
    'preferably this would happen on the client side?
End Sub

对不起，大家都这么久了。只是想确保我提供了足够的信息。

Answer 1

以下是一个独立的示例，说明如何处理文本框的onfocus事件，在事件发生时将文本框分配给变量，以及在单击按钮时操纵最后一个聚焦文本框的内容。

var lastTbox;在页面加载时定义一个全局变量，因此它不在函数中。

<html><body>
<script>

    var lastTbox;

    function focusFunction(val){

        lastTbox = val;
    }

    function buttonClick(){

        lastTbox.value = "text";
}

</script>

<input type="text" id="tbox1" onfocus="focusFunction(this)">
<input type="text" id="tbox2" onfocus="focusFunction(this)">
<input type="button" onclick="buttonClick()">

</body></html>

单击按钮可更改动态生成的聚焦文本框中的文本

1 个答案: