`
scnujie
  • 浏览: 127774 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

EXT中键盘触发事件的处理

阅读更多
今天EXT中又碰到没接触过的东西:就是怎样处理键盘的触发事件,百度了挺久,后来经师兄指点,到了它的官方论坛一看,没成想原来这么简单:就是加多个keys属性然后在里面定义属性和方法而已,如下

    var myform = new Ext.FormPanel({
        labelWidth: 75,
        title:'双卫网后台登录',
        frame:true,
        url:'login.html',
        width: 340,
    method:'POST',
keys:[
             {
   key: [10,13],
               fn:surely
              }
           ],
        items: [
             mytext,
             mypassword,
             mytestcode,
             {
             html:'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img alt="code..." name="randImage" id="randImage" src="image.html" width="60" height="16" border="1" align="absmiddle"><a  href="#" onClick="location.reload()" >看不清点我</a>'
             }

            ],
           
        buttons:[
      {
        text:'确定',
        id:'sure',
        handler:surely
      },
      {
        text:'重置',
        id:'clear',
        handler:reset
      }]   
          
        });
       
   function reset()
   {
       myform.form.reset();
   }
  
   function surely()
   {
     if(myform.getForm().isValid())
     {
       myform.getForm().getEl().dom.submit();
     }
  }
2
1
分享到:
评论

相关推荐

    使用Ext中的Ajax做的聊天室

    5. **JavaScript事件监听**:在Ext中,通过事件监听可以捕获用户的交互,例如当用户按下键盘或点击按钮时触发相应的函数。在聊天室中,可能需要监听键盘事件来捕获用户输入,以及按钮点击事件来触发消息发送。 6. *...

    Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享

    在Ext JS中,我们主要通过Ext.onReady函数确保DOM完全加载后再绑定事件处理函数。在Ext.onReady函数内,我们可以通过监听document的keydown事件来阻止F5和退格键(keyCode为8)的默认行为。 在监听keydown事件时,...

    Ext.net怎么设置快捷键

    总结来说,EXT.NET设置快捷键涉及到JavaScript事件处理和EXT.NET的组件交互。通过绑定键盘事件并定义相应的处理函数,你可以使用户通过键盘快速执行各种操作,从而提升应用的易用性和效率。记得在设计快捷键时要考虑...

    EXT动态新增一行

    3. **编写事件处理函数**:当用户点击按钮时,事件处理函数会被调用。在这个函数中,你需要创建新的组件实例(例如文本框或下拉框),并将其添加到对应的列中。 4. **更新布局**:添加新组件后,需要通知EXT框架...

    Ext.net Enter实现Tab功能

    当用户按下键盘上的某个键时,事件会触发,并且`event.keyCode`属性会返回该按键对应的键盘码。在这个例子中,如果检测到`event.keyCode`等于13(即Enter键的键盘码),那么`event.keyCode`将被设置为9,这是Tab键的...

    ext-----多选下拉框

    4. **事件处理**: EXT提供了丰富的事件处理机制,如`select`事件会在用户选择一个或多个项目时触发,可以在这里处理用户的选择行为。例如,添加监听器`{select: function(combo, records, eOpts) { ... }}`来捕获...

    Ext表单组件之textField

    总结,Ext.form.TextField是构建Web应用不可或缺的一部分,掌握其使用方法和配置选项,以及如何结合事件处理和源码分析,将有助于我们更高效地开发功能丰富的表单系统。通过深入学习和实践,我们可以创建出符合业务...

    Ext用户扩展控件-------支持树上多个节点和叶子的拖动

    在EXT JS中,我们可以监听键盘事件并根据按键状态改变选择状态。例如,当按下shift键时,可以选择连续的节点;而按下ctrl键时,可以实现不连续节点的多选。这种多选机制使得用户在拖动操作时可以一次性移动多个元素...

    ext输入框点击回车键直接进入查询

    总结来说,实现“EXT输入框点击回车键直接进入查询”这一功能,主要涉及EXTJS的组件创建、事件监听、键盘事件处理以及自定义查询逻辑。通过这些步骤,我们可以创建一个响应用户输入、具有良好交互体验的Web应用。在...

    Ext-DateTimeField

    此外,还可以通过事件监听器来处理用户的选择行为,比如在用户选择日期时间后触发某些操作。 尽管DateTimeField在功能上提供了很多便利,但存在的BUG可能包括以下几点: 1. 日期和时间选择的同步问题:在某些情况下...

    EXTJS3 Ext.PagingToolbar() 快捷键应用

    在这个例子中,`Ext.getDoc().on('keydown'...)` 注册了一个全局的键盘事件监听器,当用户按下`PAGE_UP`或`PAGE_DOWN`键时,`prevPage`和`nextPage`方法会被调用,分别执行上一页和下一页的操作。 快捷键的应用不仅...

    Ext Js权威指南(.zip.001

    5.5.1 为元素绑定键盘事件:ext.util.keymap / 201 5.5.2 键盘导航:ext.util.keynav / 204 5.6 综合实例:股票数据的实时更新 / 205 5.7 本章小结 / 214 第6章 选择器与dom操作 / 215 6.1 ext js的选择器:...

    单片机第六次实验外部中断EXT1、EXT2.pdf

    单片机实验中,外部中断EXT1和EXT2是重要的输入事件触发机制,用于响应来自单片机外部的特定信号,通常用于实时系统的应用,比如传感器数据采集或用户交互。在这个第六次实验中,我们将深入理解EXT1和EXT2中断的工作...

    再探Ext中TreePanel控件和TabPanel控件搭配测试

    当用户点击TreePanel中的节点时,可以触发事件,切换到对应的TabPanel标签页,或者在当前标签页内更新内容。这样的设计使得用户能够更有效地组织和导航数据。 在测试这种结合使用的情况时,我们需要关注以下几个...

    EXT 时间控件 3.0以上使用

    2. **事件处理**: - `select`:当用户选择了一个新的日期时间后触发。 - `change`:当输入框的值发生变化时触发,可用于实时验证和数据处理。 3. **使用示例**: ```javascript Ext.onReady(function() { var...

    单片机第六次实验外部中断EXT1、EXT2.docx

    为了避免按键抖动导致的误操作,实验中采用了一种简单的延时处理方法:当检测到IOB2口的负跳沿后,延迟一定时间(如20毫秒),如果IOB2口仍然保持低电平,那么才认为按键被按下,从而发送中断触发信号。 【硬件连接...

    ext_int.rar_lpc2468

    标题中的"ext_int.rar_lpc2468"暗示了这是一个关于LPC2468微控制器的外部中断编程的项目。LPC2468是NXP半导体公司推出的一款基于ARM7TDMI-S内核的微控制器,具有丰富的外设接口和高性能,常用于嵌入式系统设计。 在...

    ext Ajax桌面程序例子

    - JavaScript事件处理:通过监听用户的鼠标点击、键盘输入等事件,触发Ajax请求。 - DOM操作:动态修改HTML文档,更新界面内容。 - CSS和JavaScript库(如EXTJS):提供美观的界面和丰富的交互效果。 通过结合这些...

Global site tag (gtag.js) - Google Analytics