Results 1 to 3 of 3

Thread: Highlight multiple rows in GridPanel

  1. #1

    Default Highlight multiple rows in GridPanel


    I have a GridPanel that is listing up to 100 records and I have a separate panel that has a graphical representation of those records. When a user clicks on a node in the graphical panel, I want it to highlight the associated rows in the GridPanel. Is there a way to do this easily? If not, can someone point me in the right direction to a more complex solution?


  2. #2


    Hi, you should change the style of rows you need like this:
    Code:'x-grid3-summary-row td');
    Or you can set the rows you want selected.

  3. #3
    Sencha User Screamy's Avatar
    Join Date
    Jun 2008


    First, be sure that your Grid's RowSelectionModel allows for multi-row selection:

    var g = new Ext.grid.GridPanel({
      sm: new Ext.grid.RowSelectionModel({singleSelect: false}),
    Then you can use the RowSelectionModel to select/deselect any rows you want:

    Code:, true);   // selects row 4 and keeps any existing selections.
    See the Ext.grid.RowSelectionModel docs for more info.
    Last edited by Screamy; 24 Nov 2010 at 10:54 AM. Reason: formatting

Similar Threads

  1. Grid and List highlight multiple rows
    By richardcatlin in forum Ext GWT: Discussion
    Replies: 1
    Last Post: 22 Sep 2010, 3:31 PM
  2. Highlight multiple nodes
    By Limey in forum Ext 2.x: Help & Discussion
    Replies: 8
    Last Post: 3 Mar 2010, 6:44 AM
  3. Can I highlight multiple words in a grid cell
    By lzhang32 in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 13 Nov 2009, 8:34 AM
  4. issue - unable to highlight rows in a grid
    By SaiRam in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 29 Jan 2009, 6:57 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts