PDA

View Full Version : How to change the css when the mouse move over the grid(Only a grid)



Fent2
16 Mar 2014, 11:54 PM
I try to change the .x-grid-row-over .x-grid-cell-inner
but this change all the component not only the grid,
and i try to change like this ,but not word
in the my_css.css
.my_test_css {
font-weight: bold;
background-color:#00FF00 !important;
color: green;
}
in the grid set me.overCls = 'my_test_css';
Somebody know how to config this css?

Zinnia
17 Mar 2014, 1:14 AM
Check the below example , Hope this may help you
http://jsfiddle.net/zsJdP/192/

Fent2
17 Mar 2014, 4:24 PM
Check the below example , Hope this may help you
http://jsfiddle.net/zsJdP/192/

The URL can't open ,can you paste some code that how to change the css when the mouse move over the grid ?

Fent2
17 Mar 2014, 5:46 PM
That OK now ,
config like this :
in the CSS file config :

.my_test_css33 .x-grid-row-over .x-grid-cell-inner {
font-weight: bold;
background-color:#00FF00 !important;
color: green;
}

and the grid config cls :'my_test_css33',
that ok,
it only change the current grid style