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.

<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>

Forum search