在编辑时突出显示网格行

时间:2014-02-19 11:17:59

标签: extjs extjs3

我在ExtJs3.2上 有一个gridpanel,其中一列有一个textField作为编辑器 在文本字段中更改值时 - 我需要突出显示相应的行 如何获取文本字段的“拥有”行索引?

 columns: [
      ...........
            {header: 'Revenues',dataIndex: 'percentage',
              editor: new Ext.form.TextField({
                     listeners: {
                        'change' : function (field, newValue, oldValue) {
                          if(oldValue!=newValue){
                         .......
                        //How do I get the row index?  
                         Ext.fly(grid.getView().getRow(row)).addClass('yellow-row');
                        }
                    }
            }

还有其他方法可以达到这个目的吗?

1 个答案:

答案 0 :(得分:0)

你能在下面试试吗?

var grid = Ext.grid.GridPanel({
    store: yourStore,
    id: 'myGrid',
    colModel: new Ext.grid.ColumnModel({
        defaults: {
            width: 120,
            sortable: true
        },
        columns: [
            {id: 'Company', header: 'Company', width: 120, sortable: true, dataIndex: 'company'},
            {header: 'Change', dataIndex: 'change'},
            {
                header: 'Revenue',
                dataIndex: 'percentage',
                editor: new Ext.form.TextField({
                    listeners: {
                        'change': function(field, newValue, oldValue) {
                            if (oldValue != newValue) {
                                var sel = Ext.getCmp('myGrid').getSelectionModel().getSelected();
                                // if you select more than one record use getSelections instead of getSelected
                                console.log(sel);
                            }
                        }
                    }
                })
            }
        ]
    }),
    sm: new Ext.grid.RowSelectionModel({singleSelect: true}),
    width: 500,
    height: 300,
    frame: true,
    title: 'My Grid'
});