jQWidgets jqxTreeGrid cellValueChanged 事件
jqxTreeGrid
是 jQWidgets 提供的一个树形表格组件,它可以展示层级结构的支持多种交互。jqxTreeGrid
提供了 cellValueChanged
事件,用于在单元格的值发生改变时触发。
cellValueChanged 事件
cellValueChanged
事件在单元格的值发生改变时触发。该事件包含三个参数:row
、column
和 oldValue
,分别表示发生改变的行、列和旧值。
$('#treeGridon('cellValueChanged', function (event) {
var args = event.args;
var row = args.row;
var column = args.column;
var oldValue = args.oldValue;
});
示例说明
下面是两个示例,如何使用 cellValueChanged
事件:
示例1
$('#treeGrid').jqxGrid({
source: dataAdapter,
columns: [
{ text: 'ID', dataField: 'id', width: 100 },
{ text: 'Name', dataField: 'name', width: 200 },
{ text: 'Age', dataField: 'age', width: 100 }
],
editable:});
$('#treeGrid').on('cellValueChanged', function (event) {
var args = event.args;
var row = args.row;
var column = args.column;
var oldValue = args.oldValue;
console.log('发生改变的行:', row);
console.log('发生改变的列:', column);
console.log('旧值:', oldValue);
});
在这个示例中,我们创建了一个 jqxTreeGrid
,并将其绑定到一个数据源。还设置了 editable
属性为true,启用了行编辑功能。最后,我们监听了 cellValueChanged
事件,并在事件处理函数中输出发生改变的行、列和旧值。
示例2
$('#treeGrid').jqxTreeGrid({
source: dataAdapter,
columns: [
{ text: 'ID', dataField: 'id', width: 100 },
{ text: 'Name', dataField: 'name', width 200 },
{ text: 'Age', dataField: 'age', width: 100 }
],
editable: true
});
$('#treeGrid').on('cellValueChanged', function (event) {
var args = event.args;
var row = args.row;
var column = args.column;
var oldValue = args.oldValue;
console.log('发生改变的行:', row);
console.log('发生改变的列:', column);
console.log('旧值:', oldValue);
});
在这个示例中,我们同样创建了一个 jqxTreeGrid
组件,并将其定到一个数据源。不同的是,我们监听了 cellValueChanged
事件,并在事件处理函数中输出发生改变的行、列和旧值。
总结
以上就是 jqxTreeGrid
组件的 cellValueChanged
事件的详细讲解和示例。通过 cellValueChanged
事件,我们可以方便地在单元格的值发生改变时进行处理,提高用户体验。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQWidgets jqxTreeGrid cellValueChanged事件 - Python技术站