ansaurus

Question

Answer 1

A:

Your code does works fine. You can post your complete html here.. check the output screenshot here link text Here is the complete html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
<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>

prem 2010-06-16 05:07:53

ansaurus

tags:

views:

answers:

JQuery JQGrid local data loading issue

related questions