Adding Images
I want to add Edit & Delete images in the Edit & Delete Column.
I have loaded the data from xml file. I also added the code to add images but somehow the images is not displaying.
Please look at the code below.
I have loaded the data from xml file. I also added the code to add images but somehow the images is not displaying.
Please look at the code below.
<body>
<div id="1" style="width:800px;height:200px;overflow:auto">
<script>
var table = new AW.XML.Table;
table.setURL("companies-simple.xml");
table.request();
var obj = new AW.Grid.Extended;
var str = new AW.Formats.String;
var num = new AW.Formats.Number;
obj.setCellModel(table);
obj.setRowCount(20);
obj.setColumnCount(7);
obj.setCellFormat([str, str, num, num, num]);
// provide cells and headers text
//obj.setCellText(myData);
obj.setHeaderText(myColumns);
// set number of rows/columns
// enable row selectors
obj.setSelectorVisible(true);
obj.setSelectorText(function(i){return this.getRowPosition(i)+1});
// set headers width/height
obj.setSelectorWidth(28);
obj.setHeaderHeight(20);
obj.setCellEditable(false);
obj.setFixedLeft(1);
obj.setVirtualMode(true);
obj.setSelectionMode("single-row");
//obj.setCellLink(function(i, j){ return "http://www.mysite.com?i="+i+"&j="+j; }, 5); // set data
//obj.setCellTemplate(new AW.Templates.Link, 5); // and template
//obj.setCellLink(function(i, j){ return "http://www.mysite.com?i="+i+"&j="+j; }, 6); // set data
//obj.setCellTemplate(new AW.Templates.Link, 6); // and template
for (var i=0; i<obj.getRowCount(); i++)
{
obj.setCellText("<img src='editicon.gif' BORDER='0'>", 6, i);
obj.setCellTooltip("Edit",6,i);
obj.setCellText("<img src='delicon.gif' BORDER='0'>", 7, i);
obj.setCellTooltip("Delete",7,i);
}
document.write(obj);
</script>
</body>Raul
April 26,
