要实现这样的功能，可以使用
GridView控件的内置事件和属性。具体步骤如下：
1. 在
GridView控件中设置属性`AutoGenerateColumns="false"`，手动添加
列。
2. 为
GridView控件绑定
数据源。
3. 为
GridView控件添加事件`RowDataBound`，在事件中为每一
行的
单元格添加`onkeydown`事件。
```aspx
<asp:
GridView ID="
GridView1" runat="server" AutoGenerateColumns="false" OnRowDataBound="
GridView1_RowDataBound">
<Columns>
<asp:BoundField DataField="Name" HeaderText="Name" />
<asp:BoundField DataField="Age" HeaderText="Age" />
<asp:BoundField DataField="Gender" HeaderText="Gender" />
</Columns>
</asp:
GridView>
```
```csharp
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
// 绑定
数据源
GridView1.DataSource = GetData();
GridView1.DataBind();
}
}
protected void
GridView1_RowDataBound(object sender,
GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
// 为每一
行的
单元格添加onkeydown事件
foreach (TableCell cell in e.Row.Cells)
{
cell.Attributes.Add("onkeydown", "return MoveNextCell(event)");
}
}
}
private DataTable GetData()
{
// 模拟
数据
DataTable dt = new DataTable();
dt.Columns.Add("Name");
dt.Columns.Add("Age");
dt.Columns.Add("Gender");
dt.Rows.Add("Tom", "20", "Male");
dt.Rows.Add("Jerry", "18", "Female");
dt.Rows.Add("Alice", "22", "Female");
return dt;
}
```
4. 编写JavaScript函数`MoveNextCell`，在函数中判断按下的键是否是回车键，如果是则
获取当前
单元格的
行和
列，然后焦点移动到下一
行同一列的
单元格。
```javascript
function MoveNextCell(e) {
var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
if (keyCode == 13) { // 回车键
var currentCell = e.srcElement || e.target;
var currentRow = currentCell.parentNode.parentNode;
var currentRowIndex = currentRow.rowIndex;
var currentCellIndex = currentCell.cellIndex;
var nextRow = currentRow.nextSibling;
while (nextRow) { // 查找下一
行
if (nextRow.nodeType == 1) {
var nextCell = nextRow.cells[currentCellIndex];
if (nextCell) { // 如果存在
同一列的
单元格
nextCell.focus();
break;
}
}
nextRow = nextRow.nextSibling;
}
return false;
}
return true;
}
```
通过以上步骤，就可以实现在
GridView控件中
获取当前
单元格的焦点，按回车会
获取下一
行同一列的
单元格焦点的功能了。
6103
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
