`

ExtJs Ext.KeyNav 为元素提供简单的按键事件,多线程

阅读更多
KeyNav 按键事件
/**
    Ext.KeyNav为元素提供简单的按键处理方法
   **/
   var keyNavPanel=new Ext.Panel({
title:'键盘绑定对象示例',
width:'280px',
renderTo:Ext.getBody(),
html:'<div style="height:160px;padding:5px;"><div id="div5" style="background-color:#3399FF;height:20px">请点击我,然后<br>按键盘 "enter"键</div></div>'
});
var el5=Ext.get("div5");
var nav=new Ext.KeyNav(el5,{
"left": function(e){
  alert('向左的按键被按下了');
},
  "right": function(e){
  alert('向右的按键被按下了');
},
  "enter": function(e){
  alert('回车键被按下了');
},
  scope:el5
});
nav.enable();
多任务线程
//Ext.util.TaskRunner 提供多线程的定时服务,该类提供了对多线程任务的管理

var task={
run:function(){
  Ext.Msg.alert('提示','线程已运行!我将每次运行重复5次,但10s后我将停止');
},
interval:1000,
repeat:5,
duration:1000 //在线程开始前停止的时间
};
var task1=new Ext.util.TaskRunner();
task1.start(task);
task1.stopAlll();
  
分享到:
评论

相关推荐

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    EXTJS3 Ext.PagingToolbar() 快捷键应用

    在EXTJS3中,我们可以通过为`Ext.PagingToolbar`添加快捷键来提升用户的操作效率。这通常是通过监听键盘事件并根据按键触发相应的分页操作来实现的。例如,我们可以绑定`PageDown`键来模拟点击“下一页”按钮,或者...

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    在ExtJS 4.x框架中,ComboboxTree是一种特殊的组件,它将传统的下拉框与树形结构结合在一起,提供了一种更为灵活的用户输入方式。这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或...

    ExtJS 多文件上传 UploadDialog For ExtJS3.x

    ### ExtJS 多文件上传 UploadDialog For ExtJS3.x #### 概述 在Web开发领域,特别是使用ExtJS框架进行界面设计时,文件上传功能是必不可少的一部分。然而,随着ExtJS版本的更新,原有的多文件上传组件可能不再兼容...

    关于extjs ext.tree

    - 使用`Ext.tree.Column`可以为TreePanel添加列,展示更多节点信息。 - `Ext.menu.Menu`可以与`itemcontextmenu`事件结合,创建节点的右键菜单。 - `Ext.selection.TreeModel`提供了树形选择行为,支持单选或多选...

    Extjs3.x入门学习

    在ExtJS中,处理日期通常涉及到`Ext.Date`对象,它提供了一系列的日期格式化和解析函数。了解日期格式的设置和使用能帮助我们更好地展示和处理日期数据。 6. **Windows使用**: Windows是ExtJS中的弹出式窗口组件...

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法提供了waitTitle和waitMsg属性来实现等待提示。为了解决这一限制,我们可以采用Ext.MessageBox的...

    ExtJS Ext.MessageBox.alert&#40;&#41;弹出对话框详解

    代码如下: Ext.onReady(function() { Ext.Msg.alert&#40;‘提示’, ‘逗号分隔参数列表’&#41;; //这种方式非常常见的 }); 效果图: 代码如下: Ext.onReady(function() { //定义 JSON(配置对象) var config = { ...

    Ext.get与Ext.fly 的区别

    在EXTJS这个强大的JavaScript框架中,`Ext.get`和`Ext.fly`是两个非常重要的方法,它们都用于操作DOM元素,但它们之间存在着微妙的差异。了解这些差异对于优化代码性能和理解EXTJS的工作机制至关重要。 首先,`Ext....

    extjs3.x 官方示例以及chm版api

    综上所述,"extjs3.x 官方示例以及chm版api"为开发者提供了一套完整的ExtJS 3.x 学习和开发资源,包括实际的示例应用和详细的API文档,是深入理解和掌握这一版本ExtJS的关键工具。通过学习和实践,开发者可以高效地...

    Ext.ux.UploadDialog.zip

    "UploadDialog"是EXTjs中的一个扩展(Extension),它为用户提供了一个集成的文件上传对话框功能。这个"Ext.ux.UploadDialog.zip"压缩包包含了EXTjs的UploadDialog组件,方便开发者在自己的项目中直接使用。 ...

    ExtJs3.* 分页树 Ext.ux.tree.PagingTreeLoader

    ExtJs 3.x 分页树(Ext.ux.tree.PagingTreeLoader)是一个强大的扩展,它在处理大量数据时尤其有用,因为树形结构通常需要显示大量的层级和节点。这个组件引入了分页功能,允许用户逐步加载树节点,而不是一次性加载...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    ### ExtJs选中 `var editor = new Ext.ux.grid.RowEditor` 详解 在Web开发领域,特别是使用ExtJs框架进行复杂用户界面构建时,`RowEditor` 是一个非常实用的功能,它允许用户直接在表格行内编辑数据,极大地提高了...

    extjs4.x tabpanel 动态加载panel和html例子

    在EXTJS 4.x框架中,`tabpanel`是用于创建多标签界面的组件,它可以方便地组织和切换多个视图。动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。...

    ExtJS ToolTip功能

    通过上述示例,我们了解了如何在ExtJS中使用`ToolTip`功能为网格中的每一列提供额外的信息提示。这种方式不仅提高了应用的交互性,也增强了用户体验。此外,我们还学习了如何定义组件、配置布局、设置数据存储、添加...

    extjs 可编辑的表格树 Ext.tree.ColumnTree Ext.tree.ColumnTreeEditor

    extjs 可编辑的表格树,每个单元格自定义编辑组件,可以自适应列宽,只有源码与例子,运行实例要修改路径,不然图片不能显示,注意etree.jsp的js引入路径 支持Ext2.x以上版本 如运行不了EmailTo : codeme9@gmail....

    Extjs Ext.MessageBox.confirm 确认对话框详解

    方法,具有两个按钮“是”和“否”如果为其提供一个回调函数,则该函数将在单击按钮后被调用(包括右上角的推出按钮),所单击按钮的id将被作为唯一的参数传递到回调函数中。 调用格式: confirm&#40;String title,...

    ExtJS 3.4.0中的 ext.jsb2 文件

    在使用`ext.jsb2`时,通常会结合Sencha CMD(Sencha Command)工具,这是一个命令行工具,为ExtJS和Sencha Touch应用提供自动化构建流程。通过Sencha CMD,你可以使用`ext.jsb2`中的信息来生成一个优化过的...

Global site tag (gtag.js) - Google Analytics