zoukankan      html  css  js  c++  java
  • 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();
            })
  • 相关阅读:
    实时监听输入框值变化的完美方案:oninput & onpropertychange
    展示两行,超出用。。。表示
    修改下拉框滚动条样式
    js单线程工作
    锚点
    火狐图片乱码
    解决重复提交的几种方法
    forward和redirect的区别
    form表单刷新自动提交
    addEventListener和attachEvent的区别
  • 原文地址:https://www.cnblogs.com/luhouxiang/p/4480552.html
Copyright © 2011-2022 走看看