EXT中回车事件应用

EXT中Viewport中的item实现回车事件操作：
方法一：listeners监听
如下面的代码：

this.viewport = new Ext.Viewport({
                frame:true,
                layout:"border",
                margins:'5',
                items:[{
                    xtype:'toolbar',
                    region: 'north',
                    border:false,
                    style:'border:none;',
                    id:'topToolbar',
                    items:[{
                        xtype:'label',
                        text:'查找脚本内容：'
                    },{
                        xtype:'textfield',
                        id:'txtValue',
                        width:200,
                        emptyText:'输入要查找的脚本内容',
                        listeners :{
                            specialkey : function(field,e){
                                if (e.getKey() == Ext.EventObject.ENTER) {
                                    var searchValue = Ext.getCmp("txtValue").getValue();
                                    var url = 'script!getSearchScript.jhtml?searchValue=' + searchValue;
                                    setActiveTab(url,"搜索结果");
                                }
                            }
                        }
                    }]
                  }]

                })

其中listeners是对回车事件的监听，当 e.getKey()==Ext.EventObject.ENTER时，在function中增加回车事件操作。

listeners :{
                            specialkey : function(field,e){
                                if (e.getKey() == Ext.EventObject.ENTER) {
                                    var searchValue = Ext.getCmp("txtValue").getValue();
                                    var url = 'script!getSearchScript.jhtml?searchValue=' + searchValue;
                                    setActiveTab(url,"搜索结果");
                                }
                            }
          }

方法二：绑定键盘回车事件：

                            {
                                xtype:'textfield',
                                ctCls:'searchBox-fill',
                                name:'q',
                                id:'ceshi',
                                style:'width: 93%;background-image: url(../res/img/find.gif);background-position: right;background-repeat: no-repeat;',
                                emptyText:"表名称或表id"
                            }
                    var addListenersToQ=function(){
                        var text = Ext.get("ceshi").dom;
                        new Ext.KeyMap(Ext.get(text), {
                            key: Ext.EventObject.ENTER,
                            fn: function(){
                                doSearch(tree.getRootNode(),"");//要执行的操作
                            },
                            scope: this
                        });
                    }

通过Ext.KeyMap来绑定item中的元素。
通过Ext.get(“ceshi”).dom来获得EXT.Element对象中的dom元素。