1.Ext.util.CSS
createStyleSheet( String cssText, String id ) : StyleSheet
创建一个ID="red" 内容为.c{color:red}的CSS样式
结果:
<style id="red" type="text/css">
.c{color:red}
<style>
// Ext.util.CSS
// 1.createStyleSheet( String cssText, String id ) : StyleSheet
Ext.util.CSS.createStyleSheet(".c{color:red}", "red");
Ext.get("d1").addClsOnOver("c");
getRule( String/Array selector, Boolean refreshCache ) :
CSSStyleRule
获取指定的css的信心
var cssobj = Ext.util.CSS.getRule(".c", true);
alert(cssobj.style.color)
swapStyleSheet( String id, String url ) : void
切换元素使用的.css 文件。
var i = 1;
Ext.get("b1").on("click", function() {
if (i % 2 == 0) {
Ext.util.CSS.swapStyleSheet("one", "one.css");
Ext.get("d2").addClsOnOver("col")
i++;
} else {
Ext.util.CSS.swapStyleSheet("two", "two.css");
Ext.get("d2").addClsOnOver("col")
i++;
}
})
removeStyleSheet( String id ) : void
移除元素上的CSS。
Ext.get("b2").on("click", function() {
Ext.util.CSS.removeStyleSheet("red");
});
updateRule( String/Array selector, String property, String value ) : Boolean
Ext.get("b3").on("click", function() {
Ext.util.CSS.updateRule(".c", "color", "#990055");
});
2.Ext.util.ClickRepeater click的转发器是Ext.util.Observable的子类
Ext.onReady(function() {
// 控制元素在指定时间内被单击(如果该元素没有数去焦点)
var cl = new Ext.util.ClickRepeater(Ext.get("b4"), {
delay : 3000,// 首次单击时候的间隔事件
interval : 4000,// 发生首次重复事件调用之后每一次事件的相隔时间
stopDefault : true,// 停止这个el上得默认单击事件
handler : function() {
alert("单击我");
}
});
// 第一次单击马上会触发事件 如果不去点击其他的元素那么3秒或就会自定执行第二次
// 一或会以4秒的间隔执行相应的程序
// 用途 类似VS的挤房器,网络忙的时候请等待的功能
});
3.Ext.util.DelayedTask 代替setTimeout
Ext.onReady(function() {
var dt = new Ext.util.DelayedTask(function() {
alert("-----");
});
Ext.get("b5").on("click", function() {
dt.delay(4000);
dt.cancel();
});
// dt.cancel();???
});
4.Ext.util.Format 格式化的公共类
Ext.onReady(function() {
// 1.ellipsis() : void
var str = "www.uspcat.com";
// alert(Ext.util.Format.ellipsis(str,10));
//return www.uspcat...
// 2.capitalize( ) : void
首字母大写
// alert(Ext.util.Format.capitalize(str));
// 3.date( String/Date value, String format ) : String
// alert(Ext.util.Format.date(new Date(),"Y年-m月-d日"));
// 4.substr( String value, Number start, Number length ) : String
// alert(Ext.util.Format.substr(str,0,5));
// 5.lowercase( String value ) : String
// alert(Ext.util.Format.lowercase("USPCAT.COM"))
// 6.number( Number v, String format ) : String
// alert(Ext.util.Format.number("12344556.7892","0,000.00"))
// 7.nl2br( String The ) : String //eg: \n --> <br/>
alert(Ext.util.Format.nl2br("asd\n123"))
});
5.Ext.util.MixedCollection 集合类
1.集合类中的add( String key, Object o ) : Object
var item1 = new Ext.util.MixedCollection();
var a = {
name : 'a'
};
var b = {
name : 'b'
};
item1.add("01", a);
item1.add("02", b);
// alert(item1)
2.addAll( Object/Array objs ) : void
var item2 = new Ext.util.MixedCollection();
var array = [];
array.push(a);
array.push(b);
item2.addAll(array);
// alert(item2)
3.clear( ) : void
item2.clear();
// alert(item2)1
4.clone( ) : MixedCollection
var item3 = item1.clone();
// alert(item3)
5.contains( Object o ) : Boolean containsKey( String key ) :Boolean
判断集合中是否有相应的对象
// alert(item1.contains(a));
// alert(item1.containsKey("01"));
6.each( Function fn, [Object scope] ) : void
item1.each(function(item) {
// alert(item.name)
});
7.get( String/Number key ) : Object
从集合中得到单个的对象
// get( String/Number key ) : Object
// first( ) : Object
// alert(item1.get("01").name);
// alert(item1.first().name);
8.集合的有关事件
// add,clear,remove,replace
item1.on("add", function(index, o, key) {
alert("集合item1有了一个新的成员 : " + key)
});
6.Ext.util.TaskRunner 模拟线程控制
Ext.onReady(function() {
var runner = new Ext.util.TaskRunner();
var task = {
run : function() {
Ext.getDom("t1").value = Ext.util.Format.date(new Date(),
"Y-m-d-s");
},
interval : 1000
}
runner.start(task);
Ext.get("b6").on("click", function() {
runner.stop(task);
});
});
分享到:
相关推荐
ExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.doc
ExtJs学习笔记,共30讲 1. ExtJs 结构树 2 2. 对ExtJs的态度 3 3. Ext.form概述 4 4. Ext.TabPanel篇 5 5. Function扩展篇 7 6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 ...
Extjs 5 学习笔记,在网上下载整理好的。
目录 1. ExtJs 结构树 2 2. 对ExtJs的态度 3 3. Ext.form概述 4 4. Ext.TabPanel篇 5 5. Function扩展篇 7 6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 ...28. extJs 2.0学习笔记(ext.js篇) 77
Extjs4.0学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经...ExtJS4学习笔记(十)---ExtJS4图片验证码的实现
extjs学习笔记, 对应的书籍是extjs in action 没有看完...呵呵
EXTJS 学习笔记 ROY EXTJS学习笔记,自己学习的过程,不多但是实用
适合ExtJs开发人员extjs技术上手以及深入
根据word做的pdf版本的ExtJs学习笔记,根据原版进行了删减,欢迎大家下载啊,哈哈。
ExtJs简明教程+Extjs学习笔记,来源网络,免费奉送,我讨厌需要资源分~
老师整理的extjs学习笔记,和大家共享
extJs学习笔记,让新手能够快速理解extJS的原理,深人浅出的了解extjs的精髓。
非常适合新手学习extjs的笔记,让你少走弯路
是我学习Extjs 的学习笔记收藏整理,学习extjs的同学可以好好看看,绝对有好处,学到很多知识!
语言程序设计资料:ExtJs学习笔记-2积分.doc
自己总结的extjs4学习笔记,自己总结的extjs4学习笔记,自己总结的extjs4学习笔记,
ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解)