- 浏览: 315772 次
- 性别:
最新评论
-
i042416:
分析在哪?
angular分析 -
何盆盆:
你好,请问您这是Extjs3还是Extjs4
ExtJs源码分析与学习—ExtJs事件机制(一) -
124753561:
引用引用引用引用引用[u][u][u][u][i][i][i] ...
Subvision SVN 服务端与客户端的安装 -
谷超:
请问一下例子中itext是什么版本的?
利用iText生成word文档例子参考 -
geosmart:
正好要用到执行字符串中方法,学习了
java中利用反射机制实现调用给定为字符串的方法名
文章列表
1、Ext.Component
该组件在渲染的时候会默认的创建div DOM,是根据this.autoEl的配置来创建的,默认this.autoEl为 div,创建后保存在 this.el中
autoShow 设为true,渲染时会强制显示隐藏的元素,实际上会执行以下代码
if(this.autoShow){//自动显示
this.el.removeClass(['x-hidden','x-hide-' + this.hideMode]);
}
该参数的设置,比如在多标签中如果想渲染 ...
首先说明一下表单验证与其相关的一些设置
Ext.QuickTips.init(); //为组件提供提示信息功能,form的主要提示信息就是客户端验证的错误信息。
Ext.form.Field.prototype.msgTarget='side'; //指示错误出现的方式,包含的值为
qtip-当鼠标移动到控件上面时显示提示 //默认值为qtip,使用此种方式必须声明Ext.QuickTips.init(); 进行初始化
title-在浏览器的标题显示
under-在控件的底下显示错误提示
side-在控件右边显示一个错误图标,鼠标指向图标时 ...
1、DOMElement.contains(DOMNode)
这个方法起先用在 IE ,用来确定 DOM Node 是否包含在另一个 DOM Element 中。
当尝试优化 CSS 选择器遍历(像:“#id1 #id2”),这个方法很有用。你可以通过 getElementById 得到元素,然后使用 .contains() 确定 #id1 实际上是否包含 #id2。
注意点:如果 DOM Node 和 DOM Element 相一致,.contains() 将返回 true ,虽然,一个元素不能包含自己。
这里有一个简单的执行包装,可以运行在:Interne ...
ExtJs组件事件——ExtJs自定义事件的处理
下面通过对组件的事件对象和事件机制两个方面分别对源码进行分析。
组件事件对象
ExtJs组件事件对象是通过Ext.util.Event类来完成的,其实在浏览器元素事件中部分功能的实现已用到了该类。下面看该类的实现代码
EXTUTIL.Event = function(obj, name){
this.name = name;//事件名
this.obj = obj;//作用域
this.listeners = [];//多个监听函数的集合
};
这里说明一点,ExtJs为了 ...
这篇讲ExtJs对事件的管理和调用
ExtJs对事件的管理非常强大,主要定义在Ext.EventManager对象(单例模式)中。先看注册事件监听方式,ExtJs提供了几种方式来注册元素监听函数
通过Ext.EventManager.addListener/on函数来为指定元素的某种事件注册监听函数。例如:Ext.EventManager.on('test1','click',clickMe,this);// clickMe是要执行的函数
通过ExtJs 元素的on函数来为自身注册某种事件的监听处理函数。例如:Ext.get('test1').on('click', c ...
在ExtJs源码分析与学习—ExtJs事件机制(一)中分析了ExtJs对原生浏览器事件的封装。这篇进一步分析ExtJs对事件的封装和扩充。ExtJs会对浏览器本身的事件进行转换,是通过类Ext.EventObject来实现的,该类中通过自执行匿名函数返回Ext.EventObjectImpl对象,该对象用到了Ext.lib.Event(对原生浏览器事件的扩展)。
Ext.EventObject = function(){
var E = Ext.lib.Event,
…
Ext.EventObjectImpl = function(e){
...
前面讲了ExtJs核心代码以及扩展后,今天来说说ExtJs的事件机制,要想弄明白ExtJs的事件机制,就必须先知道浏览器的事件机制,这里给出了浏览器事件机制与自定义事件的实现
。
首先看源码 ext-base-event.js ...
为了鼠标操作起来方便,IE实现了mouseenter
和mouseleave
事件,不过ExtJs实现了其他浏览器对这两个事件的支持。如果框架中没有用到ExtJs,可以参考ext-base-event.js中的自己实现。
mouseenter不同于mouseover(鼠标经过),它是在第一次鼠标进入节点区域时触发,以后在节点区域内(子节点间)移动时不触发,而onmouseover由于事件冒泡机制,每次移到不同的节点上都会触发,经常不能实现预期的效果。同理 mouseleave与 mouseout(鼠标移出)也类似
关于这两个事件的详细介绍,可参考Goodby ...
一、 0 级 DOM 上的事件和 2 级 DOM 事件机制
0 级 DOM 上的事件又称原始事件模型,所有的浏览器都支持他,而且是通用的。 2 级 DOM 事件机制又为标准事件模型,除了 ie 其他浏览器都支持( ie9 也支持), ie 虽然大部分与标准事 ...
默认设置,一长串英文字符(中间没空格)不会自动换行,比如:aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa不能处理自动换行,而汉字字符却可以自动换行。原因是:英文字母之间如果没有空格,系统认为是一个单词,就不会自动换行。汉字就没有这种情况。
1、在需要强制设置换行时,
td中:
需用css来控制style='word-break: break-all'
div中 :
div 实现长英文字母自动换行CSS
IE浏览器#wrap{white-space:normal; width:200px;
}或者#wr ...
前面三篇文章参考作者snandy总结了Ext中核心代码Ext.js,今天对Ext.js的扩展Ext-more.js进行分析。这里首先感谢snandy
,这位作者文章写的不错,对Ext的理解也很深入,学习了。
该类中主要是对Ext核心方法进行了扩展
Ext.ns("Ext.grid", "Ext.list", "Ext.dd", "Ext.tree", "Ext.form", "Ext.menu",
"Ext.st ...
Ext为javascript的一些对象进行了扩展,主要有String、Array和Function,以下只介绍Ext.js中提到的方法,其他的后续再介绍
Ext为String扩展了方法 format,该方法为String的静态方法(类方法),可以把字符串中特殊写法({0},{1})用指定的变量替换
//定义带标记的字符串,并用传入的字符替换标记。每个标记必须是唯一的,而且必须要像{0},{1}...{n}
//这样地自增长。
//var cls = 'my-class', text = 'Some text';
//var s = String.format('{0} ...
接上篇
下面介绍Ext.js中其他核心方法
Ext.namespace,用来管理Ext库命名空间的方法
namespace : function(){
var o, d;
Ext.each(arguments, function(v) {//循环遍历所传的参数
d = v.split(".");//返回字符串 ...
以下总结参考网络上资源
Ext中实现类的继承
extend (Object subclass,Object superclass,[Object overrides] : Object)
第一个参数:子类
第二个参数:父类
第三个参数:要覆盖的属性。
这里需要强调一下,子类继承下来的是父类中通过superclass.prototype方式定义的属性(包括用此方法定义的函数),而不继承superclass中的定义的属性和方法,如果子类中的方法名与父类中相同则会覆盖。例子
父类
BaseClass = function() {
f1 = functio ...
CSS鼠标样式语法如下:任意标签中插入 style=”cursor:*” 例子:<span style=”cursor:*”>文本或其它页面元素</span> <a href=”#” style=”cursor:*”>文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种:
下面是 ...