jQuery Grid Plugin - jqGrid - Topic: Help with json http://www.trirand.com/blog/?page_id=393/help/help-with-json Simple:Press Version 5.7.5.3 andriuwe4ka on Help with json http://www.trirand.com/blog/?page_id=393/help/help-with-json#p27047 Help http://www.trirand.com/blog/?page_id=393/help/help-with-json#p27047 solved!

may any one place info about jsonreader use in demos, php json_encode work not completely right =(

add this after

mtype: 'GET',

jsonReader: { repeatitems: false, id: "Id", root: function(obj) { return obj; }},
]]> Wed, 01 Aug 2012 23:53:13 +0300 andriuwe4ka on Help with json http://www.trirand.com/blog/?page_id=393/help/help-with-json#p27046 Help http://www.trirand.com/blog/?page_id=393/help/help-with-json#p27046 i have tryed but this don't work =( tell me someone where am i wrong?

index.php

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>jQuery UI Example Page</title>

<!-- jQuery -->

<link type="text/css" href="css/start/jquery-ui-1.8.22.custom.css" rel="stylesheet" />

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

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

<!-- addons -->

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

<!-- <script src="js/grid.locale-ru.js" type="text/javascript"></script> -->

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

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

<script type="text/javascript">

$(function(){

// Accordion

$("#accordion").accordion({ header: "h3" });

});

jQuery(document).ready(function() {

//jqGrid

jQuery("#list2").jqGrid({

  url:'data.php',

datatype: 'json',

mtype: 'GET',

  colNames:['id', 'datetime', 'tel'],

  colModel:[

  {name:'id',index:'id', width:100},

  {name:'datetime',index:'datetime', width:100},

  {name:'tel',index:'tel', width:100}

  ],

  rowNum:10,

  rowList:[10,20,30],

  pager: '#pager2',

  sortname: 'id',

    sortorder: "desc",

    caption:"JSON Example"

});

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

});

</script>

</head>

<body>

<!-- Accordion -->

<h2 class="demoHeaders">Accordion</h2>

<div id="accordion">

<div>

<h3><a href="#">First</a></h3>

<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>

</div>

<div>

<h3><a href="#">Second</a></h3>

<div>Phasellus mattis tincidunt nibh.</div>

</div>

<div>

<h3><a href="#">Third</a></h3>

<div>Nam dui erat, auctor a, dignissim quis.</div>

</div>

</div>

<table id="list2"></table>

<div id="pager2"></div>

<?//include 'data.php';?>

</body>

</html>

data.php

<?php

function f_GetRandDateTime()

{

$year = rand(2011,2013);

$month = rand(1,12);

switch ($month)

{

case 2:

$day = rand(1,28);

break;

case 4:

case 6:

case 9:

case 11:

$day = rand(1,30);

break;

default:

$day = rand(1,31);

}

$hour = rand(1,23);

$minute = rand(1,59);

$second = rand(1,59);

if ($month < 10)

$month = '0'.$month;

if ($day < 10)

$day = '0'.$day;

if ($hour < 10)

$hour = '0'.$hour;

if ($minute < 10)

$minute = '0'.$minute;

if ($second < 10)

$second = '0'.$second;

$datetime = $day.'/'.$month.'/'.$year.' '.$hour.':'.$minute.':'.$second;

return $datetime;

}

function f_GetRandTel()

{

return rand(7000000,7999999);

}

for ($i=0;$i<100;$i++)

{

$data[$i] = array(

'id' => $i,

'datetime' => f_GetRandDateTime(),

'tel' => f_GetRandTel()

);

}

//print_r($data);

//echo '<br>=====================================================<br>';

header("Content-type: application/json;charset=utf-8");

echo json_encode($data);

?>

]]> Wed, 01 Aug 2012 23:37:39 +0300