DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 讀GI源碼、學JS編程——Javascript中的事件實現
讀GI源碼、學JS編程——Javascript中的事件實現
編輯:AJAX詳解     
JavaScript雖著AJax應用越來越多,也變得越來越重要,越來越多的“網絡版”軟件以其眼花缭亂的異步加載刷新讓人感觸到AJax的威力,越來越多的程序員們也開始關注於JavaScript的學習,以至於慢慢的發現JavaScript完全由能力擔任所有UI層編碼的重任。
         SOA這盤菜被個大廠商炒了又炒,WebService漸漸成為標准的傳輸方式,Soap被越來越多的人認識。這個時候人們發現JavaScript能夠調用WebService,於是有人開始試水了。不得不說用Javascipt完全可以作為為UI層的骨架,UI層的邏輯開發對於Javascipt簡直就是得心應手,顯示更不用說,傳輸用WebService,哈哈,不再需要那麼多WebForm控件,讓C#去更多的關注如何實現業務去吧。
         但對於JavaScript很多人不是很了解,尤其是對於大型RIA程序來說,一堆堆的腳本對於習慣了C#的程序員簡直就是惡夢。就像每個人當初學C#一樣,Petshop是一門不可多得的教材,當TIBCO宣布GI開源的時候,人們發現這才是JavaScript中最好最重量級的教材。我想一起與大家學習GI中值得學習的部分,學習Javascipt怎麼在大型RIA中發揮作用。

 再簡單介紹一下GI_Builder,GI_Builder是TIBCO公司開發的一套基於Javascipt開發的用開發開JavaScript的IDE,當然也包括一套Framework,類似於VS2005,只需要你拖拖拽拽就能實現頁面上的,實現很多大家夢寐以求的Javascipt端的控件,Tab,Tree,Grid,甚至於更佳神奇的在Firefox下用SVG比表示,在IE下用VML表示的Chart。相信這些東西如何實現肯定誰都非常感興趣。

 好吧我們先從寫基礎的開始,看看大程序為了實現整個功能的運行都做了些什麼。大多數人都知道,AJax程序是以事件驅動為基礎的,而實現一個事件的注冊和廣播也是很多框架中必要的設計,GI中是如何實現事件的機制的呢。

         我們先來看這樣一段偽事件的實現:

ClassA=function()
{
    //聲明事件
    this.onAdd=function(){return false;}
    this.Add=function(a,b)
    {
        var c=a+b;
        //執行事件
        if(typeof(this.onAdd)=="function")this.onAdd();
        return c;
    }
}
ClassB=function()
{
    this.AlertAdd=function()
    {
        this; //這裡讓大家看點東西,嘿嘿
        alert("Add");
    }
    this.Test=function()
    {
        var a=new ClassA();
        //綁定事件
        a.onAdd=this.AlertAdd;
        a.Add(1,1);
    }
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved