Just some sharing about java open source and life
  • Ext API–core/Ext.js

    日期:2009-11-23 15:34 | 作者:JavaChen | 分类目录:Extjs
    230 views

    Ext对象

    addBehaviors( Object obj ) : void

    apply( Object obj, Object config, Object defaults ) : Object
    从config拷贝所有的属性到obj,如果有defaults参数,也将拷贝其属性到obj

    applyIf( Object obj, Object config ) : Object
    从config拷贝所有属性至obj(如果obj未定义相应属性)

    decode(Object obj) : String
    编码一个对象/数组或其它值为一个json格式字符串(支持对象,数组,日期,字符串)

    destroy( Mixed arg1, Mixed (optional), Mixed (optional) ) : void
    尝试去移除每个传入的对象,包括DOM,事件侦听者,并呼叫他们的destroy方法(如果存在)

    each( Array/NodeList/Mixed array, Function fn, Object scope ) : void
    利用array中的每个元素迭代调用fn.直到fn返回假,调用格式fn.call(scope || array[i], array[i], i, array);

    encode(String json) : Object
    将一个json格式字符串反序列化为对象

    escapeRe( String str ) : String
    为字符串正则编码将.在*+?^${}()|[]/\字符前加\

    extend( Object subclass, Object superclass, [Object overrides] ) : void
    从superclass类继承subclass,overrides参数是要重载的方法列表,详见override

    fly( String/HTMLElement el, [String named] ) : Element
    得到全局共享的一个浮动元素el,如果有多个浮动元素可以使用命名以避免潜在的冲突

    get( Mixed el ) : Element
    得到一个Element对象,参数可以是id或DOM节点或已存在的Element对象

    getBody() : Element
    得到当前文档的body对象

    getCmp( String id ) : Component
    通过id得到一个Component对象

    getDoc() : Element
    得到当前文档

    getDom( Mixed el ) : HTMLElement
    通过id或节点或Element对象返回一个DOM节点

    id( [Mixed el], [String prefix] ) : String
    为对象el生成一个惟一id,如果对象本身已有id,将不会被改变(可以使用前导符prefix)

    isEmpty( Mixed value, [Boolean allowBlank] ) : Boolean
    判断值是否为空,null, undefined或空字符串将返回真,如果allowBlank定义为真,空字符串将不被视为空

    namespace( String namespace1, String namespace2, String etc ) : void
    创建一个命名空间,例

    num( Mixed value, Number defaultValue ) : Number
    将value转为数值,如果value不是合法的数值类型,将返回defaultValue,其实defaultValue并不一定要求是数值类型,只要 你愿意

    onReady( Function fn, Object scope, boolean override ) : void
    当文档准备好了之后引发fn,发生在page的onload事件之前,并且图片此时都还没有载入,scope定义执有者,override定义scope 是否有默认的选择

    override( Object origclass, Object overrides ) : void
    利用overrides重写origclass的方法,例

    query( String path, [Node root] ) : Array
    通过path,在root中选择节点数组

    select( String/Array selector, [Boolean unique], [HTMLElement/String root] ) :CompositeElementLite/CompositeElement
    在root内通过样式选择器或元素数组selector选择元素或元素列表,unique指示是否只选择惟一值

    urlDecode( String string, [Boolean overwrite] ) : Object
    将url格式字符串string解码为json对象,overwrite参数指示是否不重写已存在的对象,例

    urlEncode( Object o ) : String
    将json对象编码为url格式字符串,参见urlDecode

    type( Mixed object ) : String
    得到object类型,如果不为以下列举值之一则返回false
    string/number/boolean/function/object/array/regexp/element/nodelist/textnode/whitespace

    Ext.apply(Object obj, Object config, Object defaults ) : Object
    将config中的所有属性复制到obj中,如果配置了defaults,则先将defaults中的属性传入obj,然后再将config中属性传入,一般defaults用于定义一些默认值。
    注意:每个参数都必须是对象object,而不能是function或其他。创建object可以通过new function(){}、new Object()、{}等方法创建。
    Ext.applyIf(Object obj, Object config) : Object
    功能如同Ext.apply,但是只把config中存在而obj不存在的属性复制过去。
    Ext.emptyFn: Function
    用于返回一个空函数,便于在程序中创建空函数。Ext.emptyFn返回function(){}
    Ext.getCmp是Ext.getComponentMgr.get方法的简写,用于通过id获取一个已经初始化的组件,使用方法:
    getCmp( String id ) : Ext.Component
    Ext.id( [Mixed el], [String prefix] ) : String
    返回一个唯一的id值。
    如果只需要获取一个唯一的id值,则直接调用Ext.id();如果需要为某个元素设定一个唯一的id值并返回id则调用Ext.id(el),el为元素Id、Dom对象或Ext的Element对象。
    如果需要指定特定的前缀,则需要传入第二个参数,如Ext.id(el,”czj-”),默认前缀为ext-gen,如默认返回id可能为ext-gen4,指定了前缀后可能返回czj-4。
    Ext.urlEncode( Object o ) : String
    将一个json对象转换称url参数串,支持通过数组为一个参数设定多个值。
    如将{a:1,b:2,c:[1,3,5,7]}转换为a=1&b=2&c=1&c=3&c=5&c=7Ext.urlDecode( String string, [Boolean overwrite] ) : Object
    将url参数串转换为json对象,overwrite如果为true,则后面的同名参数值覆盖前面的同名参数值(默认为false即不覆盖而以数组形式返回)。
    如:
    Ext.urlDecode(“a=1&b=2&c=1&c=3&c=5&c=7″)
    返回的对象内容为{a:1,b:2,c:[1,3,5,7]}
    Ext.urlDecode(“a=1&b=2&c=1&c=3&c=5&c=7″,true)
    返回{a:1,b:2,c:7}
    Ext.each( Array/NodeList/Mixed array, Function fn, Object scope ) : void
    遍历array并对每项分别调用fn函数。如果array不是数组则只执行一次。
    如果某项fn执行结果返回false(必须是false,undefined无效),遍历退出,后面的array项将不被遍历。
    遍历过程中每次为fn传入参数分别为[当前数组项],[当前索引]和[数组array]三个参数。
    Scope用于设定fn函数中的this指针。
    Ext. escapeRe( String str ) : String
    将属于正则里的特殊字符进行转义。

    Ext.escapeRe(“(ab)$\sa342{}[dd]“)将返回\(ab\)\$sa342\{\}\[dd\]。
    Ext.callback(cb, scope, args, delay) :void  //该方法为Ext的内部方法
    调用一个函数或延迟调用一个函数。
    Cb:调用的函数。
    scope:cb中this指针。
    args:传如cb的参数,以数组形式表示。
    delay:延迟多少毫秒执行cb。
    如:
    Ext.callback(function(x,y){alert(x+y)},this,[3,5],1000);将于1秒钟后弹出8,即3+5的结果。
    Ext.getDom( Mixed el ) : HTMLElement
    根据传入的id/dom节点/Ext的Elemenet对象,返回其dom对象。
    如alert(Ext.getDom(“a”).innerHTML);或
    alert(Ext.getDom(document.getElementById(“a”)).innerHTML);
    将返回id为a的元素的innerHTML内容。
    Ext.getBody() : Ext.Element
    把页面的document.body对象封装成ExtJs的Element对象返回
    Ext.getDoc()
    把页面的document对象封装成ExtJs的Element对象返回,而非Dom对象。
    Ext.getCmp( String id ) : Ext.Component
    根据传入的html元素id返回该元素的组件类型,返回值为Ext的Component对象。
    必须保证该id对象的元素是Ext的一个内部组件(通过Ext创建的组件),否则什么都不返回。
    Ext.num( Mixed value, Number defaultValue ) : Number
    验证value是否是一个数字,如果是则直接返回否则返回defaultValue。
    如:
    alert(Ext.num(5,7))返回5,alert(Ext.num(“5″,7)) 返回7
    Ext.destroy( Mixed arg1, Mixed (optional), Mixed (optional) ) : void

    销毁创建的Element或组件(Component),即销毁其所有的事件监听,dom节点,并调用对象本身的destory方法(如果存在的话),传入的参数类型为Ext.Element或Ext. Component,可以一次性传入多个对象进行销毁。
    如:
    Ext.destory(menu,el,Button);会销毁menu,el,Button三个对象。
    Ext.removeNode(htmlElement el): void  //Ext内部方法
    删除指定的dom节点。传入参数为dom对象。

    Ext.removeNode(document.getElementById(“ab”));
    Ext.type( Mixed object ) : String
    返回传入的对象的类型。
    包括如下类型:
    string,number,boolean,function,object,array,regexp,element,nodelist,textnode,whitespace
    如:
    Ext.type(“ab”)返回string
    Ext.type(20)返回number
    Ext.type([3,5,6])返回array
    Ext.type(/reg/)返回regexp
    Ext.type(document.body)返回element。
    Ext.isEmpty( Mixed value, [Boolean allowBlank] ) : Boolean
    检查一个值是否为null/undefined或是否是空,如果是则返回true。
    如果传入allowBlank为true,则只检查是否为null或undefined。
    如:
    Ext.isEmpty(“a”)返回false,
    Ext.isEmpty(“”)返回true,
    Ext.isEmpty(“”,true)返回false,
    Ext.isEmpty(null)返回true。
    Ext.value(String v,String defaultValue[,[Boolean allowBlank]):String  //Ext内部方法
    检查v是否是为null/undefined或空,如果是则返回defaultValue,否则返回v。如果allowBlank参数为true,则允许v为空(即当v为空时不返回defaultValue而返回空)。
    Ext. decodeString json[Boolean safe] ) : Object
    Shorthand for Ext.util.JSON.decode
    Ext.encodeMixed o ) : String

    Shorthand for Ext.util.JSON.encode
    Ext.isArrayObject object ) : Boolean
    Ext.isDateObject object ) : Boolean
    Ext.isFunctionObject object ) : Boolean
    Ext.isObjectObject object ) : Boolean
    Ext.isPrimitiveMixed value ) : Boolean
    Ext.maxArray|NodeList arr[Function comp] ) : Object
    Ext.meanArray arr ) : Number
    Ext.minArray|NodeList arr[Function comp] ) : Object
    Ext.sumArray arr ) : Number
    Ext.toArrayIterable the ) : (Array)

    作者:JavaChen | 分类目录:Extjs | 标签:
  • Ext自定义弹出窗口

    日期:2009-11-23 10:39 | 作者:JavaChen | 分类目录:Extjs
    281 views

    Ext中用alert弹出提示窗口后,每次都要点确定,非常不友好,要是能够每次弹出窗口,不用点确定,窗口自动消失,就好了!实际上,用Ext也可以实现这样的功能,如下: Read More »

    作者:JavaChen | 分类目录:Extjs | 标签:
  • 从Excel表格拖放数据到Ext Grid中

    日期:2009-10-27 20:13 | 作者:JavaChen | 分类目录:Extjs
    460 views

    如果我们能把应用程序(如:excel)中的表格数据直接拖放到Ext的grid中,而不是通过上传等方式,那么一定很神奇。很高兴的告诉你,这个功能已经实现了,看下面的视频:

    查看源码:http://code.google.com/p/ext-ux-datadrop/source/browse/trunk/src/

    文档:http://www.vinylfox.com/docs/?class=Ext.ux.grid.DataDrop

    下载JS文件:Ext.ux.DataDrop.js

    作者:JavaChen | 分类目录:Extjs | 标签:
  • Ext监控回车按键

    日期:2009-10-22 17:10 | 作者:JavaChen | 分类目录:Extjs
    271 views

    listeners : {
    specialkey : function(field, e) {
    if (e.getKey() == Ext.EventObject.ENTER) {
    searchByFilter();
    }
    }
    }

    这是以监听器的方式添加监听事件,还有一种方法与此差不多:

    keys : {
    key : Ext.EventObject.ENTER,
    fn : function(btn, e) {
    searchData();
    }
    } Read More »

    作者:JavaChen | 分类目录:Extjs | 标签:
  • Ext实现多行多列布局

    日期:2009-10-22 11:44 | 作者:JavaChen | 分类目录:Extjs
    495 views

    Ext实现多行多列布局:

    Ext实现多行多列

    Ext实现多行多列


    Read More »

    作者:JavaChen | 分类目录:Extjs | 标签:
  • Ext自定义LoadMask

    日期:2009-10-22 11:32 | 作者:JavaChen | 分类目录:Extjs
    248 views

    先看看LoadMask, 注意 show和hide两个函数的调用. 在api文档中没有给出来..第一个参数是某元素的id值,当加载的时候, id的元素变成灰色的不可用状态.

    var mk = new Ext.LoadMask(控件id, {
    	msg : '正在更新数据,请稍候!',
    	removeMask : true
    // 完成后移除
    		});
    mk.show(); // 显示
    Ext.Ajax.request({
    	url : 'roleAction.evi', // 发送get请求.
    	method : 'GET',
    	success : function() {
    		mk.hide(); // 关闭
    	},
    	failure : function() {
    		mk.hide();
    	}
    });
    
    作者:JavaChen | 分类目录:Extjs | 标签:
  • Ext 动态读取grid 列数

    日期:2009-10-22 11:17 | 作者:JavaChen | 分类目录:Extjs
    329 views

    在公司做项目,为了实现代码的通用性,要求开发一些通用的组件,实现组件的复用性。Ext通过json读取xml文件里的配置信息返回相应的json数据给前台,让前台生成相应的Ext.grid.ColumnModel()。
    相信的内容可以参照:【Ext读取xml文件生成动态表格和表单】
    Read More »

    作者:JavaChen | 分类目录:Extjs | 标签:
  • Ext实现grid和form动态绑定

    日期:2009-09-27 19:25 | 作者:JavaChen | 分类目录:Extjs
    582 views

    实现效果是:你单击某一行,右边Form表单就显示当前行的信息,你可以修改表单,再做保存。实现代码:

    
     listeners: {
                        render: function(g) {
                            g.getSelectionModel().selectRow(0);
                        },
                        delay: 10 // Allow rows to be rendered.
      }
    

    Read More »

    作者:JavaChen | 分类目录:Extjs | 标签:
回到顶部

无觅相关文章插件,快速提升流量