EXT的formfield中combo下拉框为textfield赋值

{
	columnWidth : 0.2,
	layout : 'form',
	labelWidth : 70,
	items : {
		fieldLabel : '维修材料',    //repair_material
	        width : 70,  
                name  : 'repair_material',  
                xtype:'combo',  
                editable : false,  
                mode  :'local',    
                triggerAction:'all',   
                allowBlank:false,  
                store : matStore,     
                displayField: 'cname',   
                valueField  : 'cid', 
                //emptyText:'无',//默认值
                 listeners:{  
                     select : function(combo, record,index){ 
            	     //alert(record.data.cid); 
            	    //alert(combo.value);
                    Ext.Ajax.request({
			url: 'warrantyServiceAction!selectDanwei.shtml',
			method: 'POST',
			params: {material_name_test:record.data.cname},      
			success: function(response) {
			//alert(response.responseText);
			if(response.responseText=="null"){
			Ext.getCmp("repair_danwei").setValue("无");
			}else{
			Ext.getCmp("repair_danwei").setValue(response.responseText);
			}
											
												
												
				}
								}); 
            						},
            						/*
            						    render:function(obj) {  
                                            var fontNew = document.createElement("font");  
                                            fontNew.setAttribute("color","black");  
                                            var redStar = document.createTextNode('小时');  
                                            fontNew.appendChild(redStar); 
                                            obj.el.dom.parentNode.appendChild(fontNew);  
                                        } 
                                        */   
        						}       
                                    
									}
								},{
								columnWidth : 0.2,
								layout : 'form',
								labelWidth : 30,
									items : {
										fieldLabel : '单位',    //repair_material
										 width : 70,  
                                    name  : 'repair_danwei',  
                                    id: 'repair_danwei',
                                    xtype:'textfield',  
                                    editable : false,  
                                    readOnly:true
							
            						}
        						},       

vxe-form是一个基于Vue.js的表单组件库,其包含了多种表单元素,包括下拉框(select)。 使用vxe-form下拉框非常简单。首先,需要引入相关的组件。 在Vue的模板,通过使用vxe-form-item组件包裹下拉框来创建表单项,例如: <vxe-form-item label="性别"> <vxe-select v-model="gender" placeholder="请选择性别"> <vxe-option label="男" value="male"></vxe-option> <vxe-option label="女" value="female"></vxe-option> <vxe-option label="其他" value="other"></vxe-option> </vxe-select> </vxe-form-item> 在上述代码,我们通过vxe-form-item设置了表单项的Label为“性别”,并且使用了v-model指令将下拉框的选择绑定到data的gender变量上,使得选择的能够在Vue实例进行使用。 在vxe-select,我们将每个选项都使用vxe-option组件包裹,其label属性设置了选项的展示文本,value属性设置了选项的。 通过上述代码,我们就成功地创建了一个具有下拉框的表单项。当用户在下拉框进行选择时,Vue实例对应的gender变量会被更新为所选的。 除了上述基本的使用方式外,vxe-form下拉框还支持更多的配置。可以通过设置disabled属性来禁用下拉框,设置clearable属性来显示清除按钮,设置filterable属性来启用可搜索的下拉框等等。 总之,vxe-form下拉框使用简单方便,通过设置v-model绑定数据实现数据的双向绑定,可以满足常见的下拉选择需求。同时,通过配置属性,可以进一步定制下拉框的功能和外观。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值