:: Forum >>

Set Row as bold based on another column value.

Thanks in Response.


<Alarms><Alarm Ack="qwer" Age="0:03" AlarmId="114" AlarmName="Input Sensor" AlarmType="Input Point" Assignment=" " CompanyID="000" ChkType="true" Esc="0 " Lapsed="07:10" LoggedTime="2007-07-25 20:15:25.327" Nts="note" Pri="1 " PriorityColor="#FF0000" Status="0" SystemID="18500 " SystemName="TE5-Savvy31" TimeOccurred="2007-07-25 16:12:00.0"/>
</Alarms>

Based on @Ack value i.e. if @Ack value is not null, i want to make my entire row as bold.

I don't know how to do that.
Narayana Swamy, Bangalore
Monday, September 10, 2007
Based on the recent post:
http://www.activewidgets.com/javascript.forum.20517.5/applying-colors-to-rows-and.html
your testing code should look like this:
<html>
<head>
<title>ActiveWidgets Examples</title>
<style>body {font: 12px Tahoma}</style>

<script src="../../runtime/lib/aw.js"></script>
<link href="../../runtime/styles/xp/aw.css" rel="stylesheet"></link>
</head>
<body>
<xml id="xmlDataIsland">
<Alarms>
<Alarm Ack="qwer" Age="0:03" AlarmId="114" AlarmName="Input Sensor" AlarmType="Input Point" Assignment=" " CompanyID="000" ChkType="true" Esc="0 " Lapsed="07:10" LoggedTime="2007-07-25 20:15:25.327" Nts="note" Pri="1 " PriorityColor="#FF0000" Status="0" SystemID="18500 " SystemName="TE5-Savvy31" TimeOccurred="2007-07-25 16:12:00.0"/>
<Alarm Ack="null" Age="0:03" AlarmId="114" AlarmName="Input Sensor" AlarmType="Input Point" Assignment=" " CompanyID="000" ChkType="true" Esc="0 " Lapsed="07:10" LoggedTime="2007-07-25 20:15:25.327" Nts="note" Pri="1 " PriorityColor="#FF0000" Status="0" SystemID="18500 " SystemName="TE5-Savvy31" TimeOccurred="2007-07-25 16:12:00.0"/>
</Alarms>
</xml>
<script>

var table = new AW.XML.Table;
var xml = document.getElementById("xmlDataIsland");
table.setColumns(["@Ack", "@Age", "@AlarmId", "@AlarmName", "@AlarmType", "@Assignment", "@CompanyID", "@ChkType", "@Esc", "@Lapsed", "@LoggedTime", "@Nts", "@Pri", "@PriorityColor", "@Status", "@SystemID", "@SystemName", "@TimeOccurred" ]);
table.setXML(xml);

var obj = new AW.UI.Grid;
obj.setId("myGrid");
obj.setColumnCount(18);
obj.setRowCount(table.getCount());
obj.setCellModel(table);

obj.defineRowProperty("AckNullInBold", function(r){
if(this.getCellText(0, r)!="null"){return 'bold'};
});

var myRow = new AW.Grid.Row;

myRow.setStyle("font-weight", function(){
return this.getRowProperty("AckNullInBold");
});

obj.setRowTemplate(myRow);
document.write(obj);
</script>
</body>
</html>
Carlos
Monday, September 10, 2007
Thanks Carlos,

Its working fine. I want some more information like how to differentiate whether we are clicked on row of a grid and whether its right click or left click of mouse.

Is there any solution to differentiate the event on row.

Thanks in response.
Narayana Swamy, Bangalore
Tuesday, September 11, 2007

This topic is archived.


Back to support forum

Forum search