代码改变世界

ExtJS 学习心得(一)

2007-10-19 16:37  w i n s o n  阅读(3815)  评论(1编辑  收藏  举报
一个偶然的机会,我发现了ExtJS框架,第一次看到其创建出来的效果时,简直兴奋死我啦,呵呵,没想到还有这么漂亮的UI控制,但使用起来却感觉不太爽,其一大缺点就是所带的类库太庞大啦,会比较影响速度,而且帮助文档全部是英文,英文的也还好啦,更重要的是其文档并没有相关的例子,只是列出来使用参数,让人很难掌握,只好去他们的官方论坛到处问人,郁闷!

不过还好,外国人一般都比较热情,基本上问的问题都有人会给我答复,呵呵

在帮朋友做的一个网站里,我就开始了大量使用了EXTJS框架,虽然其类库文件是很大,不过感觉能做出这种效果的话,这点牺牲还是值得的

为了不让自己很快又忘记,所以还是决定在这里写下一点东西,以后也比较方便查找,如果其中有写错的地方,请大家及时指正哦,谢啦!

先说说EXTJS的自定义函数吧,以下语句可创建一个函数:
Ext.Login=function(){
    
function IsLogin(){
    .
    }

   
return{
    init:
function(){
        IsLogin();
    }
,
        Login:
function(){
        
        }

}

刚开始时让我比较郁闷的是这种JS里的函数调用机制,以上代码里,将创建一个名为Ext.Login()的对象,应该相当于一个类的意思吧,然后可在其里面写其他相关的方法

在return里的为公有方法,这里面的方法可给外部程序调用(如在HTML文件里用),而在return以外的代码是其私有方法,只能在Ext.Login()这个对象里调用

如需要在其他页面调用里面的Login()方法,可直接写

<input id="login" onclick="Ext.Login().Login()" />

如果需要在页面加载时就调用,一般只需直接用EXTJS里的方法即可实现:

Ext.onReady(Ext.Login.init, Ext.Login);

这里的函数名并不需要加括号,第一个参数是要调用的方法,第二个是作用域,一般写此对象名即可

OK,关于基本的函数使用调用要注意的差不多就这些吧,之后再写写对AJAX的运用