グリッド項目選択時に行とセルの両方をハイライト表示

Question

アタッチされた画面のようにグリッド内のアクティブ行を強調表示する標準的な方法はありますか？

グリッドがあることを意味します。cellmodel選択タイプです。グリッド内のアイテムをクリックすると、セルが強調表示されます。私は同時にアクティブ行を強調表示したいと思います。

グリッドに解析対象のデータがたくさん含まれている場合は、 セルを選択すると、行全体（おそらく桁区切り）をハイライト表示する必要があります。

Answer 1

感謝。私たちはそれをしました:)これは可能な解決策の1つです：

selModel: Ext.create('Ext.selection.CellModel', { 
    listeners: { 
     select: function (cellModel, record, rowIndex) { 
      var myGrid = this.items.get('gridItemId'); 
      myGrid.getView().addRowCls(rowIndex, 'row-style'); 
     }, 
     deselect: function (cellModel, record, rowIndex) { 
      var myGrid = this.items.get('gridItemId'); 
      myGrid.getView().removeRowCls(rowIndex, 'row-style'); 
     }, 
     scope: this 
    } 
}), 

Answer 2

あなたがCellSelectionModelを使用している場合でも、あなたは簡単に選択したセルが入っている行にスタイル/クラスを適用することができます。あなたはCellSelectionModelのイベントを見ている場合は、cellselectが表示されます実際にはrowIndexを返します。

cellselect：（selectionModelのこの、数rowIndexに、数colIndex）

だから、何ができたことはとても以下のようなものです：

// we'll say you have your Grid stored in a variable, grid 
CellSelectionModel ...({ 
    listeners: { 
     'cellselect': function(selModel, rowIndex) { 
      var cellRow = grid.getView().getRow(rowIndex); 
      Ext.fly(cellRow).addClass('selectedRow') 
      // do any other logic with the actual DOM element here 
    } 
}) 

Answer 3

あなたは特定の行にCSSクラスを追加するgridのaddRowClsメソッドを使用できます。あなたの助けの人たちのための

http://docs.sencha.com/ext-js/4-0/#/api/Ext.grid.View-method-addRowCls