PHP博客-苏广贤-随笔分类-Exthttp://www.phpweblog.net/susam119/category/389.html专注成就将来！zh-cnSat, 15 Dec 2007 19:11:30 GMTSat, 15 Dec 2007 19:11:30 GMT60用Ext2+Fleaphp所开发的Crm系统登陆代码http://www.phpweblog.net/susam119/archive/2007/12/15/2543.html阿门119阿门119Sat, 15 Dec 2007 14:27:00 GMThttp://www.phpweblog.net/susam119/archive/2007/12/15/2543.htmlhttp://www.phpweblog.net/susam119/comments/2543.htmlhttp://www.phpweblog.net/susam119/archive/2007/12/15/2543.html#Feedback0http://www.phpweblog.net/susam119/comments/commentRss/2543.htmlhttp://www.phpweblog.net/susam119/services/trackbacks/2543.html以下是Ext代码
Ext.onReady(function(){
    
        Ext.BLANK_IMAGE_URL='../Libs/Js/resources/images/default/s.gif';
    
        setTimeout(function(){
        Ext.get('loading').remove();
        Ext.get('loading-mask').fadeOut({remove:true});
    }, 250);
    
    Ext.QuickTips.init();
    Ext.form.Field.prototype.msgTarget='side';

    var lfm = new Ext.FormPanel({
        labelAlign:'left',
        labelWidth:80,
        frame:true,
        buttonAlign:'left',
        title: '润际科技CRM管理系统',
        bodyStyle:'padding:5px;',
        width:400,
        items: [{
            layout:'form',
            border:false,
            labelSeparator:'：',
            items:[{
                xtype:'textfield',
                fieldLabel:'帐号',
                name: 'username',
                allowBlank:false,
                anchor:'70%'
                }]
            },{
            layout:'form',
            border:false,
            labelSeparator:'：',
            items:[{
                xtype:'textfield',
                fieldLabel:'密码',
                name: 'password',
                inputType:'password',
                anchor:'70%',
                allowBlank:false
                }]
            },{
            layout:'column',
            border:false,
            items:[{
                layout:'form',
                columnWidth:.8,
                border:false,
                labelSeparator:'：',
                items:[{
                xtype:'textfield',
                fieldLabel:'验证码',
                name: 'code',
                anchor:'88%',
                allowBlank:false,
                maxLength:4
                }]
                },{
                layout:'form',
                columnWidth:.2,
                border:false,
                items:[{
                xtype:'panel',
                hideLabel:true,
                name: 'codepanel',
                html:'<img src="?action=code" />'
                }]
                }]
            }],
        buttons: [{
            text:'登陆',
            name:'submit',
            style:'margin-left:42px;',
            handler: function(){
            if(lfm.form.isValid()){
            lfm.form.doAction('submit',{
            url:'?action=login',
            params:'',
            method:'post',
            waitTitle:'提示信息',
            waitMsg:'登陆系统中',
            success:function(form,action){
            if(action.result.data=='登陆成功'){
            window.location='?action=main';
            }else{
            Ext.Msg.alert('提示信息',action.result.data);
            }
            },
            failure:function(){
            Ext.Msg.alert('提示信息','操作失败，请联系系统管理员！');
            }
            });
            }
        }
        }]
    });

    lfm.render('inner');
});

以下是Fleaphp的Controller代码
<?php
/////////////////////////////////////////////////////////////////////////////
// 这个文件是 RangeCrm 项目的一部分
//
// Copyright (c) 2007 - 2008 www.erange.com.cn
//
// 要查看完整的版权信息和许可信息，请查看源代码中附带的 COPYRIGHT 文件，
// 或者访问 http://www.erange.com.cn/ 获得详细信息。
/////////////////////////////////////////////////////////////////////////////

FLEA::loadClass('Controller_Default');

/**
 * 用户资料控制类
 *
 * @package AUsers
 * @author 苏广贤 susam119@21cn.com
 * @version 0.1
 */
class Controller_AUsers extends Controller_Default {
    
    /**
     * 数据对象
     *
     * @var Table_AUsers
     */
    var $_tbAUsers;
    
    /**
     * 操作对象
     *
     * @var Model_AUsers
     */
    var $_mlAUsers;
    
    /**
     * 数据对象
     *
     * @var Table_AProfile
     */
    var $_tbAProfile;
    
    /**
     * 构造函数
     *
     */
    function __construct(){
        $this->_tbAUsers=&FLEA::getSingleton('Table_AUsers');
        $this->_mlAUsers=&FLEA::getSingleton('Model_AUsers');
        $this->_tbAProfile=&FLEA::getSingleton('Table_AProfile');
    }
    
    /**
     * 载入列表界面
     *
     */
    function actionIndex(){
        $rows=$this->pager($this->_tbAUsers,20,null,'users_id desc');
        $smarty=$this->_getView();
        $smarty->assign('js',APP_JS);
        $smarty->assign('users',$rows);
        $smarty->display('admin/users.tpl');
    }
    
}
?>
以下是Fleaphp的Model代码
<?php
/////////////////////////////////////////////////////////////////////////////
// 这个文件是 RangeCrm 项目的一部分
//
// Copyright (c) 2007 - 2008 www.erange.com.cn
//
// 要查看完整的版权信息和许可信息，请查看源代码中附带的 COPYRIGHT 文件，
// 或者访问 http://www.erange.com.cn/ 获得详细信息。
/////////////////////////////////////////////////////////////////////////////

FLEA::loadClass('Controller_Default');

/**
 * 用户资料操作类
 *
 * @package AUsers
 * @author 苏广贤 susam119@21cn.com
 * @version 0.1
 */
class Model_AUsers extends Controller_Default {
    
    /**
     * 数据对象
     *
     * @var Table_AUsers
     */
    var $_tbAUsers;
    
    /**
     * 构造函数
     *
     */
    function __construct(){
        $this->_tbAUsers=&FLEA::getSingleton('Table_AUsers');
    }
    
    /**
     * 登陆函数
     *
     */
    function login(){
        $rules=$this->_tbAUsers->meta;
        $rules['USERNAME']['notEmpty']=true;
        $rules['PASSWORD']['notEmpty']=true;
        $verifier=&new FLEA_Helper_Verifier();
        $result=$verifier->checkAll($_POST,$rules);
        FLEA::loadClass('FLEA_Helper_ImgCode');
        $imgcode=&new FLEA_Helper_ImgCode();
        if(!$imgcode->check($_POST['code'])){
            echo '{success:true,data:"验证码不正确"}';
            exit();
        }
        $user=$this->_tbAUsers->findByUsername($_POST['username']);
        if (!$user){
            echo '{success:true,data:"用户名错误"}';
            exit();
        }
        $pwd=$this->_tbAUsers->checkPassword($_POST['password'],$user[$this->_tbAUsers->passwordField]);
        if (!$pwd){
            echo '{success:true,data:"密码错误"}';
            exit();
        }
        $roles=$this->_tbAUsers->fetchRoles($user);
        $rbac=&FLEA::getSingleton('FLEA_Com_RBAC');
        $sessionUsers=array(
        $user[$this->_tbAUsers->primaryKey],
        $user[$this->_tbAUsers->usernameField]
        );
        $rbac->setUser($sessionUsers,$roles);
        echo '{success:true,data:"登陆成功"}';
    }
    
}
?>
以下是Fleaphp的Table代码
<?php
/////////////////////////////////////////////////////////////////////////////
// 这个文件是 RangeCrm 项目的一部分
//
// Copyright (c) 2007 - 2008 www.erange.com.cn
//
// 要查看完整的版权信息和许可信息，请查看源代码中附带的 COPYRIGHT 文件，
// 或者访问 http://www.erange.com.cn/ 获得详细信息。
/////////////////////////////////////////////////////////////////////////////

FLEA::loadClass('FLEA_Com_RBAC_UsersManager');

/**
 * 用户资料数据类
 *
 * @package AUsers
 * @author 苏广贤 susam119@21cn.com
 * @version 0.1
 */
class Table_AUsers extends FLEA_Com_RBAC_UsersManager {
    
    /**
     * 数据表名
     *
     * @var users
     */
    var $tableName='users';
    
    /**
     * 数据表主键
     *
     * @var users_id
     */
    var $primaryKey='users_id';
    
    /**
     * 多对多关联
     *
     * @var array
     */
    var $manyToMany=array(
    'tableClass' => 'Table_ARoles',
    'joinTable' => 'users_roles',
    'foreignKey' => 'users_id',
    'assocforeignKey' => 'roles_id',
    'mappingName' => 'roles'
    );
    
    /**
     * 一对一关联
     *
     * @var array
     */
    var $hasOne=array(
    'tableClass' => 'Table_AProfile',
    'foreignKey' => 'users_id',    
    'mappingName' => 'profile'
    );
}
?>


阿门119 2007-12-15 22:27 发表评论
]]>[转载]Ext的组件结构分析,附Ext组件结构图http://www.phpweblog.net/susam119/archive/2007/12/07/2499.html阿门119阿门119Fri, 07 Dec 2007 08:05:00 GMThttp://www.phpweblog.net/susam119/archive/2007/12/07/2499.htmlhttp://www.phpweblog.net/susam119/comments/2499.htmlhttp://www.phpweblog.net/susam119/archive/2007/12/07/2499.html#Feedback0http://www.phpweblog.net/susam119/comments/commentRss/2499.htmlhttp://www.phpweblog.net/susam119/services/trackbacks/2499.html
Ext的所有组件都是扩展于Ext.Component, 而后子类扩展和集成形成了一个单根的组件树.
Ext中使用组件的方式很不一样,可以看一个例子.

js 代码
  1. var formPanel = new Ext.form.FormPanel({
  2. items: [{
  3. xtype: 'hidden',
  4. name: 'domainId'
  5. },{
  6. fieldLabel: '姓名',
  7. name: 'name',
  8. allowBlank:false
  9. },{
  10. fieldLabel: '权限',
  11. xtype: 'combo',
  12. name: 'auth'
  13. },{
  14. fieldLabel: '帐号',
  15. name: 'account'
  16. },{
  17. fieldLabel: 'Email',
  18. name: 'email',
  19. vtype:'email'
  20. },{
  21. fieldLabel: '启用',
  22. xtype: 'checkbox',
  23. name: 'enabled'
  24. }
  25. ]
  26. });
如此这样就能实现一个包含了很多元素的表单, items里面定义了表单要显示的输入框等组件,但是items里面仅仅是简单的json对象,怎么能显示出来各种不同的表单元素呢?

我们注意到items的每一个元素几乎都有一个xtype属性,这个xtype属性就是描述组件类的关键.

其实Ext里面的组件(Panel, Form Datepicker等等), 在定义完Class之后, 都会把自己注册到Ext.ComponentMgr里面. 简单看一个box的组件, 在BoxComponent.js文件的最后一行可以看到:

js 代码
  1. Ext.reg('box', Ext.BoxComponent);

而在, ComponentMgr.js文件里
js 代码
  1. // private
  2. registerType : function(xtype, cls){
  3. types[xtype] = cls;
  4. cls.xtype = xtype;
  5. },

  7. // private
  8. create : function(config, defaultType){
  9. return new types[config.xtype || defaultType](config);
  10. }
  11. };
  12. }();

  14. // this will be called a lot internally,
  15. // shorthand to keep the bytes down
  16. Ext.reg = Ext.ComponentMgr.registerType;

其实是执行了registerType 这个方法,方法很简单, 把xtype这个名字和对应的cls放到types里面, 而后看到create 我们应该会明白了, 以后想创建组件的时候,就调用 create({xtype: 'box'}) 就OK了

那么我们看看items里面的元素是怎么创建的吧, form的继承树中有一个Ext.Container类, 恩,就在这个类里呢:

js 代码
  1. // private
  2. lookupComponent : function(comp){
  3. if(typeof comp == 'string'){
  4. return Ext.ComponentMgr.get(comp);
  5. }else if(!comp.events){
  6. return this.createComponent(comp);
  7. }
  8. return comp;
  9. },

  11. // private
  12. createComponent : function(config){
  13. return Ext.ComponentMgr.create(config, this.defaultType);
  14. },

恩,基本就是这样了, 希望对大家理解Ext有所帮助

/************************************************/
附件是我弄的一个Ext的组件结构图, 还附有各个组件的说明, 希望大家喜欢, 大家快下呀....



阿门119 2007-12-07 16:05 发表评论
]]>[转载]EXT核心API详解(一)-Exthttp://www.phpweblog.net/susam119/archive/2007/12/07/2498.html阿门119阿门119Fri, 07 Dec 2007 06:49:00 GMThttp://www.phpweblog.net/susam119/archive/2007/12/07/2498.htmlhttp://www.phpweblog.net/susam119/comments/2498.htmlhttp://www.phpweblog.net/susam119/archive/2007/12/07/2498.html#Feedback0http://www.phpweblog.net/susam119/comments/commentRss/2498.htmlhttp://www.phpweblog.net/susam119/services/trackbacks/2498.htmladdBehaviors( Object obj ) : void
对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如
addBehaviors({
   // id=foo下所有的a标签加入click事件
   '#foo a@click' : function(e, t){
       // do something
   },
   // 用,分隔多个选择器
   '#foo a, #bar span.some-class@mouseover' : function(){
       // do something
   }
});


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
创建一个命名空间,例
Ext.namespace('Company', 'Company.data');
Company.Widget = function() { ... }
Company.data.CustomStore = function(config) { ... }

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的方法,例
Ext.override(MyClass, {
    newMethod1: function(){
        // etc.
    },
    newMethod2: function(foo){
        // etc.
    }
});

query( String path, [Node root] ) : Array
通过path,在root中选择节点数组,path可以是以下四种选择器之一
[元素选择器] 例:
* 任意节点
E 一个E标签元素
E F 祖先节点为E的F节点
E > F 或 E/F 父节点为E的F节点
E + F 前一个兄弟节点为E的F节点
E ~ F 前面的兄弟节点中有E的F节点
[属性选择器] 例:
E[foo] 有foo属性的E节点
E[foo=bar] 有foo属性值为bar的E节点
E[foo^=bar] foo属性以bar开始的E节点
E[foo$=bar] foo属性以bar结尾的E节点
E[foo*=bar] foo属性中有bar字符串的E节点
E[foo%=2]  foo属性能被2整除的E节点
E[foo!=bar] foo属性值不为bar的E节点
[伪类选择器] 例:
E:first-child E节点是父节点中第一个子节点
E:last-child E节点是父节点中最后一个子节点
E:nth-child(n) E是父节点中每n个节点
E:nth-child(odd) E是父节点中的奇数节点
E:nth-child(even) E是父节点中的偶数节点
E:only-child E是父节点中惟一的子节点
E:checked checked属性为真的节点
E:first 子孙节点中的第一个E节点
E:last  子孙节点中的最后一个E节点
E:nth(n) 子孙节点中的第n个E节点
E:odd E:nth-child(odd)的简写
E:even E:nth-child(even)的简写
E:contains(foo)  innerHTML属性中含有foo的E节点
E:nodeValue(foo) E节点中包含一个值为foo的文本节点
E:not(S) 不匹配简单选择器S的E节点
E:has(S) 有能匹配简单选择器S的子节点的E节点
E:next(S) 下一个兄弟节匹配简单选择器S的E节点
E:prev(S) 前一个兄弟节匹配简单选择器S的E节点
type( Mixed object ) : String
判断对象类型,如果不是下列值之一将返回false
[样式选择器] 例:
E{display=none} display属性值为none的E节点
E{display^=none} display属性值以none开始的E节点
E{display$=none} display属性值以none结束的E节点
E{display*=none} display属性值含有none子字串的E节点
E{display%=2} display属性值能被2整除的E节点
E{display!=none} display属性值不等于none的E节点


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

urlDecode( String string, [Boolean overwrite] ) : Object
将url格式字符串string解码为json对象,overwrite参数指示是否不重写已存在的对象,例
Ext.urlDecode("foo=1&bar=2"); //返回 {foo: 1, bar: 2}
Ext.urlDecode("foo=1&bar=2&bar=3&bar=4"); //返回 {foo: 1, bar: 4}.
Ext.urlDecode("foo=1&bar=2&bar=3&bar=4", true); //返回 {foo: 1, bar: [2, 3, 4]}.

urlEncode( Object o ) : String
将json对象编码为url格式字符串,参见urlDecode
     
type( Mixed object ) : String
得到object类型,如果不为以下列举值之一则返回false
string/number/boolean/function/object/array/regexp/element/nodelist/textnode/whitespace

阿门119 2007-12-07 14:49 发表评论
]]>[转载]EXT核心API详解(二)-Array/Date/Function/Number/Stringhttp://www.phpweblog.net/susam119/archive/2007/12/07/2497.html阿门119阿门119Fri, 07 Dec 2007 06:47:00 GMThttp://www.phpweblog.net/susam119/archive/2007/12/07/2497.htmlhttp://www.phpweblog.net/susam119/comments/2497.htmlhttp://www.phpweblog.net/susam119/archive/2007/12/07/2497.html#Feedback0http://www.phpweblog.net/susam119/comments/commentRss/2497.htmlhttp://www.phpweblog.net/susam119/services/trackbacks/2497.htmlindexOf( Object o ) : Number
object是否在数组中,找不到返回-1;找到返回位置
remove( Object o ) : Array
从数组中删除指定的对象object,如果找不到object则数组无变化

Number类
constrain( Number min, Number max ) : Number
检查数值是否介于min与max之间, 如果大于max 返回max,如果小于min返回min, 否则返回当前值

String类
escape( String string ) : String
将string中的'和\替换为\' \\

format( String string, String value1, String value2 ) : String
格式化字符串,例:
var cls = 'my-class', text = 'Some text';
var s = String.format('<div class="{0}">{1}</div>', cls, text);// 结果 <div class="my-class">Some text</div>

leftPad( String string, Number size, [String char] ) : String
以char将string补齐为size长度,char默认定义空格

toggle( String value, String other ) : String
交换值,如果当前值等于value,则被赋值other,反之等于value,例:
sort = sort.toggle('ASC', 'DESC');

trim() : String
去除开头或结尾多余的空格


Date类
Date.parseDate( String input, String format ) : Date
将字符串string依指定的格式format转换为时间,其中格式定义详见format方法
例:dt = Date.parseDate("2006-01-15 3:20:01 PM", "Y-m-d h:i:s A" );


add( String interval, Number value ) : Date
增加时间段,String interval在Data类中已定义
Date.MILLI = "ms";
Date.SECOND = "s";
Date.MINUTE = "mi";
Date.HOUR = "h";
Date.DAY = "d";
Date.MONTH = "mo";
Date.YEAR = "y";
例var dt2 = new Date('10/1/2006').add(Date.DAY, -5);

between( Date start, Date end ) : Boolean
是否在两个指定的时间之间

clearTime( Boolean clone ) : Date
清除时间信息,如果clone为真,则克隆自已并返回新Date,本身的值并不改变,反之则修改自身的值

clone() : Date
克隆

format( String format ) : String
格式化时间
d     两位数的日期                01 至 31
D     三字母的星期名                Mon 至 Sun
j     一位数的日期                1 至 31
l     完整的星期名                Sunday 至 Saturday
S     日期的英文顺序刻词尾,两个字符        st, nd, rd or th.
w     一周中的第几天                0 (星期天) 至 6 (星期六)
z     一年中的第几天                0 至 364 (闰年365 )
W     ISO-8601 星期数, 周一算一个星期的开始    1 至 53
F     月的完整英文名                January 至 December
m     月,以0前导                01 至 12
M     三字母的简写月名                Jan 至 Dec
n     月                    1 至 12
t     本月有多少天                28 至 31
L     是否闰年                    1/0
Y     完整的年份                例: 1999 或 2003
y     年的后两位                例: 99 或 03
a     上午/下午小写                am 或 pm
A     上午/下午大写                AM 或 PM
g     小时/12小时制                1 至 12
G     小时/24小时制                0 至 23
h     小时/12小时制                01 至 12
H     小时/24小时制                00 至 23
i     分钟                    00 至 59
s     秒                    00 至 59
u     毫秒                    001 至 999
O     时区,与格林威治标准时间之差        例: +0200
T     时区简写                    例: EST, MDT ...
Z     时区间距                    -43200 至 50400
其中Date类内置了几种格式
Date.patterns = {
    ISO8601Long:"Y-m-d H:i:s",
    ISO8601Short:"Y-m-d",
    ShortDate: "n/j/Y",
    LongDate: "l, F d, Y",
    FullDateTime: "l, F d, Y g:i:s A",
    MonthDay: "F d",
    ShortTime: "g:i A",
    LongTime: "g:i:s A",
    SortableDateTime: "Y-m-d\\TH:i:s",
    UniversalSortableDateTime: "Y-m-d H:i:sO",
    YearMonth: "F, Y"
};
当然ISO8601Long和ISO8601Short还是非常招人喜欢的
例:
dt.format(Date.patterns.ISO8601Long);
dt.format('Y-m-d H:i:s');
 
getDayOfYear() : Number
一年中的第几天,从0开始

getDaysInMonth() : Number
本月有多少天,

getElapsed( [Date date] ) : Number
当前日期对象与date之间相差的毫秒数

getFirstDateOfMonth() : Date
本月的第一天

getFirstDayOfMonth() : Number
本月第一天是星期几

getGMTOffset() : String
时区信息(见格式定义中的'O')
getFirstDateOfMonth() : Date
本月最后一天
 
getFirstDayOfMonth() : Number
本月最后一天是星期几

getSuffix() : String
日期后导符(见格式定义中的S)

getTimezone() : String
时区(见T)

getWeekOfYear() : Number
一年中的第几周(见W)

isLeapYear() : Boolean
是否闰年


Function类
createCallback(/*args...*/) : Function
创建回叫方法

createDelegate( [Object obj], [Array args], [Boolean/Number appendArgs] ) :
创建委托
这两个记法除了传参方式不同,看不出有什么差异都是调用method.apply,createCallback可以看作一个简化版的createDelegate
createCallback==>return method.apply(window, args);
createDelegate==>return method.apply(obj || window, callArgs);
前者参数比较简单,直接传过去了,后者的规则比较复杂点,如果appendArgs为真,args将附加在参数列表之后,如果是数值,args将在参数列表的appendargs位置插入,其它情况下原参将不起作用
例:
var fn = func1.createDelegate(scope, [arg1,arg2], true) 
//fn(a,b,c) === scope.func1(a,b,c,arg1,arg2); 
var fn = func1.createDelegate(scope, [arg1,arg2]) 
//fn(a,b,c) === scope.func1(arg1,arg2); 
var fn = func1.createDelegate(scope, [arg1,arg2], 1) 
//fn(a,b,c) === scope.func1(a,arg1,arg2,b,c); 
var fn = func1.createCallback(arg1, arg2); 
//fn() === func1(arg1, arg2) 


createCallback : function(/*args...*/) 


createInterceptor( Function fcn, [Object scope] ) : Function
创建阻断方法,如果fcn返回false,原方法将不会被执行

createSequence( Function fcn, [Object scope] ) : Function
创建组合方法,执行原方法+fcn

defer( Number millis, [Object obj], [Array args], [Boolean/Number appendArgs] ):Number
定时执行，隔millis毫秒后执行原方法

阿门119 2007-12-07 14:47 发表评论
]]>[转载]EXT核心API详解(三)-Ext.Elementhttp://www.phpweblog.net/susam119/archive/2007/12/07/2496.html阿门119阿门119Fri, 07 Dec 2007 06:46:00 GMThttp://www.phpweblog.net/susam119/archive/2007/12/07/2496.htmlhttp://www.phpweblog.net/susam119/comments/2496.htmlhttp://www.phpweblog.net/susam119/archive/2007/12/07/2496.html#Feedback0http://www.phpweblog.net/susam119/comments/commentRss/2496.htmlhttp://www.phpweblog.net/susam119/services/trackbacks/2496.html
Element( String/HTMLElement element, [Boolean forceNew] )
由id或DOM节点创建Element对象

Element.fly( String/HTMLElement el, [String named] ) : Element
由id或DOM节点创建一个全局共享的活动元素,可由named命名以避免可能的冲突

Element.get( Mixed el ) : Element
由id或DOM节点或已存在的Element得到一个Ext.Element对象

addClass( String/Array className ) : Ext.Element
为元素添加一个或多个css类名

addClassOnClick( String className ) : Ext.Element
为点击事件添加和移除css类

addClassOnFocus( String className ) : Ext.Element
为得到和失去焦点添加和移除css类

addClassOnOver( String className, [Boolean preventFlicker] ) : Ext.Element
为鼠标移入移出事件添加和移除css类(该方法未实际使用preventFlicker参数)

addKeyListener( Number/Array/Object/String key, Function fn, [Object scope] ) : Ext.KeyMap
为对象添加按键侦听 key由数值或字符串或{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}这样的对象或他们的数组组成

addKeyMap( Object config ) : Ext.KeyMap
功能同addKeyListener,只是传参方式不同
例:
el.addKeyMap({key : "ab",ctrl : true,fn: fn,scope:el });
和
el.addKeyListener({key:"ab",ctrl:true},fn,el);
是等价的,都是在 按下ctral+a或ctrl+b后呼叫fn

addListener( String eventName, Function fn, [Object scope], [Object options] ) : void
定义事件侦听,eventName:事件名,fn:事件处理方法,scrope:范围,其中options的定义比较复杂,可以包含以下属性
scope {Object} : 处理fn的范围
delegate {String} : 一个简单选择器(过滤目标或寻找目标的子孙节点)
stopEvent {Boolean} : 阻止事件,等于preventDefault+stopPropagation
preventDefault {Boolean} : 阻止默认活动
stopPropagation {Boolean} : 阻止事件冒泡
normalized {Boolean} :设为flase将允许浏览器事件替代Ext.EventObject
delay {Number} : 延时多少毫秒后发生
single {Boolean} : 只运行一次
buffer {Number} : 在Ext.util.DelayedTask中预定事件
当然,还可能自定义参数以传入function


alignTo( Mixed element, String position, [Array offsets], [Boolean/Object animate] ) : Ext.Element
将el对齐到element,positon,指示对齐的位置,可选以下定义
tl     左上角(默认)
t      上居中
tr     右上角
l      左边界的中央
c      居中
r      右边界的中央
bl     左下角
b      下居中
br     右下角
position还可以使用?约束移动不能超出窗口
offsets 偏移量,以象素为单位
animate 详见animate定义

例:div1.alignTo('div2','c-bl?',[20,0],true);
采用默认动画将div1的最中央对齐到div2的左下角,并右移20个象素,且不能超出窗口


anchorTo( Mixed element, String position, [Array offsets], [Boolean/Object animate], [Boolean/Number monitorScroll], Function callback ) : Ext.Element
功能和alignTo类似,只是当窗口重定义大小的时候也会引发重对齐事件
monitorScroll参数说明是否需要监视滚动条行为,如果定义为数值则是定义的延时,单位为毫秒,默认是50ms,
callback定义了animate完成后的回叫方法

animate( Object args, [Float duration], [Function onComplete], [String easing], [String animType] ) : Ext.Element
执行动画.
args:目标
duration:时间间隔.默认是0.35
Function:完成后的回叫方法
easing:行为方法 默认值是:easeOut,可选值在ext_base中找到,但没有说明,以下内容从yahoo ui中找到的
easeNone:匀速
easeIn:开始慢且加速
easeOut:开始快且减速
easeBoth:开始慢且减速
easeInStrong:开始慢且加速,t的四次方
easeOutStrong:开始快且减速,t的四次方
easeBothStrong:开始慢且减速,t的四次方
elasticIn:
elasticOut:
elasticBoth:
backIn:
backOut:
backBoth:
bounceIn:
bounceOut:
bounceBoth:
太多,慢慢体会吧
animType:定义动画类型,默认值run 可选值:color/motion/scroll


appendChild( String/HTMLElement/Array/Element/CompositeElement el ) : Ext.Element
添加子元素el(el须已存在)

appendTo( Mixed el ) : Ext.Element
将当前元素添加到el

applyStyles( String/Object/Function styles ) : Ext.Element
应用样式,styles是"width:100px"这样的字符串或{width:"100px"}这样的对象,function是指返回这样的字串和对象的函数,这是一个没有用的批示,因为任何传参的地方都可以是返回要求类型的function.另见setStyle

autoHeight( [Boolean animate], [Float duration], [Function onComplete], [String easing] ) : Ext.Element
自适应高度,参数都是老相识了,惟一需要注意的是这个方法使用了setTimeout,高度不会马上变更

blur() : Ext.Element
失去焦点,忽略所有的异常

boxWrap( [String class] ) : Ext.Element
用一个指定样式class的div将当前元素包含起来,class默认值为x-box

center( [Mixed centerIn] ) : void
alignTo的简华版.相当于alignTo(centerIn || document, 'c-c'),当前元素的中心对齐到centerIn元素的中心

child( String selector, [Boolean returnDom] ) : HTMLElement/Ext.Element
依selector选择子孙节点,依returnDom不同批示返回html元素还是ext元素,未定义或false时返回Ext.Element

clean( [Boolean forceReclean] ) : void
清除无用的空白文本节点(我喜欢这个想法)

clearOpacity() : Ext.Element
清除当前元素样式中不通用元素,清除ie中的filter,清除FF中的opacity/-moz-opacity/-khtml-opacity

clearPositioning( [String value] ) : Ext.Element
 清除定位,恢复到默认值,相当于
 this.setStyle({"left": value,"right": value,"top": value,"bottom": value,"z-index": "","position" : "static"});

clip() : Ext.Element
裁剪溢出部分,用unclip()恢复

contains( HTMLElement/String el ) : Boolean
当前元素中是否存在el

createChild( Object config, [HTMLElement insertBefore], [Boolean returnDom] ) : Ext.Element
创建一个新的子节点
config :DomHelper元素对象,如果没有特别指明tag,将使用div做默认tag,详情参见DomHelper,如果未定义insertBefore,则追加

createProxy( String/Object config, [String/HTMLElement renderTo], [Boolean matchBox] ) : Ext.Element
创建一个代理元素
config:代理元素的类名或DomHelper config对象
renderTo:将要绘制代理元素的html element或id
matchBox:是否对齐

createShim() : Ext.Element
在当前元素之前创建一个classname为ext-shim的iframe,有什么用?

down( String selector, [Boolean returnDom] ) : HTMLElement/Ext.Element
通过样式选择器selector选择子孙节点

enableDisplayMode( [String display] ) : Ext.Element
setVisibilityMode的简便方法

findParent( String selector, [Number/Mixed maxDepth], [Boolean returnEl] ) : HTMLElement
通过简单选择器selector寻找祖先节点 ,直到maxDepth(元素maxDepth默认为10,也可以是指定的DOM 节点),找不到返回null

findParentNode( String selector, [Number/Mixed maxDepth], [Boolean returnEl] ) : HTMLElement
从父元素开始使用简单选择器selector选择DOM节点

first( [String selector], [Boolean returnDom] ) : Ext.Element/HTMLElement
得到第一个符合selector条件的子节点,跳过文本节点

focus() : Ext.Element
得到焦点

getAlignToXY( Mixed element, String position, [Array offsets] ) : Array
得到当前元素按position规则对齐到element时的XY坐标值 position/offsets参数参见alignTo方法

getAnchorXY( [String anchor], [Object size], [Boolean local] ) : Array
得到当前元素锚点指定的坐标值 anchor定义参见alignTo方法,默认为c

getAttributeNS( String namespace, String name ) : String
得到使用了命名空间namespace的属性name之值,

getBorderWidth( String side ) : Number
得到side指定的边框之和,side可以是t, l, r, b或他们的任意组合,比如getBorderWidth("lr")就是得到左边框和右边框之和

getBottom( Boolean local ) : Number
得到当前元素的底部纵坐标,元素纵坐标+元素高度

getBox( [Boolean contentBox], [Boolean local] ) : Object
得到当前元素的box对象:{x,y,width,height}

getCenterXY() : Array
如果当前元素要居中对齐时的横纵坐标值,等价getAlignToXY(document, 'c-c')

getColor( String attr, String defaultValue, [String prefix] ) : void
得到当前元素指定attr的颜色值,如果没指定,返回defualtValue,比较郁闷的是明明不是void为什么api中批示是一个void?应该是个字符串

getComputedHeight() : Number
得到计算过的高度,得到offsetHeight或css中定义的height值之一,如果使用了padding/borders,也会计算进去

getComputedWidth() : Number
见getComputedHeight

getFrameWidth( String sides ) : Number
得到sides定义的border宽度和padding定义的宽度之和,side定义见getBorderWidth

getHeight( [Boolean contentHeight] ) : Number
返回元素的offsetHeight

getLeft( Boolean local ) : Number
得到横坐标

getMargins( [String sides] ) : Object/Number
如果没有定义sides,则返回一个含有{left,top,width,height}对象,反之返回side指定的宽度,side定义见getBorderWidth

getOffsetsTo( Mixed element ) : Array
计算从element到当前元素的偏移量

getPadding( String side ) : Number
得到由side指定的padding之和

getPositioning() : Object
得到当前元素的位置信息 返回含以下属性的对象{position,left,right,top,bottom,z-index}

getRegion() : Region
得到当前元素的区域信息 返回含有以下属性的Ext.lib.Region对象{top, left, bottom, right}

getRight( Boolean local ) : Number
右边界值

getScroll() : Object
得到一个批示滚动条位置的对象{left, top