Question

我是Javascript的新手，现在尝试使用jqGrid从数据库加载表。但是，从数据库中获取xml字符串是可以的，但我无法在html中显示它。这是我的代码，我将xml字符串存储到＆＃34; tree.xml＆＃34;

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>My First Grid</title>


<link rel="stylesheet" type="text/css"  href="gui/bootstrap3/css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="gui/bootstrap3/css/ui.multiselect.css" />

<style type="text/css">
html, body {
    margin: 0;
    padding: 0;
    font-size: 75%;
}
</style> 
<script src="gui/bootstrap3/js/grid.locale-en.js" type="text/javascript"></script>
<script src="gui/bootstrap3/js/ui.multiselect.js" type="text/javascript"></script>

<script src="gui/bootstrap3/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="gui/bootstrap3/js/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">



jQuery().ready(function ({

 // alert("eff"); 

    $("#list").jqGrid({

    url: "tree.xml",
    datatype: "xml",
  //  mtype: "GET",
   colNames:['ID','Device Name', 'Location','Status'],
  colModel:[
  {name:'id',index:'PPID', width:55, sortable:true},
  {name:'devname',index:'DeviceName', width:90, editable:true},
  {name:'location',index:'Location', width:80, editable:true},
  {name:'status',index:'Status', width:150, editable:true}
],
    pager: jQuery("#pager"),
    rowNum: 10,
    rowList: [10, 20, 30],
    sortname: "id",
    sortorder: "desc",
    viewrecords: true,
    gridview: true,
    autoencode: true,
    caption: "My first grid"
}).navGrid( '#pager', {edit:false,add:false,del:false, search: false});

}); 
</script>

</head>
<body>
  <h1>Start</h1>

    <table id="list"></table> 
    <div id="pager"></div> 
</body>
</html>

xml字符串如：

<?xml version='1.0' encoding='utf-8'?>
<rows>
  <page>1</page>
  <total>1</total>
  <records>9</records>
  <row id='1'>
    <cell>1</cell>
    <cell>D3200</cell>
    <cell>California</cell>
    <cell>DEPLOYED</cell>
  </row>
</rows>

更新最后我发现这是一个愚蠢的错误，有一个＆＃39;）＆＃39;错过了jQuery（）。ready（）行。感谢您的关注！

jqGrid不显示

0 个答案: