JQuery的jqGrid的本地數據加載問題

我有下面的代碼JQuery的jqGrid的本地數據加載問題

<script type="text/javascript"> 
var mydata = [ {id:"1",name:"foo"},{id:"2",name:"bar"} ]; 

jQuery(document).ready(function() { 
jQuery("#lgrid").jqGrid({ data: mydata, 
        datatype: "local", 
        height: 150, 
        width:600, 
        rowNum: 10, 
        rowList: [10,20,30], 
        colNames:['id','name'], 
        colModel:[ {name:'id',index:'id', width:60, sorttype:"int"}, 
           {name:'name',index:'name', width:60}], 
        pager: "#pgrid", 
        viewrecords: true, 
        caption: "Contacts" }); 

}); 

</script>

，並在身體的一個問題....

<table id="lgrid"></table> 
<div id="pgrid"></div>

有了這個代碼，我從來沒有顯示數據進入電網。有人對這個問題有想法？
謝謝。

來源

2010-06-15 ollie314

它顯示一個網格嗎？請說明它實際顯示的內容。同時按F12並檢查控制檯是否有javascript錯誤 – 2017-11-07 23:42:47

你的代碼確實工作正常。你可以在這裏發表您的完整的HTML ..檢查輸出截圖這裏link text 下面是完整的HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<HTML> 
<HEAD> 
<META http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<TITLE>test</TITLE> 
<link type="text/css" href="lib/jquery/css/overcast/jquery-ui-1.8.2.custom.css" rel="stylesheet" /> 
<link rel="stylesheet" type="text/css" media="screen" href="lib/jqgrid/css/ui.jqgrid.css" /> 
<script type="text/javascript" src="lib/jquery/js/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="lib/jquery/js/jquery-ui-1.8.2.custom.min.js"></script> 
<script src="lib/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script> 
<script src="lib/jqgrid/js/jquery.jqGrid.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    var mydata = [ {id:"1",name:"foo"},{id:"2",name:"bar"} ]; 

    jQuery(document).ready(function() { 
    jQuery("#lgrid").jqGrid({ data: mydata, 
         datatype: "local", 
         height: 150, 
         width:600, 
         rowNum: 10, 
         rowList: [10,20,30], 
         colNames:['id','name'], 
         colModel:[ {name:'id',index:'id', width:60, sorttype:"int"}, 
            {name:'name',index:'name', width:60}], 
         pager: "#pgrid", 
         viewrecords: true, 
         caption: "Contacts" }); 

    }); 

    </script> 

</HEAD> 
<BODY> 
<table id="lgrid"></table> 
<div id="pgrid"></div> 

</BODY> 
</HTML>

來源

2010-06-16 05:07:53 prem

嘗試設置localReader: { repeatitems: false }在jqGrid的選項對象。

來源

2012-09-24 13:11:30 STO

JQuery的jqGrid的本地數據加載問題

回答

相關問題