在Ext Grid中分页

Question

Hi I am using Ext Js version 4.1.8 and I want to add paging on my extjs grid.

I have been using

Ext.create('Ext.data.Store', {
    model: 'List',    
    proxy:{
       type: 'ajax',
       api:{
           read:'getJson.php',
       },
       extraParams:{
           PRKEY : selectedProjId
       },
    },
    reader:{
       type: 'json',
       root: 'data',    
    }
});

That is working fine, but if I change my json format in my php file and change the root type to someother string like 'users' I do not see any data

Here is my json creation code in getJson.php

//in a loop
$aNode = array( 
    "Name" => "My Name",
    "ID"   => "123");
array_push($nodeArr, $aNode);
//end of loop

$json = new Services_JSON;
echo $json->encode($nodeArr);

and here is for the php code I want to run

//in a loop
$aNode = array( 
"Name" => "My Name",
    "ID"   => "123");
array_push($nodeArr, $aNode);
//end of loop

$json = new Services_JSON;
$jsonResult = array(
    'success' => "true",
    'users' => $nodeArr
);
echo $json->encode($jsonResult );

and here is the new store code

Ext.create('Ext.data.Store', {
    model: 'List',  
    proxy:{
        type: 'ajax',
        api:{
            read:'getJson.php',
        },
        extraParams:{
            PRKEY :selectedProjId
        },
    },
    reader:{
        type: 'json',
        root: 'users'
    }
});

Please help so I can add totalProperty in reader of my store and perform paging.

Answer 1

Add the value of totalProperty adjacent to success, for example:

$total = get_total_number_of_records();
$jsonResult = array(
    'success' => "true",
    'total' => $total
    'users' => $nodeArr
);

Server side has to honor sent start and limit parameters in addition to total and it has to return only limit number of records starting from start , not all from the database.

Answer 2

ahh figured it out guys. I was using 'reader' outside proxy block. I changed it and added it inside proxy and it worked.

Cheers! here is how it works

Ext.create('Ext.data.Store', {
    model: 'List',  
    proxy:{
        type: 'ajax',
        api:{
            read:'getJson.php',
        },
        extraParams:{
            PRKEY :selectedProjId
        },
        reader:{
            type: 'json',
            root: 'users'
        }
    }        
});