extjs页面加载后事件_javascript中的事件

最新推荐文章于 2024-02-22 16:51:47 发布
VIP文章 最新推荐文章于 2024-02-22 16:51:47 发布
阅读量1.1k 收藏 1
点赞数
文章标签： extjs页面加载后事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_33910305/article/details/113491075
版权
f16a543e710b306c273157a87e5843d4.png

什么是事件

事件，俗话说就是对一定事物产生一定的影响。 例如：我们打开一个网页，网页被打开的那一刻，首先触发的事件就是load事件，只有触发了这个事件，才会执行这部分代码。完成用户与浏览器之间特定的交互。

事件类型

web浏览器发生的事件有很多类型，不同的类型有着不同的信息。包含有：光标事件、表单 事件、页面事件、鼠标事件、键盘事件等。

一、鼠标事件

b93e17e6e6373dd00257a1e9520ea37f.png

鼠标事件

onclick事件:

88c96783f9194d8710f97f0dc0f2b3e3.png

onclick事件

ondbclick事件：

最低0.47元/天 解锁文章
兜兜船长
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ExtJS(ajax框架) 4.2.1
12-19
可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术，由开发人员 JackSlocum开发，通过参考JavaSwing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是 一款不可多得的JavaScript客户端技术的精品。 Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者，并为开发者屏蔽了大量跨浏览器方面的处理。相对来说，EXT要比开发者直接针对DOM、W3C对象模型开发UI组件轻松。 ExtJS(ajax框架) 4.2.1 功能介绍 功能丰富，无人能出其右。 无论是界面之美，还是功能之强，ext的表格控件都高居榜首。 单选行，多选行，高亮显示选中的行，拖拽改变列宽度，按列排序，这些基本功能ExtJS轻量级实现。 自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自己的想法进行渲染，这些也算可以想到的功能。 再加上可编辑grid，添加新行，删除一或多行，提示多行数据，拖拽改变grid大小，grid之间拖拽一或多行，甚至可以在tree和grid之间进行拖拽，这些功能实在太神奇了。更令人惊叹的是，这些功能竟然都在ext表格控件里实现了。 其实从ext3开始就支持各种方式的统计，且有控件支持excel导出。 功能特点 高性能, customizable UI widgets Well designed, documented and extensible Component model Commercial and Open Source licenses available 更新说明 核心改进：检视框架的架构和重塑其基础。这些变化不单提供了产品性能，还提高了其健壮性。 测试框架：在所有支持的浏览器上对框架进行了持续全面的测试。 类系统：作为Extjs 4架构更新的一部分，引用了一个功能更完整的类系统。 沙盒：在ExtJS历史上，ExjJS 4首次提供了完整的沙盒模式。从ExtJS 4开始，框架不再扩展数组或函数等原生对象，因此，与其它的框架同时加载到页面时，再也不会产生冲突。 应用架构：在ExtJS 4，引入了一个标准化的几乎适合任何ExtJS应用程序的MVC风格的应用架构。使用MVC，开发团队只需要学习一种架构就能理解任何ExtJS 4的应用。 SDK工具：正在测试beta版的Sencha SDK工具，在第一版本中包括了优化工具、生成器和slicer工具。这些工具可让你优化Javascript程序，以确保主题能在IE6正常工作。 全新的图表库：ExtJS4中， 全新的、插件自由的图表库是最激动人心的新功能之一，创建了饼图、线图、面积图、雷达图等等，所有这些都是动画的、易于配置的和可扩展的。
轻松搞定Extjs_原创
06-14
这是我花费数月写的关于Extjs的原创教程，共29个章节。下面是目录： 目 录 1 第一章：序 6 第二章：准备与资源 9 一、下载 9 二、拦路虎 9 三、布署环境 11 四、SpketIDE 12 五、资源 16 六、小结 16 第三章：Ext OOP基础 17 一、javascript类的定义 17 二、Extjs命名空间的定义 17 三、Extjs OOP 17 四、配置(config)选项 19 五、Ext.apply()和Ext.applyIf() 20 六、小结 21 第四章：消息框 22 一、话说消息框 22 二、最简单的消息框——提示框 23 三、输入框 23 四、确认框 24 五、自定义消息框 24 六、进度条对话框 25 七、让消息框飞出来 26 八、小结 27 第五章：页面与脚本完全分离 28 一、Extjs是脚本的世界 28 二、Ext.onReady事件 28 三、来自Extjs的问候 29 四、让界面动起来 29 五、Ext.Fx类 30 六、Ext.Element类中的动画函数 34 七、小结 35 第六章：元素操作与模板 36 一、重要也不重要的东西 36 二、Ext.DomHelper类 36 三、Ext.XTemplate 38 四、小结 39 第七章：格式化 40 一、用户需要优秀体验的内容 40 二、Ext.util.Format类 40 三、再谈XTemplete 44 四、如果连Format都不能满足XTemplete的需要呢？ 45 五、小结 45 第八章：Extjs组件结构 46 一、Extjs的组件结构远比我们想象的复杂 46 二、组件分类 47 三、组件的生命周期 48 四、组件渲染方法render 50 五、小结 52 第九章：按钮与日期选择器 53 一、开始组件学习之旅 53 二、被设计得面目全非的按钮 53 三、日期选择器Ext.DatePicker 55 四、小结 56 第十章：数据与ComboBox 57 一、数据在这里是动词 57 二、Ext.data.DataProxy类 57 三、Ext.data.DataReader类 58 四、Ext.data.Store类 59 五、下拉列表框 60 六、得到下拉列表框的值 62 七、源代码 63 八、小结 64 第十一章：Ajax与ComboBox 65 一、Ajax 65 二、Ext.Ajax类 65 三、Ajax文件上传 67 四、你来自远方 72 五、小结 73 第十二章：分页与ComboBox 74 一、关于分页 74 二、从Servlet获取当前页数据 74 三、创建ComboBox 76 四、小结 77 第十三章：面板（Panel） 78 一、漂亮的窗格从这里开始 78 二、Ext.Panel类 78 三、小结 83 第十四章：Panel的子类——Window窗口 85 一、概述 85 二、Ext.Window类 85 三、实现Window的最小化功能 87 四、小结 91 第十五章：Panel的子类——FormPanel 93 一、无处不在的表单 93 二、Ext.form.FormPanel类 93 三、提交表单至服务器 97 四、小结 100 第十六章：更多表单组件 102 一、您能说出哪些表单组件呢？ 102 二、表单组件关系图 102 三、组件配置选项介绍 103 四、完整源代码 107 五、小结 112 第十七章：悬停提示与验证 113 一、悬停提示 113 二、悬停提示的用法 114 三、表单组件验证 118 四、小结 120 第十八章：FormPanel布局与初始化 121 一、布局概述 121 二、分割吧！ 121 三、表单初始化 126 四、小结 131 第十九章：叹为观止的表格组件——GridPanel 132 一、表格、表格面板 132 二、列模型与数据 132 三、加强版的列模型 135 四、小结 138 第二十章：行模型与Grid视图 139 一、行选择模型 139 二、Grid视图 143 三、小结 147 第二十一章：GridPanel分页 148 一、跑跑题——JSON-LIB 148 二、分页工具栏 154 三、分页 154 四、小结 157 第二十二章：GridPanel扩展 158 一、学会自学吧，朋友 158 二、带摘要的GridPanel 158 三、RowExpander 162 四、分组GridPanel 165 五、将带摘要的GridPanel和分组GridPanel合二为一 168 六、小结 171 第二十三章：可编辑的GridPanel——EditGridPanel 172 一、EditGridPanel 172 二、编辑订单数据 173 三、保存修改的数据至服务器 178 四、处理请求 179 五、完整源代码 181 六、验证 186 七、替换选择模型 187 八、小结 187 第二十四章：树与选择模型 188 一、树——TreePanel 188 二、创建简单的TreePanel 189 三、选择模型 192 四、MultiSelectionModel 195 五、带复选框的节点 195 六、小结 199 第二十五章：动态操作树节点 200 一、概述 200 二、基本操作 201 三、事件 203 四、小结 204 第二十六章：远程获取节点数据 205 一、 概述 205 二、异步加载解析 206 三、小结 212 第二十七章：选项卡面板——Ext.TabPanel 214 一、关于魅族和M8 214 二、TabPanel概述 214 三、TabPanel标签操作 216 四、标签弹出菜单 217 五、小结 220 第二十八章：Viewport类 221 一、概述 221 二、Viewport的基本使用 221 三、小结 226 第二十九章：综合项目 227 一、概述 227 二、数据库设计 228 三、持久层封装 229 四、DAO 235 五、业务层 238 六、控制器Action 242 七、Spring配置文件 249 八、主界面 251 九、添加新员工 253 十、员工信息维护 255 十一、效果图 261 十二、小结 262
ExtJS4中文教程2 开发笔记 chm
12-13
Edit Grid限制编辑 ExtJS 4 DirectStore post参数的变化以及应对方法 ExtJS 4 实例之数据包 ExtJS 4中动态加载的路径设置 Extjs4 API文档阅读(一)——类系统(Class System) Extjs4 API文档阅读（三）——布局和容器 Extjs4 API文档阅读（二）——MVC构架(上) Extjs4 API文档阅读（二）——MVC构架(下) Extjs4 API文档阅读（四）——Data ExtJS4 Grid组件 Extjs4 TreeGrid Extjs4 TreePanel实例 ExtJs4 动态加载 Extjs4 带复选框的树（Checkbox tree） Extjs4 新的布局方式 Extjs4 锁定表头(Locking Grid)功能 Extjs4.0 MVC实例 Extjs4.0动态填充combobox数据 Extjs4中up()和down()的用法 ExtJS4学习笔记(一)---window的创建 ExtJS4学习笔记(七)---带搜索的Grid（SearchGrid） ExtJS4学习笔记(三)---VBox的使用 ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(八)---Grid多选 全选 ExtJS4学习笔记(六)---多表头Grid ExtJS4学习笔记(十)---ExtJS4图片验证码的实现 ExtJS4学习笔记(十一)---TabPanel ExtJS4学习笔记(十三)---上传文件(upload) ExtJS4学习笔记(十二)---选项卡(tabs) ExtJS4学习笔记(十五)---Ext.data.Model ExtJS4学习笔记(十六)---Combobox三级联动 ExtJS4学习笔记(十四)--- ComponentQuery ExtJS4学习笔记(四)---Grid的使用 Extjs4开发笔记(三)——菜单的实现 Extjs4开发笔记(二)——框架的搭建 Extjs4开发笔记(五)——动态grid Extjs4开发笔记(四)——实现登录功能 Extjs4开发笔记（一）——准备工作 关于Extjs4开发笔记（二）的补充说明 在Extjs4应用中使用Ext.Loader ======================================= 11条jquery常用技巧和方法整理列表 8个超棒的学习jQuery的网站 JQuery 1.5 getJSON 的使用 JQuery AJAX提交中文乱码的解决方案 Jquery css函数用法 JQuery中getJSON的使用方法 Jquery中显示隐藏的实现代码分析 JQuery全选功能的实现 JQuery特效——下拉菜单 JQuery系列教程之XPath选择符 JQuery系列教程之选择符 JQuery自动缩放页面中的图片 JQuery获取浏览器的高度和宽度 jquery获得和设置下拉框值的代码 基于jquery的跨域调用文件 ================================= 7款强大的Javascript网格插件 Javascript 汉字编码转换 Javascript 面向对象之封装 Javascript 面向对象之构造函数的继承 Javascript 面向对象之非构造函数的继承 JavaScript对象与继承教程之内置对象（下） JavaScript对象及继承教程（上） javascript正则表达式(一) javascript正则表达式(二) JavaScript的10种跨域共享方法 JavaScript类型总览 JavaScript获取文本框光标的像素位置 js函数match、exec、test、search、replace、split使用介绍 技巧：Javascript使用隐藏的new来创建对象 禁止页面全选复制，兼容多种浏览器
ExtJS 2.0实用简明教程 之Ext类库简介
10-30
ExtJS由一系列的类库组成，一旦页面成功加载了ExtJS库后，我们就可以在页面中通过javascript调用ExtJS的类及控件来实现需要的功能。
Extjs4.0通用后台管理系统源码完整大型项目可二次开发含源码，数据库，文档，采用开源的互动地图Javascript库Leaf
07-12
系统可作为OA、网站、电子政务、ERP、CRM、APP后台等基于B/S架构的应用软件系统的快速开发框架。 特色功能 1、采用Spring MVC的静态加载缓存功能，在首页将Javascript文件、CSS文件和图片等静态资源文件加载进来放进内存，极大提高ExtJS的加载速度。 2、三种皮肤主题：经典、灰色和海王星，支持多浏览器和多分辨率。 3、分别封装了模型层、控制层、业务逻辑层和数据持久层的通用操作模块，层次分明，大大减少代码冗余，二次开发效率高。  4、系统是公司多个项目的基础框架，稳定性好，支持大并发 主要功能 1、采用ExtJS 4.2.1.883无限制版本，放心用于网站开发。 2、ExtJS富文本编辑器增加修改信息。 3、ExtJS的HtmlEditor的图片文件上传插件。 4、Grid列表和表单，包含添加、删除、批量删除、修改、查看、图片查看和按条件查询列表等功能。 5、导入导出Excel数据，支持xlsx和xls文件。 6、资源管理（菜单管理）。 7、用户管理和部门管理。 8、权限管理。不仅可管理各个功能模块的权限，也可以管理功能模块里的页面按钮权限。 9、报表统计。也可
SDL入门教程中文（最好的SDL入门教程，自己手工整理）
01-07
本教程是为电脑游戏制作的发烧友准备的。因为Linux的普及以及不受$M的牵制，SDL在过去的几年中，成为了跨平台开发PC游戏的首选。即使是在Windows平台下，SDL有具有自身的优势。与MFC使用不成熟的C++外表伪封装的win32api以及一家独唱推崇的COM风格和.net相比较，SDL是更纯粹的C风格。无论你是喜欢纯C还是OOP的C++，你都可以按照你自己喜欢的方式对SDL进行再次封装，只要你自己愿意，可以让自己的程序更接近C/C++的标准风格，让代码更加优美也更加容易阅读。
《Android 开发艺术探索》笔记4--View事件分发与滑动冲突
行动者&&职业化
09-07 1919
思维导图View事件分发机制点击事件传递规则事件分发的源码解析View的滑动冲突滑动冲突的解决方式参看文章 思维导图 View事件分发机制 点击事件传递规则 所谓点击事件的事件分发,就是对MotionEvent事件的分发过程,传递给某一个View. 在事件传递中有三个方法是贯穿始终的 dispatchTouchEvent():进行事件的分发 如果事件能传递到View那么此方法一定会被调用,返回值受当前View的onTouchEvent()和下级View的dispatchTouchEvent()的影.
SDL2常用函数&结构分析:SDL_Event&SDL_PollEvent
SuperLi
05-03 4952
SDL_Event SDL_Event是个联合体，是SDL中所有事件处理的核心。 SDL_Event是SDL中使用的所有事件结构的并集。 只要知道了那个事件类型对应SDL_Event结构的那个成员，使用它是一个简单的事情。 下表罗列了所有SDL_Event的所有成员和对应类型。 Uint32 type event type, shared with all events SDL_C...
ApplicationListener
qq_21484747的博客
05-19 1506
一、简介： 作用：监听容器中发布的事件，完成事件驱动模型开发。 继承关系 图 自定义一个监听器，监听ApplicationEvent及其下面的子事件；-----实现ApplicationEvent接口方式 1）写一个监听器(ApplicationListener的实现类)来监听某个事件（ApplicationEvent及其子类） 重写方法 void onApplicationEvent(ApplicationEvent event){} //当容器中发布此事...
Spring注解驱动开发第38讲——你知道ApplicationListener的用法吗？
李阿昀的博客
02-12 3911
写在前面 在前面两讲中，我们学习了一下Spring扩展原理里面的BeanFactoryPostProcessor和BeanDefinitionRegistryPostProcessor。在这一讲中，我们将会学习一下Spring剩余其他扩展原理里面的ApplicationListener。 你不知道的ApplicationListener ApplicationListener的概述 ApplicationListener按照字面意思，它应该是Spring里面的应用监听器，也就是Spring为我们提供的基于事
JavaScript判断页面加载完之后再执行预定函数的技巧
11-26
一般的做法就是在网页中，直接编写几个函数，有的在代码被加载的时候就被浏览器处理，或者使用类似下面的代码来触发实现函数的相关功能。 ”link” xss=removed> 上面代码的意思就是，当鼠标点击 id 为 link 的...
extjs学习笔记----Ext.onReady
bzuld的专栏
05-24 4559
1、Ext.onReady(function(){})             页面加载完成后Ext.onReady就会被触发； <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getSer
extjs学习总结
清风徐来，水波不兴
01-28 6945
sencha -sdk F:\SvnCodeManage\repository\ext-6.0.0-gpl generate app extjs F:\SvnCodeManage\repository\aa extjs 学习资料 1、onReady 定义在onReady内的语句块会在页面上下文加载完毕后执行 2、define 定义一个类 3、createc初始化一个类的实例
Extjs MVC开发模式详解
luckypeng的专栏
01-16 5964
在JS的开发过程中，大规模的JS脚本难以组织和维护，这一直是困扰前端开发人员的头等问题。Extjs为了解决这种问题，在Extjs 4.x版本中引入了MVC开发模式，开始将一个JS（Extjs）应用程序分割成Model-View-Controller三层，为JS应用程序的如何组织代码指明了方向，同时使得大规模JS代码变得更加易于重用和维护；这就是Extjs MVC开发模式的初衷。 在官方给
Ext Js详解指南
weixin_30685047的博客
02-17 1815
什么是Ext JS 走进Ext的世界 Ext JS是一款富客户端开发框架它基于javascript、HTML和CSS开发而成，无需安装任何插件即可在常用浏览器中创建出绚丽的页面效果。 个人总结Ext JS的方法 从Extjs的视图学起 例如：窗体、表单、数等等。并且可以掌握调试工具和技巧 学习使用API 学会怎么查询以及使用大牛提供的接口解决常见的问题（一般我们用到的效果，大牛们在做...
SDL教程零基础入门 简单操作 day1
ylh的博客
08-04 3077
sdl 教程零基础从新手到大佬，从大佬到萌新
SDL入门教程
gcyyblcg的博客
01-19 2217
#1 qadqwdqw swdq
【spring】 ApplicationListener的使用及原理简析
最新发布
孟秋与你的博客
02-22 1640
ApplicationListener 是spring提供的一个监听器，它可以实现一个简单的发布-订阅功能，用有点外行但最简单通俗的话来解释：监听到主业务在执行到了某个节点之后，在监听器里面做出相应的其它业务变更。下面我们具体看段代码，则能很快的理解
【FFmpeg实战】SDL线程和事件
C/C++Linux、音视频、DPDK
06-19 130
转载自原文地址：https://blog.csdn.net/qq_38056514/article/details/130190876。
extjs 中文例子
08-05
当页面加载完成后，我们调用 `window.show()` 方法将窗口显示在页面上。 这个示例演示了如何使用 ExtJS 创建一个简单的中文窗口，并在其中显示一些文本内容。通过使用 ExtJS 的丰富组件和工具，我们可以轻松地构建...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值