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]

});

}

});