自定义菜单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'
})
效果显示: