Question

If I have a grid, how can I change it’s background image depending on whether a certain variable is true or false?

Thanks.

Answer 1

If you meant a background image for the entire grid then you can use viewConfig of the grid panel to set a custom CSS property with the background image

viewConfig:{
   cls : myVar?'myCustomClass':''
}

CSS:

.myCustomClass {
    background:url("http://dummyimage.com/300.png/09f/fff") repeat 0 0;
}

here is a full example:

http://fiddle.jshell.net/dbrin/bQvyg/10/

Must say it doesn’t look great.

EDIT: “HardWorker” asked how to change it programatically after the component is rendered. So here is how:

grid.view.removeCls('myCustomClass')       
grid.view.addCls("myOtherCustomClass")