对Ext.form.TriggerField实现下拉菜单和手动两种方式输入数据

自定义菜单menu,当选中menu菜单后,选中数据将自动录入triggerfield中,同时menu将隐藏

	var menu=new Ext.menu.Menu({
		shadow:'frame',
		items:[
		{text:'栏目1',handler:onmenucheck},
		{text:'栏目2',handler:onmenucheck},
		{text:'栏目3',handler:onmenucheck}
		]
	})
	function onmenucheck(item){
		menu.hide();
		triggerfield.setValue(item.text);
	}

triggerfield控件实现,当点击下拉图标时自动出现menu菜单

	var triggerfield=new Ext.form.TriggerField({
		fieldLabel:'选择',
		name:'name',
		onSelect:function(record){
		},
		onTriggerClick:function(){
			if(this.menu==null)
			this.menu=menu;
			this.menu.show(this.el,"tl-bl?");
		}
	})
form表单控件,用于放置triggerfield

	var form2=new Ext.form.FormPanel({
		title:'form2',
		frame:true,
		items:[triggerfield],
		renderTo:'form2'
	})

效果显示:


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值