[jQuery] Jquery Grid not displaying data read from XML in IE 6.0
Hi,
I am displaying a Grid in Jquery reading data from a XML file.It is
displayed correctly in FireFox, Chrome but data is not displayed in IE
6.0.
My code is :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="./themes/sand/grid.css" />
<link rel="stylesheet" href="./themes/jqModal.css" />
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery.jqGrid.js"></script>
<script type="text/javascript" src="./js/jqModal.js"></script>
<script type="text/javascript" src="./js/jqDnR.js"></script>
<script type="text/javascript">
// Your code goes here
jQuery(document).ready(function () {
jQuery("#list19").jqGrid({
url: 'books.xml',
datatype: "xml",
mtype: 'GET',
colNames:["Author","Title", "Price", "Published Date"],
colModel:[
{name:"Author",index:"Author", width:120,
xmlmap:"ItemAttributes>Author"},
{name:"Title",index:"Title", width:
180,xmlmap:"ItemAttributes>Title"},
{name:"Price",index:"Manufacturer", width:100,
align:"right",xmlmap:"ItemAttributes>Price", sorttype:"float"},
{name:"DatePub",index:"ProductGroup", width:
130,xmlmap:"ItemAttributes>DatePub",sorttype:"date"}
],
height:250,
rowNum:10,
rowList:[10,20,30],
imgpath: "./themes/sand/images",
viewrecords: true,
loadonce: true,
xmlReader: {
root : "Items",
row: "Item",
repeatitems: false,
id: "ASIN"
},
caption: "XML Mapping example"
});
});
</script>
</head>
<body>
<table id="list19" class="scroll" cellpadding="0" cellspacing="0"></
table>
</body>
</html>