ExtJs之下拉框

//下拉框store
var store = new Ext.data.Store({
    autoLoad: true,
    storeId: 'centerStore',
    fields : ['id','name'],
    proxy: {
        type:'ajax',
        url: url',
        reader: {
            type: 'json'
        }
    }
});
var addWin = Ext.create('Ext.window.Window', {
	id: 'addWin',
    	width: 300,
    	height:300,
    	bodyPadding: 5,
    	maximizable: false,
    	monitorValid:true,
    	modal: true,
    	closeAction: 'hide',
    	listeners:{'close':function(){
	    	cancelForm();
    		}
   	},
    overflowX: 'hidden',
    overflowY: 'auto',
    items: [
        Ext.create('Ext.form.Panel', {
        	id: 'userEngineForm',
        	width: 430,
            url: url,
            layout: 'anchor',
            defaultType: 'textfield',
            items: [{	//隐藏域
        			name: 'id',
        			hidden: true
        		},{
        	    	xtype: 'textfield',
        			fieldLabel:'ID',
        		    name: 'userId',
        		    disabled: true //不可编辑也不提交
        	    },{
        	    	xtype: 'textfield',
        			fieldLabel:'用户账号',
        		    name: 'account',
        		    disabled: true
        	    },{ 
					xtype: 'combobox',             //使用xtype定义
					name: 'engineId',                //form提交时的名称
					id: 'eId',
					fieldLabel: '请选择',        //显示的Label
					store: store,               //绑定的Store
					editable: false,               //是否可编辑
					displayField: 'name',         //显示的字段
					valueField: 'id',              //值的字段
					queryMode: 'local'             //查询模式
	    				
				}
			]
        })
    ],
    buttons: [
        {
        	text: '保存',
        	handler: function(){
        		var eId=Ext.getCmp('eId').getValue();
        		if(eId == '' || eId == null){
        			Ext.Msg.alert('系统错误提示', '请选择数据');
        			return;
        		}
        		Ext.getCmp('userEngineForm').submit({
        			waitTitle: '系统提示',
        			waitMsg: '保存中......',
        			success: function(form, action){
        				if(!action.result.success){
        					Ext.Msg.alert('系统提示', action.result.msg);
        					return;
        				}
        				//清空form表单
        				cancelForm();
        				
        				Ext.Msg.alert('系统提示', '保存成功!', function(){
			            	userEngineStore.reload();
			            });
        			},
        			failure: function(form, action){
        				Ext.Msg.alert('系统提示', action.result.msg);
        			}
        		});
        	}
        },{
        	text: '取消',
        	handler: function(){
        		cancelForm();
        	}
        }
    ]
});


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值