1. #1
    Sencha User
    Join Date
    Apr 2010
    Posts
    13
    Vote Rating
    0
    oniseijin is on a distinguished road

      0  

    Default Answered: Grid rows not changing color with 4.0.x

    Answered: Grid rows not changing color with 4.0.x


    Ext version tested:
    • Ext 4.0.7
    Browser versions tested against:
    • Firefox 5 with firebug
    Description:
    • When trying to change the row color of a gridrow using the overridden getRowClass function, the row color is not changed. I can see that the class was indeed injected into the tr entry ie. <tr class="x-grid-row grid_green">
    Steps to reproduce the problem:
    • Using the getRowClass included below on a grid that returns a class, and the contained css entry
    The result that was expected:
    • The color should have changed for all rows. Is it the CSS that is wrong? Is there a problem with the default CSS that is shipped in 4.0.7 that prevents it from being overridden?
    The result that occurs instead:
    • No color changes were done on any of the rows. Additionally, I would like to know how to have slightly different colors for the "alt rows"
    Test Case:

    Code:
     viewConfig: {
                      getRowClass: function(record, rowIndex, rowParams, store){
                               // TODO this has no affect on the grid
                               return "grid_green";
                      }
               }
    and the CSS

    Code:
    .grid_green {
       background-color:#008000 !important; 
       
    }


  2. #2
    Sencha User skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,338
    Answers
    498
    Vote Rating
    248
    skirtle has much to be proud of skirtle has much to be proud of skirtle has much to be proud of skirtle has much to be proud of skirtle has much to be proud of skirtle has much to be proud of skirtle has much to be proud of skirtle has much to be proud of skirtle has much to be proud of skirtle has much to be proud of

      0  

  3. #3
    Sencha User
    Join Date
    Apr 2010
    Posts
    13
    Vote Rating
    0
    oniseijin is on a distinguished road

      0  

    Default


    Thanks!

    The following did the trick (and in that order!)

    Code:
    .grid_green .x-grid-cell {
       background-color:#008000 ; 
       
    }

  4. #4
    Sencha User
    Join Date
    Oct 2010
    Location
    Knoxville, TN
    Posts
    133
    Answers
    1
    Vote Rating
    1
    Kcarpenter is on a distinguished road

      0  

    Default


    Thanks for this, been a "bug" in my code for at least a month.

Thread Participants: 2

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar