New to JQuery and Grids Submit Store values to new screen
<p>I have this grid, everything is working so far, I just can't figure out how to submit the values of the SecondGridStore from app.js to the custom_report.php page. 
There are 3 seperate parts, app.js holds all my data and information, report_creation.php just shows the grid and then I want the export button to submit the values to custom_report.php.
app.js</p>

<pre><code>Ext.require([
    'Ext.grid.*',
    'Ext.data.*',
    'Ext.dd.*'
]);

Ext.define('DataObject', {
    extend: 'Ext.data.Model',
    fields: ['id', 'name']
});

Ext.onReady(function(){

    var myData = [
        { id : "1", name : "id" },
        { id : "2", name : "information" },
        { id : "3", name : "information" },
        { id : "4", name : "information/information" },
        { id : "5", name : "information" },
        { id : "6", name : "information" },
        { id : "7", name : "information" },
        { id : "8", name : "information" },
        { id : "9", name : "information" },
        { id : "10", name : "information" },
        { id : "11", name : "information" },
        { id : "12", name : "information" },
        { id : "13", name : "information" },
        { id : "14", name : "information" },
        { id : "15", name : "information" },
        { id : "16", name : "information" },
    { id : "17", name : "information" },
    { id : "18", name : "information" },
    { id : "19", name : "information" },
    { id : "20", name : "information" }
    ];  

    var firstGridStore = Ext.create('Ext.data.Store', {
        model: 'DataObject',
        data: myData

    });


    var columns = [
        {text: "ID", width: 30, sortable: true, dataIndex: 'id'},
        {text: "Field Name", flex: 1, sortable: true, dataIndex: 'name'},
    ];

    // declare the source Grid
    var firstGrid = Ext.create('Ext.grid.Panel', {
        multiSelect: true,
        viewConfig: {
            plugins: {
                ptype: 'gridviewdragdrop',
                dragGroup: 'firstGridDDGroup',
                dropGroup: 'secondGridDDGroup'
            },

        },
        store            : firstGridStore,
        columns          : columns,
        stripeRows       : true,
        title            : 'Choose Field from Here ',
        margins          : '0 2 0 0'
    });

    var secondGridStore = Ext.create('Ext.data.Store', {
        model: 'DataObject'


    });

    var secondGrid = Ext.create('Ext.grid.Panel', {
        viewConfig: {
            plugins: {
                ptype: 'gridviewdragdrop',
                dragGroup: 'secondGridDDGroup',
                dropGroup: 'firstGridDDGroup'
            },

        },
        store            : secondGridStore,
        columns          : columns,
        stripeRows       : true,
        title            : 'Order Here to Build Report',
        margins          : '0 0 0 3'
    });

    //Simple 'border layout' panel to house both grids
    var displayPanel = Ext.create('Ext.Panel', {
        width        : 650,
        height       : 300,
        layout       : {
            type: 'hbox',
            align: 'stretch',
            padding: 5
        },
        renderTo     : 'panel',
        defaults     : { flex : 1 }, //auto stretch
        items        : [
            firstGrid,
            secondGrid
        ],
        dockedItems: {
            xtype: 'toolbar',
            dock: 'bottom',
            items: ['-&gt;', // Fill
            {
                text: 'Reset both grids',
                handler: function(){
                    //refresh source grid
                    firstGridStore.loadData(myData);

                    //purge destination grid
                    secondGridStore.removeAll();
                }
            }]
        }
    });
});
</code></pre>

<p>report_creation.php</p>

<pre><code>&lt;?php
  require_once 'includes/standard.inc.php';
  $pagetitle='Create Report';
  require 'includes/header.inc.php';
?&gt;
  &lt;br /&gt;
 &lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"/&gt;
    &lt;title&gt;Grid to Grid Drag and Drop Example&lt;/title&gt;
    &lt;link rel="stylesheet" href="http://cdn.sencha.io/try/extjs/4.0.7/resources/css/ext-all-gray.css"/&gt;
    &lt;script src="http://cdn.sencha.io/try/extjs/4.0.7/ext-all.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="css/reportcreation.css"/&gt;
    &lt;!--&lt;script src="js/rptmsgbox.js"&gt;&lt;/script&gt;--&gt;
    &lt;script src="js/app.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div align="center" id="panel"&gt;&lt;/div&gt;
    &lt;table&gt;
        &lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
        &lt;form method="link" action="custom_report.php"&gt;
            &lt;tr align="right"&gt;&lt;td&gt;&lt;input type="submit" value="Export"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;!--onClick="parent.location='custom_report.php'"--&gt;
        &lt;/form&gt;
    &lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;

&lt;?php require 'includes/footer.inc.php'; ?&gt;
</code></pre>

<p>custom_report.php</p>

<p>I don't know what to put here to get the information, or even if the data is being passed to this page</p>
