ExtJS
文章平均质量分 58
愤怒的根号三
人生是一场单程的旅行即使有些遗憾我们也没有从头再来的机会与其纠结无法改变的过去不如微笑着珍惜未来因为生活没有如果
展开
-
ExtJS 4 推荐目录结构(MVC)
- appname - app - controller - Class1.js - ... - model - Class1.js - ... - store - Class1.js - ... ...原创 2013-07-21 02:32:53 · 120 阅读 · 0 评论 -
Extjs4学习笔记-ExtJS 4 图片验证码的实现(部分摘自《Extjs4.0学习指南(中文)
都会用到验证码这个东西,那么在 EXTJS 中,可以使用验证码功能么?答案是肯定的,在 EXTJS4 之前,也有很多验证码的实现,在 Extjs4 中,验证码到底如何实现呢? 暂时,我们将验证码组件,命名为 CheckCode。此组件继承自 Ext.form.field.Text,在实现之前,我们需要写两个样式,分别用来控制验证码的输入框和验证码图片的大小。 CSS 样式为:#CheckCode{ float:left;} .x-form-code{width:73px;height原创 2013-07-22 22:57:15 · 164 阅读 · 0 评论 -
Extjs4 MVC
2013-07-26 22:37:39 · 94 阅读 · 0 评论 -
Extjs4 新特性介绍
放功能。4.可创建类似Java或C#中的静态类(statics)。5.可为配置选项自动生成get和set方法。6.定义类的时候,如果需要,可自动生成命名管道,而不是像ExtJS3一样,需要先定义命名管道,之后才可以定义类。7.动态加载。原创 2013-07-28 23:24:18 · 97 阅读 · 0 评论 -
ExtJS调试--显示问题调试
或数据是否已经下载。 3.检查数据是否正确。 4.如果只是在IE9之前的浏览器有问题,检查逗号问题。 5.使用元素选择功能检查元素是否生成。如果已经生成,则检查元素的高度和宽度,以及位置是否正确。如果没有生成,一般是因为代码没有正确执行。 显示问题最典型的情况就是Grid没有显示数据,具体检查步骤如下: 1.在Firebug面板中,检查服务器是否正确的返回了数据,很多时候都是服务器端代码出了问题。 2.确认服2013-07-29 22:27:23 · 186 阅读 · 0 评论 -
ExtJS调试--数据加载问题
在网络面板中检查提交地址和文件是否正确。 3.检查提交参数是否正确。 4.检查后台程序是否获取了正确的提交参数。 5.检查返回格式是否正确。 6.检查是否执行了异常回调函数,如果是,则检查为什么会执行异常函数,可通过console.log输出回调函数的参数来检查。 7.如果以上操作还不能解决问题,先将配置项减少,检查是否能正确加载,如果可以,逐步添加配置项,找出有问题的配置项。2013-07-30 22:27:27 · 74 阅读 · 0 评论 -
Extjs4学习笔记-计算器
"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>计算器</title> <link rel="stylesheet" type="tex2013-07-31 20:13:18 · 85 阅读 · 0 评论 -
Extjs4学习笔记-Ext.EventManager
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ2013-08-01 00:14:10 · 210 阅读 · 0 评论 -
Extjs4学习笔记-常用函数(更新中...)
2013-08-01 00:32:55 · 69 阅读 · 0 评论 -
Extjs4学习笔记-Ext.util.DelayedTask
D HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/2013-08-01 19:53:02 · 389 阅读 · 0 评论 -
Extjs4学习笔记-Ext.util.TaskRunner
"Content-Type" content="text/html; charset=utf-8" /> <title>Ext.util.TaskRunner</title> <link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext2013-08-01 19:54:24 · 203 阅读 · 0 评论 -
Extjs4学习笔记-Ext.util.KeyMap
"Content-Type" content="text/html; charset=utf-8" /> <title>Ext.util.KeyMap</title> <link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all2013-08-01 19:57:57 · 231 阅读 · 0 评论 -
(转载)Eclipse环境下配置spket中ExtJS提示
原创 2013-08-03 10:57:09 · 97 阅读 · 0 评论 -
Extjs4学习笔记-Ext.util.KeyNav
el键、backspace键、home键、end键。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>2013-08-03 15:45:16 · 138 阅读 · 0 评论 -
Extjs4学习笔记-选择器Ext.DomQuery
Ext.query(path[, root, type]); path:查询使用的选择符或xpath root:查询开始的节点或节点id。如果不设置,默认document对象。为了提高查询速度,建议不要从document对象开始查询。 type:查询类型。值可以是select或simple。当值是simple时,使用id或标签名属性值等做简单查询 3.基本选择符Ext.query("*")原创 2015-01-25 09:58:47 · 143 阅读 · 0 评论 -
ExtJS 4 推荐目录结构(MVC)
- view - Class1.js - ... - extjs - resources - css - images - ... - app.js - index.htmlappname 包含所有程序代码,是根目录app 包含所有类,按包的规则命名子目录model Mview Vcontroller Cstore 数据访问ex原创 2013-07-21 02:32:53 · 83 阅读 · 0 评论 -
Extjs4学习笔记-选择器Ext.DomQuery
1.选择器的作用 选择器的作用是通过元素的标签名、属性名、CSS属性值对页面进行快速、准确的定位以及选择 2.使用Ext.query选择页面元素 Ext.query(path[, root, type]); path:查询使用的选择符或xpath root:查询开始的节点或节点id。如果不设置,默认documen...原创 2015-01-25 09:58:47 · 327 阅读 · 0 评论 -
Extjs4学习笔记-ExtJS 4 图片验证码的实现(部分摘自《Extjs4.0学习指南(中文)》)...
上几篇文章,主要学习了 Extjs4 Grid 的使用方法,从本篇开始,我们开始其他组件的学习,使用。在登录、注册甚至是发表文章或帖子的时候,都会用到验证码这个东西,那么在 EXTJS 中,可以使用验证码功能么?答案是肯定的,在 EXTJS4 之前,也有很多验证码的实现,在 Extjs4 中,验证码到底如何实现呢? 暂时,我们将验证码组件,命名为 CheckCode...原创 2013-07-22 22:57:15 · 236 阅读 · 0 评论 -
Extjs4 MVC
Extjs4 MVC 有别于其他MVC 架构,Extjs 有他自己定义: 1、Model 是一个Field 以及他的Data 的集合,Modes 知道如何通过Stores 来表示数据,以能用于网格和其他组件。模型的工作很像Extjs3 的记录(Record class),通常通过数据加载器(Stores)渲染至网格(grid)和其他组件上边。 2、View:用以装载...2013-07-26 22:37:39 · 97 阅读 · 0 评论 -
Extjs4 新特性介绍
1.使用Ext.define替代ExtJS3中的Ext.extend来定义新类。2.实现类的自动依赖管理,以便实现动态加载。3.通过Mixins将一些特殊功能添加到类中,如拖拽和缩放功能。4.可创建类似Java或C#中的静态类(statics)。5.可为配置选项自动生成get和set方法。6.定义类的时候,如果需要,可自动生成命名管道,而不是像ExtJS3一样,需要先定义命...原创 2013-07-28 23:24:18 · 121 阅读 · 0 评论 -
ExtJS调试--显示问题调试
当在页面中发现定义的ExtJS对象没有显示时,可以按一下步骤调试: 1.检查代码是否正确运行了。 2.现在网络面板中检查所需要的图片或数据是否已经下载。 3.检查数据是否正确。 4.如果只是在IE9之前的浏览器有问题,检查逗号问题。 5.使用元素选择功能检查元素是否生成。如果已经生成,则检查元素的高度和宽度,以及位...2013-07-29 22:27:23 · 233 阅读 · 0 评论 -
ExtJS调试--数据加载问题
在遇到数据加载问题时,可以按照以下步骤检查: 1.在网路面板中检查是否提交了请求,若没有,则说明数据没有提交,请检查请求的代码。 2.在网络面板中检查提交地址和文件是否正确。 3.检查提交参数是否正确。 4.检查后台程序是否获取了正确的提交参数。 5.检查返回格式是否正确。 6.检查是否执行了异常回调函数,如果是,则检查为什么会执行异常函数,可通过...2013-07-30 22:27:27 · 123 阅读 · 0 评论 -
Extjs4学习笔记-计算器
主要练习addBehaviors()函数使用:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head&g..2013-07-31 20:13:18 · 124 阅读 · 0 评论 -
Extjs4学习笔记-Ext.EventManager
Ext.EventManager.on(el, eventName, fn[, scope, options]) 实现输入框获得焦点时,不显示“请输入”,失去焦点,并且没有输入任何字符时,显示“请输入”<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR...2013-08-01 00:14:10 · 211 阅读 · 0 评论 -
Extjs4学习笔记-常用函数(更新中...)
常用函数整理,更新中......(只是列举一下,具体使用方法及参数,请参考API) apply和applyIf: 将所有配置对象的成员复制到对象typeOf: 检测变量类型isEmpty:是否为空isObject:是否为JavaScript对象isIterable:是否是可迭代的isFunction:是否为函数isArray:是否为数组isDate:是...2013-08-01 00:32:55 · 95 阅读 · 0 评论 -
Extjs4学习笔记-Ext.util.DelayedTask
DelayedTask对象主要用于实现输入缓冲的功能,在指定的时间间隔内,如果用户没有操作触发事件,就会自行实际触发函数。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://ww...2013-08-01 19:53:02 · 336 阅读 · 0 评论 -
Extjs4学习笔记-Ext.util.TaskRunner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equi2013-08-01 19:54:24 · 216 阅读 · 0 评论 -
Extjs4学习笔记-Ext.util.KeyMap
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equi2013-08-01 19:57:57 · 326 阅读 · 0 评论 -
(转载)Eclipse环境下配置spket中ExtJS提示
使用eclipse编写extjs时,一定会用到spket这个插件,spket可以单独当作ide使用,也可以当作eclipse插件使用,我这里是当作eclipse的插件使用的,下面来一步步图解说明如何配置spket插件。第一步:下载spket插件由于spket插件是需要收费使用的,这里为了方便大家学习extjs,我附上spket插件破解版(支持extjs4.1)供大家下载,我的百度网盘地址...原创 2013-08-03 10:57:09 · 173 阅读 · 0 评论 -
Extjs4学习笔记-Ext.util.KeyNav
KeyNav封装的的键盘导航事件,从而可以轻松的在页面中设置键盘导航。可用的导航键包括回车键、空格键、4个箭头、tab键、esc键、PageUp键、PageDown键、del键、backspace键、home键、end键。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/...2013-08-03 15:45:16 · 292 阅读 · 0 评论 -
Extjs4学习笔记-为树节点添加自定义字段
在ExtJS 4.2版本中,树节点的默认字段有24个,具体查看Ext.data.NodeInterface中的定义。如果要在树节点中使用自定义的字段,有两种方式实现:1.在定义树的对象中使用fields配置项定义。2.在树的Model中定义 fields: [ {name: 'id', type: 'string'}, 'text', //text属性必须定义...2013-08-20 20:09:33 · 301 阅读 · 0 评论 -
Extjs4学习笔记-为树节点添加自定义字段
树的对象中使用fields配置项定义。2.在树的Model中定义 fields: [ {name: 'id', type: 'string'}, 'text', //text属性必须定义 'action', 'icon', 'leaf']2013-08-20 20:09:33 · 117 阅读 · 0 评论