my code is below
var data = {
Products : [
{
"subject" : "invoice<$>H<$>do something",
"value":"#2684"
},
{
"subject" : "invoice<$>VH<$>do something",
"value":"today"
},
{
"subject" : "invoice<$>T<$>do something",
"value":"tomorrow"
}
]};
var oModel = new sap.ui.model.json.JSONModel(data);
sap.ui.getCore().setModel(oModel);
var oList = new sap.m.List("oList",{
//headerText:"listheader",
BackgroundDesign:"sap.m.BackgroundDesign.Transparent",
mode:"SingleSelectMaster",
growingThreshold : 5,
growingTriggerText : "",
showNoData : false,
growingScrollToLoad : true,
select:[controller.detailTap, controller]});
var oListItem = new sap.m.ObjectListItem({title :{path: "subject",
formatter: function(subject){
var lv = subject.split("<$>");
return lv[2];
}} ,
//intro: "workitem id : {workitem_id}",
showMarkers : "true",
attributes:[new sap.m.ObjectAttribute({
text:"workitem id :: {workitem_id} created time::{created_at}"}).addStyleClass("listobject")],
icon:{path: "subject",
formatter: function(subject){
var icon1;
var lv = subject.split("<$>");
if(lv[1] == 'T'){
icon1 = "sap-icon://time-entry-request";
return icon1;
//i need red here
}
else if (lv[1] == 'H'){
icon1 = "sap-icon://alert";
return icon1;
//green here
}
else if (lv[1] == 'VH'){
icon1 = "sap-icon://alert";
return icon1;
//blue here
}
}}}).addStyleClass("listgap");
oList.bindAggregation("items","/Products" , oListItem);
oList.placeAt("content");
how to achieve this