EasyUI_Datagrid上下键编辑行,锁定编辑单元格所在的列(二)

本文介绍如何在EasyUI的Datagrid中实现上下键切换行时,保持焦点在当前编辑的单元格上,提高用户操作便捷性。通过监听onClickCell事件,记录单元格字段名,并在切换行时找到对应的editor设置焦点。注意Easyui生成的编辑器在input元素之上,需正确定位焦点。
摘要由CSDN通过智能技术生成

上一篇中介绍了DataGrid 绑定键盘上下键 选择编辑行。


这次介绍Datagrid锁定正在编辑单元格所在的列。 都是方便用户的操作。




假设商品信息全部录入好,用户需要填写数量,价格之类的,当他按上下键的时候,到另一行,焦点就没有了。

还需要手点到指定的单元格录入数据。

思路:

当用户单击单元格时候,会触发DataGrid 的onClickCell(index,field,value)事件。

我们需要在单击单元格的时候,把field字段名给存下来,编辑的时候,通过当前行索引和单元格名称(field)

找到对应生成的editor(textbox,combobox...),然后将焦点放到它上面。

代码:

getEditor:获取datagrid生成的editor编辑器

renderTo:渲染的datagrid的ID

selRowIn

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值