easyui开发框架中,datagrid数据表格中定义了两个edit列,第一个列为field: ‘OutStockQty’,第二个列为field: ‘OutStockWeight’,怎么绑定这两个单元格的KeyUp事件?
时间: 2024-09-12 22:03:32 浏览: 38
EasyUI中的dataGrid的行内编辑
在easyui中,要为DataGrid中的特定列绑定事件,需要先为该列设置一个id,然后使用jQuery来绑定事件。以下是绑定keyup事件的步骤:
1. 首先,在定义DataGrid时,为edit列指定一个id:
```javascript
$('#dataGrid').datagrid({
columns: [[
{field: 'OutStockQty', title: '出库数量', width: 80, editor: {
type: 'numberbox',
options: {
min: 0,
// 其他配置项...
}
}, id: 'outStockQty'},
{field: 'OutStockWeight', title: '出库重量', width: 80, editor: {
type: 'numberbox',
options: {
min: 0,
// 其他配置项...
}
}, id: 'outStockWeight'}
]]
// 其他DataGrid配置项...
});
```
2. 然后,使用jQuery来为这两个列绑定keyup事件:
```javascript
$(document).ready(function(){
$('#outStockQty, #outStockWeight').on('keyup', function(){
// 获取触发事件的元素的id
var columnId = $(this).attr('id');
// 根据id判断是哪一个列,并进行相应的操作
if(columnId === 'outStockQty'){
// 处理出库数量列的事件
console.log('出库数量列触发了keyup事件');
// 这里添加具体的操作逻辑
} else if(columnId === 'outStockWeight'){
// 处理出库重量列的事件
console.log('出库重量列触发了keyup事件');
// 这里添加具体的操作逻辑
}
});
});
```
以上代码中,首先为两个edit列设置了id属性,并分别为其指定不同的id值。然后,在DOM完全加载后,使用jQuery的.on()方法为这两个列绑定keyup事件。当用户在输入框中键入时,会触发keyup事件,并执行回调函数中的逻辑。
阅读全文