use images arrow up/down and user calculated fields

metero

Hi
i use with lightstreamer version 4 the code below
to change the image to a user field #arrow

if (updateInfo.isValueChanged("p_last")) {

var val = updateInfo.getNewValue("p_dif");
if (val.indexOf("-") > -1) {
updateInfo.addField("#arrow",imgDown);
} else {
updateInfo.addField("#arrow",imgUp);
}

}

with version 5 Colosseo it is possible with StaticGrid to change image for a field up/down !?

and in version 5 the arrow field is without # is this important !!!??
because i have some calculated fields , like #value = quantity * last_price
i have to use DynaGrid or it is posible with StaticGrid !!??

with the code below the images with StaticGrid are not changing

//put arrow and handle change style
var pctChange = info.getChangedFieldValue("p_chng");

if (pctChange !== null) {
pctChange = formatDecimal(pctChange,2,true)+"%";
hotTxtCol = (pctChange.charAt(0) == '-') ? "#dd0000" : "#009900";
if (pctChange.indexOf("-") > -1) {
info.setCellValue("#arrow",imgDown);
info.setCellAttribute("#arrow",cold,cold,"backgroundColor");

info.setCellAttribute("p_chng","black",hotTxtCol,"color");
info.setCellValue("p_chng",pctChange);
} else {
info.setCellValue("#arrow",imgUp);
info.setCellAttribute("#arrow",cold,cold,"backgroundColor");

info.setCellAttribute("p_chng","black",hotTxtCol,"color");
info.setCellValue("p_chng","+"+pctChange);

}
info.setCellAttribute("p_chng","bold","bold","fontWeight");
}

Giuseppe Corti

Yes, I confirm that StaticGrid let you to change image for fields like up/down.

We assume that the HTML code for the cell is something like this:

...
[SYNTAX="HTML"]<td>
<div>
<img width="20" height="8" border="0" src="images/spacer.gif" data-field="arrow" data-update="src" data-item="myItem" data-grid="myGrid" data-source="lightstreamer">
</div>
</td>[/SYNTAX]
...

and that the StaticGrid is created with this code:

[SYNTAX="JS"] // create StaticGrid
var imgDown = "images/quotes_down.gif";
var imgUp = "images/quotes_up.gif";

var myGrid = new StaticGrid("myGrid");

myGrid.setNodeTypes(["div","span","img","a"]);
myGrid.parseHtml();
...[/SYNTAX]

then your code should work fine.

Please note that It's important to call parseHtml after the setNodeTypes since the default not includes <img> type.

About # it's not very important in this case, please refer to http://www.lightstreamer.com/docs/client_javascript_uni_api/AbstractGrid.html#extractFieldList for more details about extra subscription fields.