突出編輯上的網格行

Question

我在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'); 
         } 
        } 
      } 

有沒有其他辦法可以達到這個目的？

Answer 1

您能否請在下面嘗試？

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' 
});