Extjs4中的Ext.form.field.Trigger示例

 1 //Ext.form.field.Trigger示例   
 2     Ext.onReady(function(){
 3         
 4         var testForm=Ext.create('Ext.form.Panel',{
 5             title:'Ext.form.field.Trigger实例',
 6             bodyStyle:'padding:5 5 5 5',//表单边距
 7             width:300,
 8             height:150,
 9             defaults:{
10                 labelSeparator:':',
11                 labelWidth:70,
12                 width:200,
13                 labelAlign:'left'
14             },
15             items:[{
16                 xtype:'triggerfield',
17                 id:'demo',
18                 fieldLabel:'触发字段',
19                 hideTrigger:false,//不隐藏触发按钮
20                 onTriggerClick:function(){
21                     var demo=testForm.getForm().findField('demo');
22                     alert(demo.getValue());//获取控件的值
23                     Ext.getCmp('demo').setValue('hello world');
24                 }
25                 }],
26                 renderTo:Ext.getBody()
27             
28         });
29         
30         
31     });

 

posted @ 2013-04-26 18:05  全力以赴001  阅读(1507)  评论(1编辑  收藏  举报