I have used html code like this…

<link rel="stylesheet" type="text/css" media="screen" href="themes/redmond/jquery-ui-1.8.2.custom.css" />

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

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

<!–scripts–>

<script src="js/jquery.js" type="text/javascript"></script>

<script src="js/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>

<script src="js/jquery.layout.js" type="text/javascript"></script>

<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>

<script type="text/javascript">

$.jgrid.no_legacy_api =

true;

true;

</script>

<script src="js/ui.multiselect.js" type="text/javascript"></script>

<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

<script src="js/jquery.tablednd.js" type="text/javascript"></script>

<script src="js/jquery.contextmenu.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery(document).ready(

function () {

"#list2″).jqGrid({

'[URL to Return JSON string]',

"json",

'GET',

'ID', 'Values'],

'id', index: "id", width: 55},

'value', index: "value", width: 300}

'#pager2',

'id',

true,

"desc",

"JSON Example"

});

jQuery(

"#list2″).jqGrid('navGrid', '#pager2', { edit: false, add: false, del: false });

</script>

<

body>

<table id="list2″>

</table>

<div id="pager2″>

</div>

</

body>

JSON string i am getting fro aspx page like this..

I tried to ways like..

1. {"Page":"1″,"Total":1.0,"Records":"2″, "Rows":[{"id":"500003","value":"Test data1"},{"id":"500004","value":"Test data2"}]}

2. [{"id":"500003","value":"Test data1"},{"id":"500004","value":"Test data2"}]

I am not understood, what mistake i made in this code…

UI is rendering but data was not displaying..

Please help me..

thanks in adv.

sree