ExtJs4 学习3 combox自动加载的例子

Ext.onReady(function() {
 
            delivery_datas = [{
                        "Id" : "1",
                        "Name" : "邮寄"
                    }, {
                        "Id" : "2",
                        "Name" : "自提"
                    }, {
                        "Id" : "3",
                        "Name" : "送货上门"
                    }];
                            
            var f_width = 250;
            var f_label = 60;
            // 客户资料新增
            var addForm = Ext.create('Ext.form.Panel', {
                        autoWidth : true,
                        autoHeight : true,
                        id : 'custInfo_addForm',
                        autoScroll : true,
                        frame : true,
                        lableAlign : "right",
                        items : [{
                                    layout : 'column',
                                    frame : true,
                                    style : 'border:0px solid black; border-top:0;',
                                    items : [{
                                                xtype : 'textfield',
                                                name : 'customerLongName',
                                                id : 'customerLongName',
                                                hidden : true,
                                                hideLabel : true,
                                                fieldLabel : '客户名称',
                                                margin : '0 0 0 70',
                                                width : 340,
                                                labelWidth : 60
                                            }, {
                                                xtype : 'combobox',
                                                name : 'delivery',
                                                id : 'delivery',
                                                fieldLabel : '交付方式',
                                                queryMode : 'local',
                                                displayField : 'Name',
                                                emptyText : '请选择',
                                                editable : false,
                                                valueField : 'Id',
                                                store : Ext.create(
                                                        'Ext.data.Store', {
                                                            fields : ['Id',
                                                                    'Name'],
                                                            data : mydata
                                                        }),
                                                width : f_width,
                                                labelWidth : f_label,
                                                margin : '0 0 0 150'
                                            }]
                                }]
                    });
 
            var win = Ext.create('Ext.window.Window', {
                        title : '顾客资料新增',
                        width : 800,
                        height : 500,
                        layout : 'fit',
                        modal : true,
                        autoScroll : true,
                        closeAction : 'hide',
                        border : 0,
                        buttonAlign : 'center',
                        items : [addForm],
                        buttons : [{
                                    text : "保存",
                                    minWidth : 70,
                                    handler : function() {
                                        if (addForm.getForm().isValid()) {
                                            var url = 'insert';
                                            // submit(addForm, url, win, panel);
                                        }
                                    }
                                }, {
                                    text : "关闭",
                                    minWidth : 70,
                                    handler : function() {
                                        win.hide();
                                    }
                                }]
                    });
            win.show();
        })

你可能感兴趣的:(extjs4)