JQGrid JQuery lokalen Daten laden Problem

Ich habe ein problem mit dem folgenden code

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

Und Im Körper ....

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

Mit diesem code, ich habe nie die Anzeige der Daten in das Netz. Hat jemand eine Idee zu diesem Problem ?

Danke.

  • Es tut blenden Sie ein raster ein? Bitte klären, was es tatsächlich zeigt. Auch F12 Drücken, und überprüfen Sie die Konsole für javascript-Fehler
InformationsquelleAutor ollie314 | 2010-06-15
  1. 0

    Dein code nicht funktioniert. Hier können Sie Ihre komplette html hier.. überprüfen Sie die Ausgabe screenshot hier link-text
    Hier ist der komplette 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>
    InformationsquelleAutor Prem Rajendran
  2. 0

    Versuchen localReader: { repeatitems: false } im jqGrid options-Objekt.

    InformationsquelleAutor STO
Schreibe einen Kommentar