test extjs

本文介绍了一个使用ExtJS框架创建的示例应用,该应用包含了多个通过Ajax加载数据的组合框。这些组合框分别用于选择不同的选项如COB、人口和情景,并展示了如何设置这些组合框的基本属性及布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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]
        });
    }
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值