easyui开发框架中,datagrid数据表格的editor单元格,通过指定keyup事件,如下:numEditor.target.keyup,在keyup事件中如何获取numEditor对象自身输入的值?
时间: 2024-09-12 14:04:17 浏览: 45
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
在easyui的datagrid中,如果你想在keyup事件中获取编辑单元格(editor)的值,你可以通过事件对象获取到触发事件的元素,并对其进行操作。在easyui的编辑模式下,当单元格处于编辑状态时,会有一个隐藏的input元素用来接收用户的输入。因此,你可以使用jQuery来获取这个input元素的值。
以下是一个示例代码片段,展示了如何在keyup事件中获取编辑单元格的值:
```javascript
// 假设numEditor是你定义的editor,绑定keyup事件
$('#your-grid-id').datagrid({
// 其他配置...
onEdit: function(index, row) {
// 当单元格进入编辑模式时,设置editor
$('#your-grid-id').datagrid('beginEdit', index);
},
onBeforeUpdate: function(index, row) {
// 在单元格编辑完成前,绑定keyup事件
$('#your-grid-id').find('.grid-edit-input').bind('keyup', function(e) {
// 获取编辑器输入的值
var inputValue = $(this).val();
// 此处可以对inputValue进行操作,例如验证等
// ...
});
},
// 其他配置...
});
```
在上述代码中,`.grid-edit-input`是easyui在单元格编辑时创建的隐藏input元素的默认类名。你需要根据实际情况调整选择器,确保它能正确匹配到当前编辑状态的input元素。然后通过`$(this).val()`就可以获取到输入的值。
阅读全文