ExtJs2 0 物件導向的程式設計方法

2021-04-19 19:31:50 字數 693 閱讀 9942

前言

在以往的js程式設計中,大家都會以物件導向的方式編寫js**。那是因為以前js在web應用中只扮演著乙個小角色。沒有人在乎它其主要的原因在於它只是乙個輕量級的指令碼語言,只能在頁面上新增一些特效。

但是已經步入web2.0 的如今來說,js由乙個跑龍套的迅速的變為當紅的明星。其主要的原因在於ajax的出現。但是最初給程式設計師帶來最大的苦惱就是瀏覽器的相容問題。隨後很多的外國友人開始研發js的前台框架。比如prototype,ext,dojo,xquery……等等。這些都是很好的ajax的框架,他們都整合了ajax的呼叫函式,讓程式設計師開發起來更加快速,也減少了程式設計師對瀏覽器相容問題的擔憂。

言歸正傳,既然js在web2.0時代成為耀眼的明星之後,我們就應該規範一下對js的編寫模式。

正文

在extjs中,jack(ext框架的作者)為我們提供了乙個很好的繼承函式,即 ext.extend(class,superclass,constructor);下面就是乙個繼承的例子(繼承panel)

mypanel  = function(str));

}ext.extend(mypanel,ext.panel,);

呼叫時var mypanel = new mypanel('helloworld!!');

這樣呼叫的panel就會在其內容中答應helloworld!!

Extjs 物件導向程式設計

1 命名空間 定義乙個命名空間 ext.namespace ext.dojochina 建立乙個類,ext.emptyfn 定義個空方法 也可以寫成 function ext.dojochina.helloworld ext.emptyfn 2 類例項屬性 ext.namespace ext.doj...

ExtJS2 0實用簡明教程 元件的配置屬性

在extjs中,除了一些特殊的元件或類以外,所有的元件在初始化的時候都可以在建構函式使用乙個包含屬性名稱及值的物件,該物件中的資訊也就是指元件的配置屬性。比如配置乙個面板 new ext.panel 再比如建立乙個按鈕 var b new ext.button 再比如建立乙個viewport及其中的...

《ExtJS2 0實用簡明教程》之元件的配置屬性

在extjs中,除了一些特殊的元件或類以外,所有的元件在初始化的時候都可以在建構函式使用乙個包含屬性名稱及值的物件,該物件中的資訊也就是指元件的配置屬性。比如配置乙個面板 new ext.panel 再比如建立乙個按鈕 var b new ext.button 再比如建立乙個viewport及其中的...