jQuery Grid Plugin - jqGrid - Topic: Another IE Data display problem http://www.trirand.com/blog/?page_id=393/help/another-ie-data-display-problem Simple:Press Version 5.7.5.3 newperson on Another IE Data display problem http://www.trirand.com/blog/?page_id=393/help/another-ie-data-display-problem#p21579 Help http://www.trirand.com/blog/?page_id=393/help/another-ie-data-display-problem#p21579 I am not getting any error messages in IE7 and it works fine on Firefox. I am using the demo files that are free to download on this site just for testing purposes. I do not have a web server this is all local data, I do not plan on using a web server.

The files that I am using are xmlmap.js, xmlmap.html, book.xml from the example with slight modifications. The grid loads but not the xml data nor the row numbers. I have attached a screen shot of what it looks like in IE7 VS FF http://tinypic.com/r/18n5au/7 is the url for the pic, if this can't display it properly. Thank you very much for the help. I did search the forums for similar problems and have tried different things including checking my javascript for extra commas but I can't find anything. I tried firebug, there are no errors what so ever.

gridImage Enlarger

I am using the latest version of the grid.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT.....t;&gt;
<html xmlns="http://www.w3.org/1999/xhtml&q.....t;&gt;

<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Inventory</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen" href="css/sunny/jquery-ui-1.8.7.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.7.custom.min.js" type="text/javascript"></script>

</HEAD>

<body>

<table id="list19" class="scroll" cellpadding="0" cellspacing="0"></table>
<script src="xmlmap.js" type="text/javascript"></script>

</body>
</HTML>

JAVASCRIPT > xmlmap.js

$(document).ready(
            function() {
    var gridimgpath = 'css/sunny/images';
$("#list19").jqGrid({
       url: 'inventory.xml',
    datatype: "xml",
       colNames:["On Hand", "Product Name", "Product Code", "Deficit"],
       colModel:[
           {name:"On Hand",index:"onHand", width:50, xmlmap:"ItemAttributes>onHand", sorttype:"int"},
           {name:"Product Name", index:"productName", width:310, align:"left", xmlmap:"ItemAttributes>productName"},
           {name:"Product Code", index:"productCode", width:160, align:"left", xmlmap:"ItemAttributes>productCode"},
        {name:"Defecit", index:"onHand", width:60, align:"right", xmlmap:"ItemAttributes>onHand", formatter:highlight}
       ],
    height:250,
       //rowNum:20,
       //rowList:[10,20,30],
       imgpath: gridimgpath,
    viewrecords: true,
    loadonce: true,
    rownumbers: true,
    rownumWidth: 40,
    xmlReader: {
            root : "Items",
            row: "Item",
            repeatitems: false,
            id: "onHand"
    },
    caption: "Inventory" + " | " + "Last Inventory Date = 1/3/2011"
});

function highlight (cellValue, options, rowObject) {
    var color = (parseInt(cellValue-10) < 0) ? "red" : "green";
    if(parseInt(cellValue-10) > 0) {
    var cellHtml = "<span style='color:" + color + "' originalValue='" +(cellValue-10) + "'>" + (cellValue-10) + " Extra" + "</span>";
    return cellHtml;
    }
    else {
    var cellHtml = "<span style='color:" + color + "' originalValue='" +(cellValue-10) + "'>" + (cellValue-10) + " Missing" + "</span>";
    return cellHtml;
    }
    
}

});

XML > inventory.xml I had to shorten the xml just for testing in case there was something wrong with the data but it doesn't appear to be.

<?xml version="1.0" encoding="UTF-8"?>
<Inventory>

<Items>
    <Request>
        <IsValid>True</IsValid>
           <ItemSearchRequest>
            <SearchIndex>Inventory</SearchIndex>
        </ItemSearchRequest>
    </Request>
    <Item>
        <DetailPageURL></DetailPageURL>
        <ItemAttributes>
            <onHand>9</onHand>
            <productName>Lenovo Thinkcentre Desktop Computers</productName>
            <productCode>7268D1U</productCode>
        </ItemAttributes>
    </Item>

</Items>
</Inventory>

]]> Fri, 07 Jan 2011 23:19:37 +0200