i want to make the tilegrid that every tile have different color according to their field attribute value.how to do it ?
this is the code and the img,please help me !
isc.ClassFactory.defineClass("RoomTableSelectView" , CustomVLayout);
isc.RoomTableSelectView.addProperties({
tileGrid : null,
editor : null,
initWidget : function() {
this.Super("initWidget", arguments);
this.tileGrid = isc.TileGrid.create({
autoDraw:false,
showAllRecords:true,
dataSource:roomTableDS,
autoFetchData:true,
animateTileChange:true,
border:"2px solid blue",
tileWidth:155,
tileHeight:100,
tilesPerLine:7,
tileProperties:{
backgroundColor: "#E0EEE0",
// border:"1px solid blue",
},
fields: [
{name:"roomTableName"},
{name:"tableStatus"},
{name:"roomTableType"},
{name:"roomTaleArea"},
],
});
this.addMembers([ this.tileGrid]);
},
});
this is the code and the img,please help me !
isc.ClassFactory.defineClass("RoomTableSelectView" , CustomVLayout);
isc.RoomTableSelectView.addProperties({
tileGrid : null,
editor : null,
initWidget : function() {
this.Super("initWidget", arguments);
this.tileGrid = isc.TileGrid.create({
autoDraw:false,
showAllRecords:true,
dataSource:roomTableDS,
autoFetchData:true,
animateTileChange:true,
border:"2px solid blue",
tileWidth:155,
tileHeight:100,
tilesPerLine:7,
tileProperties:{
backgroundColor: "#E0EEE0",
// border:"1px solid blue",
},
fields: [
{name:"roomTableName"},
{name:"tableStatus"},
{name:"roomTableType"},
{name:"roomTaleArea"},
],
});
this.addMembers([ this.tileGrid]);
},
});