Check the code n point the mistake

Question

here is the code:

Ext.onReady(function(){
  alert("inside onReady");

  Ext.QuickTips.init();

  var employee = Ext.data.Record.create([
      {name:'firstname'},
      {name:'lastname'}]);

  var myReader = new Ext.data.JsonReader({
      root:"EmpInfo",
      },employee);

  var store = new Ext.data.JsonStore({
            id:'ID'
            ,root:'EmpInfo'
            ,totalProperty:'totalCount'
            ,url:'test.php'
            ,autoLoad:true
            ,fields:[
                    {name:'firstname', type:'string'}
                    ,{name:'lastname', type:'string'}
                ]
            });

  var myPanel = new Ext.grid.GridPanel({
         store: store
         ,columns:[{
                dataIndex:'firstname'
                ,header:'First Name'
                ,width:139
                    },{
                dataIndex:'lastname'
                ,header:'Middle Name'
                ,width:139
                     }
             ]
  });

   var myWindow = new Ext.Window({
        width:300,
        height:300,
        layout:'fit',
        closable:false,
        resizable:false,
        items:[myPanel]
     });

   myWindow.show();
});       

And php code is:

<?php
session_start();
$o = array(
   "success" => true,
   "data" => array( "firstname" => "ABC" ,
                    "lastname" => "MNO")
   );
$_SESSION["err"] = isset($_SESSION["err"]) ? !$_SESSION["err"] : true;
header("Content-Type: application/json");
echo json_encode($o);
?>

I want to print the values ABC and MNO in the grid panel. i'm using extjs 2.3. please help me out. Thanks

Answer 1

I'm unable to load values taken from JSON object into grid panel. Grid panel is coming but its not gettiing populated with data. I'm very new to extjs. Help me out MisterMister