Extjs change contents of a panel with a combobox values

Hi,
I need to show different php pages in a frame on the body of a tab. The name of the php pages should be selected from a dropdown menu on the toolbar.
I have already made the combobox but how can I call specific php pages and show them inside a frame on the same tab?

------------stores.js..................
report_store = Ext.create('Ext.data.Store', {
        fields: ['name','label'],
        data : [
        {
            "label":"Data Summary",
            "value":"Data Summary"
        },
        {
            "label":"SROI Reports",
            "value":"SROI Reports"
        },
        {
            "label":"Outputs Reports",
            "value":"Outputs Reports"
        },
        {
            "label":"Outcomes Reports",
            "value":"Outcomes Reports"
        },
        {
            "label":"Longitudinal Reports",
            "value":"Longitudinal Reports"
        }
      
       
       
        ]
    });
.......................Reports.js.............................
ReportTab.prototype.getToolbar = function() {
    var _this = this;

    var toolbar = Ext.create('Ext.toolbar.Toolbar',{
        items: [
   ,{
            xtype:'combo',
            id: _this.report_combo_id,
            labelWidth: 70,
            fieldLabel: 'Report Type',
            store: report_store,
            queryMode: 'local',
            displayField: 'label',
            valueField: 'name'
      
        }
         ]
   
    });

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.