WebGrid是一款功能强大的表格控件,该表格控件为了能更方便客户对表格进行操作,默认提供了很多常用的快捷键,通过这些快捷键可以进行表格数据的换行,移动到下一个单元格以及其他操作。默然情况下
WebGrid按下 "EnterKey"会使单元格进入编辑状态,但是有些时候客户习惯按下 "EnterKey"键时切换到同列的下一行的单元格,那么要怎么实现该功能呢?
WebGrid为开发人员提供了OnEditKeyDown客户端事件,通过该事件开发人员可以对快捷键的默认功能进行修改设置,具体可以参考下面的部分代码:
1.在表格控件提供的Initialize Layout服务端事件里调用OnEditKeyDown客户端事件
private void
WebGrid1_InitializeLayout(object sender, ISNet.WebUI.
WebGrid.LayoutEventArgs e)
{
// Attach a client side event on 'OnEditKeyDown' event
e.Layout.ClientSideEvents.OnEditKeyDown = "HandleEditKeyDown";
}
2.在客户端事件里修改"EnterKey"的默认功能
function HandleEditKeyDown(gridId)
{
var grid = wg_States[gridId];
var ac = grid.getActiveEditCell();
if (ac.rowElement.type == "NewRow")
{
if (event.keyCode == 13) // If Enter key is pressed
event.keyCode = 9; // change it to Tab
}
return true; // continue default processing.
}