test extjs

var cob = Ext.create('Ext.data.JsonStore', {
            fields : [ 'id', 'name'],
            proxy : {
                type : 'ajax',
                url : 'page/page1.action',
                reader : {
                    type : 'json'
                }
            }
        });

var population = Ext.create('Ext.data.JsonStore', {
    fields : [ 'id', 'name'],
    proxy : {
        type : 'ajax',
        url : 'page/page1.action',
        reader : {
            type : 'json'
        }
    }
});

var scenario = Ext.create('Ext.data.JsonStore', {
    fields : [ 'id', 'name'],
    proxy : {
        type : 'ajax',
        url : 'page/page1.action',
        reader : {
            type : 'json'
        }
    }
});

//下拉框  
var cobCombobox = new Ext.form.ComboBox({  
               hiddenName : 'cob',  
               name:'cob',  
               id:'cob',  
               triggerAction : 'all',  
               store : cob,  
               fieldLabel: "COB",
               displayField : 'name',  
               valueField : 'id',  
               mode : 'local',
               editable : false
            });
var populationCombobox = new Ext.form.ComboBox({  
    hiddenName : 'population',  
    name:'population',  
    id:'population',  
    triggerAction : 'all',  
    store : cob,  
    fieldLabel: "POPULATION",
    displayField : 'name',  
    valueField : 'id',  
    mode : 'local',
    editable : false,  
    multiSelect: true
 });
var scenarioCombobox = new Ext.form.ComboBox({  
    hiddenName : 'scenario',  
    name:'scenario',  
    id:'scenario',  
    triggerAction : 'all',  
    store : cob,  
    fieldLabel: "SCENARIO",
    displayField : 'name',  
    valueField : 'id',  
    mode : 'local',
    editable : false,  
    multiSelect: true
 });
//
//cob.load({
//    callback : function(records, operation, success) {
//        console.log(records);
//        combo.setValue(this.getAt(0).get('key'));
//    }
//});

var form = new Ext.form.FormPanel({
    labelAlign: 'right',
    labelWidth: 60,
    buttonAlign: 'center',
    frame:true,
    width: 800,

    items: [{
        layout:'column',
        items: [{
            columnWidth:.33,
            layout: 'form',
            items:[cobCombobox]
        },{
            columnWidth:.33,
            layout: 'form',
            items:[populationCombobox]
        },{
            columnWidth:.33,
            layout: 'form',
            items:[scenarioCombobox]
        }]
    }],
    buttons: [{
        text: 'refresh',
        handler: function() {
            form.getForm().submit();
        }
    }]
});


Ext.application({
    name: 'AppTest',
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            items: [form]
        });
    }
});