在单元格编辑时获取extjs中的行数据

Get row data in extjs on cell edit

本文关键字：数据 extjs 获取 单元格 编辑      更新时间：2023-09-26

我正在创建一个Extjs网格。其中大部分列是可编辑的。我需要的是，如果用户在模糊上更改任何列值，我会调用我的方法，根据其他列值进行一些计算。并将列值替换为计算值。代码在这里。

var incomeTaxOverrideModel = new Ext.grid.ColumnModel([{
    id : 'fromDate',
    header : "From Date",
    dataIndex : 'fromDate',
    width : 80,
    renderer : drenderer,
    editor : this.fromDateEditor
}, {
    id : 'toDate',
    header : "To Date",
    dataIndex : 'toDate',
    width : 80,
    renderer : drenderer,
    editor : this.toDateEditor
}, {
    id : 'rawTax',
    header : "Raw Tax",
    dataIndex : 'rawTax',
    width : 80,
    align : 'right',
    selectOnFocus : true,
    editor : new Ext.form.NumberField({"blur":this.calculateTaxForword}),
    renderer : Gts.payItemRenderer()
}, {
    id : 'surcharge',
    header : "Surcharge",
    dataIndex : 'surcharge',
    width : 80,
    align : 'right',
    selectOnFocus : true,
    editor : new Ext.form.NumberField({}),
    renderer : Gts.payItemRenderer()
}, {
    id : 'cess',
    header : "Cess",
    dataIndex : 'cess',
    width : 80,
    align : 'right',
    selectOnFocus : true,
    editor : new Ext.form.NumberField({}),
    renderer : Gts.payItemRenderer()
}, {
    id : 'totalTax',
    header : "Total Tax",
    dataIndex : 'totalTax',
    width : 80,
    align : 'right',
    selectOnFocus : true,
    editor : new Ext.form.NumberField({}),
    renderer : Gts.payItemRenderer()
}, {
    id : 'taxAmount',
    header : "Taxable Income",
    dataIndex : 'taxAmount',
    width : 100,
    align : 'right',
    selectOnFocus : true,
    editor : new Ext.form.NumberField({}),
    renderer : Gts.payItemRenderer()
}, {
    id : 'remarks',
    header : "Remarks",
    dataIndex : 'remarks',
    width : 250,
    editor : new Ext.form.TextField({})
}, {
    id : 'modifiedDate',
    header : "Modified On",
    dataIndex : 'modifiedDate',
    width : 100,
    renderer : Ext.util.Format.dateRenderer('d M Y h:i:s A'),
    width : 150
}
]);
this.itoGrid = new Ext.grid.EditorGridPanel({
    store : this.itoStore,
    cm : incomeTaxOverrideModel,
    autoExpandColumn : 'remarks',
    autoScroll : true,
    containerScroll : true,
    frame : false,
    stripeRows : true,
    width : 830,
    height : 233,
    clicksToEdit : 1,
    layout : 'fit',
    loadMask : true,
    tbar : [this.addAction, this.deleteAction],
    trackMouseOver : true
});

我在方法上创建

calculateTaxForword :function(){
    console.log(this.itoGrid) 
    //console.log(this.itoGrid.getStore().getModifiedRecords())
}

但没有任何结果。我必须根据原始税、采购费和加工费来计算价值，所以我需要我的方法中的所有价值。如何做到这一点，任何人都请帮助

CellEditing插件有一个beforeedit事件，您可以监听：http://docs.sencha.com/ext-js/4-1/#/api/Ext.grid.plugin.CellEditing-event-bforeedit

这将使您可以访问以下内容：

Parameters
editor : Ext.grid.plugin.CellEditing
e : Object
An edit event with the following properties:
grid - The grid
record - The record being edited
field - The field name being edited
value - The value for the field being edited.
row - The grid table row
column - The grid Column defining the column that is being edited.
rowIdx - The row index that is being edited
colIdx - The column index that is being edited
cancel - Set this to true to cancel the edit or return false from your handler.
eOpts : Object - The options object passed to Ext.util.Observable.addListener.

每个列对象都有editingPlugin.activeRecord属性和记录本身。

相关文章：