码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-05-05 23:39:58      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

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 学习3 combox自动加载的例子

标签:

原文地址:http://www.cnblogs.com/luhouxiang/p/4480552.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!