highlight a row in grid using ext js 4.1

Question

I'm trying to highlight a row and I've googled for a while however all solutions use functions that don't even exist such as getRow() or highlight().

Does anyone have a solution for it? I've tried the above and the getView().select(record) Neither has worked

Thanks

score 2 · Answer 1 · edited Feb 16 '13 at 20:27

2

Would selecting the row suffice?

gridPanel.getSelectionModel().select([recordToSelect]);

edited Feb 16 '13 at 20:27

Brad Larson

170,088
45
397
571

answered Feb 01 '13 at 16:01

Reimius

5,694
5
24
42

score 1 · Answer 2 · answered Jan 30 '13 at 09:19

1

You can use the rowClass to modify a row based on record conditions.

yourGrid.getView().getRowClass = function(record, rowIndex, rowParams, store){ 
     return record.get('status').toLowerCase(); // class selection condition
}

See the JSFiddle example for this (very basic example, just show that the row class get ressetted after each change of the record.)

answered Jan 30 '13 at 09:19

sra

23,820
7
55
89

Sounds like implementing something already implemented..or isn't it? – Alon_T Jan 30 '13 at 09:20
@user1432779 You have two ways; just select a row as @CD.. mentioned or modify the row style by changing the class and that is exactly for what the `getRowClass` method is; changing row style based on specific condition. An equal example exist for a cell; the `renderer` that can be set in a column cfg. – sra Jan 30 '13 at 09:23
@user1432779 For the sake of completeness; a method that just highlight a row based on is rowindex or recerod does not exist. – sra Jan 30 '13 at 09:27

score 0 · Answer 3 · answered Feb 06 '13 at 09:18

0

grid.getSelectionModel().select(0)

answered Feb 06 '13 at 09:18

Zakaria Imtiaz

539
5
17

Then why would you post it? – Reimius Feb 12 '13 at 15:28
look, my answer could select only the first row where urs one has broad scope..... finally urs one is better answer. – Zakaria Imtiaz Feb 16 '13 at 07:19

highlight a row in grid using ext js 4.1

3 Answers3