『壹』 高分懸賞EXTJS學習方法和經驗
一、理解Html DOM、Ext Element及Component
要學習及應用好Ext框架,需要理解Html DOM、Ext Element及Component三者的區別。
Ext是基於web的富客戶端框架,其完全是基於標准W3C技術構建設的,使用到的都是HTML、CSS、DIV等相關技術。Ext最傑出之處,是開發了一系列非常簡單易用的控制項及組件,我們只需要使用這些組件就能實現各種豐富多彩的UI的開發。
無論組件有多少配置屬性、還是事件、方法等等,其最終都會轉化為HTML在瀏覽器上顯示出來,而每一個HTML頁面都有一個層次分明的DOM樹模型,瀏覽器中的所有內容都有相應的DOM對象,動態改變頁面的內容,正是通過使用腳本語言來操作DOM對象實現。
僅僅有DOM是不夠的,比如要把頁面中的某一個節點移到其它位置,要給某一個節點添加陰影效果,要隱藏或顯示某一個節點等,我們都需要通過幾句 javascript才能完成。因此,Ext在DOM的基礎上,創建了Ext Element,可以使用Element來包裝任何DOM,Element對象中添加了一系列快捷、簡便的實用方法。
對於終端用戶來說,僅僅有Element是不夠的,比如用戶要顯示一個表格、要顯示一棵樹、要顯示一個彈出窗口等。因此,除了Element以外,Ext 還建立了一系列的客戶端界面組件Component,我們在編程時,只要使用這些組件Componet即可實現相關數據展示及交互等,而 Component是較高層次的抽象,每一個組件在渲染render的時候,都會依次通過Element、DOM來生成最終的頁面效果。
在使用Ext開發的應用程序中,組件Component是最高層次的抽象,是直接給用戶使用的,Ext Element是Ext的底層API,主要是由Ext或自定義組件調用的,而DOM是W3C標準定義的原始API,Ext的Element通過操作DOM 來實現頁面的效果顯示。
在Ext中,組件渲染以後可以通過訪問組件的el屬性來得到組件對應的Element,通過訪問Element的dom屬性可以得到其下面的DOM對象。另外,我們可以通過通過Ext類的快捷方法getCmp、get、getDom等方法來得組件Component、Ext元素Element及DOM節點。比如:
var view=new Ext.Viewport();//創建了一個組件Component
view.el.setOpacity(.5);//調用Element的setOpacity方法
view.el.dom.innerHTML="Hello Ext";//通過Element的dom屬性操作DOM對象
再看下面的代碼:
var win=new Ext.Window({id:"win1",title:"我的窗口",width:200,height:200});
win.show();
var c=Ext.getCmp("win1");//得到組件win
var e=Ext.get("win1");//根據id得到組件win相應的Element
var dom=Ext.getDom("win1");//得到id為win1的DOM節點
二、熟悉ext組件體系
Ext2.0對整個框架進行了重構,最為傑出的是推出了一個以Component類為基礎的組件體系,在Component類基礎上,使用面向對象的方法,設計了一系列的組件及控制項。因此,要能游刃有餘地使用Ext,熟悉Ext組件體系是最基本的。
在《ExtJS實用開發指南》中,有如下面一幅組件圖:
通過組件結構圖我們可以一目瞭然的看出整個Ext組件繼承及組成體系,當使用一個組件的時間,了解他的繼承體系,這樣可以便於我們掌握組件的各種特性。
三、掌握核心控制項
控制項其實也是組件,比如用於顯示樹信息的TreePanel、用於顯示表格的GridPanel及EditorGridPanel,還有代表應用程序窗口的Ext.Window等都屬於Ext控制項。在使用Ext的時候,一定要掌握一些核心控制項,特別是處於基類的控制項。比如上面提到的幾個控制項,他們都是繼承於面板Panel,所以我們要重點掌握面板這個核心控制項的特性。比如面板由以下幾個部分組成:一個頂部工具欄(tbar)、一個底部工具欄(bbar)、面板頭部(header)、面板尾部(bottom)、面板主區域(body)幾個部分組成。面板類中還內置了面板展開、關閉等功能,並提供一系列可重用的工具按鈕使得我們可以輕松實現自定義的行為,面板可以放入其它任何容器中,面板本身是一個容器,他裡面又可以包含各種其它組件。只要掌握了Panel的應用,那麼學習TreePanel、Window等就會變得簡單得多。
同樣的道理,對於Ext的表單欄位來說,不管是ComboBox,NumberField、還是DateField,他們其它都是 Ext.form.Field類的子類,在他上面定義了表單欄位的各種基本操作及特性。在學習使用表單欄位組件時,一定要重點研究Field這個類,掌握他的主要方法、事件等,就能有助於更好的學習使用其它的欄位。
四、學習及研究示例
由於javascript語言非常靈活,不像靜態強類型語言(比如Java)那樣有固定的代碼設計模式,而往往是不同的人就有不同的編程風格。在實際應用開發中,只有見多識廣,才能在自己的在腦中建立一個開發庫。
學習別人的示例對於我們開發幫助會非常大,示例包括基本組件的應用、綜合應用等多個方面。在此,簡單推薦幾個。
1、Ext官方示例,在ext項目下載包的examples目錄中,包括各個控制項的基本應用演示,同時還有一些比較復雜的組合示例,有簡有繁,非常適合初學者認真研究。
2、Vifir推出的示例,Vifir推出的一些示例主要包括兩類,一種是開源的示例應用,另外一種是針對VIP用戶的實用示例。開源的示例主要是指 wlr單用戶blog系統,這個一個集合了前後台技術的ext綜合示例,而針對VIP用戶的實用示例則是可以作為開發骨架或擴展組件的示例。
3、其它示例,在ext社區中還有很多比較優秀的ext應用示例,有些只是一個應用演示,雖然沒有提供源碼下載,但我們可以直接下載引用的js文件來得到這些示例的ext應用代碼,同樣能取起到非常好的學習效果。
五、多運用
Ext看起來是非常簡單的東西,稍有點編程知識的人,按照《ExtJS實用開發指南》中的入門指南,半小時就能學會使用Ext。然而,當准備使用Ext開發一個項目時,卻不知道從何處入手,或者是在使用Ext的時候,出了一點小問題自己不知道該如何解決。編程是一門實踐性的科學,僅僅靠看書、看別人寫的代碼是遠遠不夠的,因此,必須多做實踐才行,只有通過不斷的練習,大量的使用,才能對Ext的組件特性、事件、事件處理機制以及與伺服器端交互介面等深入的掌握,只有多做運用,深入了解ext的組件的工作原理及機制,才能編寫出高級的Ext的應用。
六、熟讀Ext項目的源代碼
如果要想深入應用Ext,那麼閱讀Ext項目的源代碼這是必不可少的環節,Ext的代碼質量非常高,通過閱讀他的代碼我們可以更加深刻的了解 javascript面向對象編程,Ext代碼中包含了很多高級的js技巧以及設計模式。在使用Ext的過程中,我們經常根據項目的需要對Ext組件進行擴展,設計自己的組件或控制項,而如何實現一個自定義的Ext組件,我們可以從Ext的各個組件源代碼中找到答案。
Ext的源代碼在Ext項目的source目錄。讀Ext源碼,並不一定非要從某一個地方開始,而組件核心代碼Component.js、容器組件代碼 Container.js、面板Panel.js等這些是必看的; core目錄中的Element.js、Ext.js等也是必看的。當需要從一個控制項進行擴展的時候,最好能簡單看一看這個控制項的源代碼。
『貳』 誰解釋一下ExtJs的 配置項,屬性,方法,事件
ExtJS 前身是 YUI-Ext,最初作者是打算對 Yahoo! User Interface (YUI)庫進行自定義的擴展,後來獨立出來變成一個獨立的框架。ExtJS 是一個前端庫,多用於網站後台管理功能。
配置項是一種組件的屬性和事件的定製,屬性就是諸如標題、寬度、ID等參數,事件就是組件運行過程中可能會發生的變化,比如被點擊、被選中、焦點離開了組件。配置項在腳本裡面用對象的形式表示,如{title:'Title'},對象屬性代表配置項的名,對象屬性的值代表配置項的參數。
註:屬性和方法是 JavaScript 對象的概念,如果不明白請先學習 JavaScript。
『叄』 Extjs下拉框分別是ipv4和ipv6 我想選擇ipv4時 後面對應ipv4的regex,ipv6對應ipv6的,監聽怎麼寫。。
1引言 隨著對IPv4向IPv6過渡技術研究的不斷深入,業界對於過渡問題的認識也不斷深入,IETF對於這個問題的認識經歷了遷移(Migration)、過渡(Transition)、集成(Integration)、互操作(Interoperation)長期共存(Co-existence)階段。從長遠來看,IPv4和IPv6技術在網路中將長期共存(Co-existence)。未來的IP網路將是IPv4網路與IPv6網路的集成(Integration)網路。 2綜合組網的基本原則 在討論具體IPv4/v6綜合組網技術時,首先需要明確的是綜合組網時所應依據的具體原則,這些原則實際上是IPv4/v6綜合組網的基本需求,也是討論和分析IPv4/v6綜合組網技術時的重要依據和基礎。IPv4/v6綜合組網時所需要依據的原則可以分為必需滿足的原則和參考原則兩種。 2.1必需原則 (1)最大限度地保護既有投資(終端用戶,ISP,ICP,電信運營商) 在進行IPv4/v6綜合組網方案的研究時,需要考慮到現有的各個網路運營實體的既有投資,這包括設備投資、市場投資、技術儲備、人才儲備等多個方面。只有很好地保護既有投資的組網技術和其相應的方案才能具有較好的實用性。 (2)保證IPv4和IPv6主機之間的互通 網路中的IPv4主機和IPv6主機必須能夠互通,包括路由可達和IP包可達。只有在兩者互通的基礎上才能談應用層面的互通。 (3)保證現有IPv4應用在綜合組網環境中的正常應用 現有IPv4網路中的應用已經支持了大量的用戶,IPv6技術在網路中的引入不能對現有的業務造成影響,這種影響包括業務性能的影響、網路可靠性的影響以及網路安全性的影響等多方面。 (4)避免設備之間的依賴性,設備的更新須具有獨立性 IPv4/v6綜合組網技術要求避免設備升級時設備之間的依賴和耦合,網路中的各個部分可以單獨選擇可用的組網技術,這些技術的選擇不能制約其他網路部分組網技術的選擇和設備的更新。 (5)綜合組網過程對於網路管理者和終端用戶來講要易於理解和實現 綜合組網過程簡單並易於實現是組網成功與否的一個重要因素,過為復雜的組網過程不但增加網路故障發生的機率,而且也影響用戶的跟進速度。 (6)提高組網靈活性,支持網路漸進升級,用戶擁有選擇何時過渡和如何過渡的權利 (7)綜合組網以後網路的服務質量不應該有明顯的降低 由於IPv6路由器的性能比同級別的IPv4路由器的性能有所下降,雙棧路由器的性能也不是很高,因此IPv4/v6綜合組網以後,網路的整體性能可能下降,但是這種下降不會對現有業務的服務質量造成明顯的影響。 (8)綜合組網以後網路的可靠性和穩定性不能削弱 (9)綜合組網過程中應該考慮如何充分發揮IPv6的技術優勢 IPv6技術的提出主要是為了解決IP地址空間不足的問題,但也增加了一些其他功能,比如網路安全性支持能力等。在綜合組網技術研究中應該考慮如何使這些技術優勢得以發揮。 (10)在設計綜合組網方案時,一方面要考慮到IPv4/v6長期共存,另一方面也要考慮到將來網路全部採用IPv6的可能。因此,在技術研究時要注意所選技術能夠支持網路的平滑過渡,不會形成將來網路過渡的新障礙。 2.2參考原則 (1)在IPv4業務和IPv6業務互不影響的前提下,支持IPv4業務與IPv6業務的互通 在綜合組網初期要實現IPv4網元與IPv6網元的互聯,可以分別支持IPv4業務和IPv6業務,這些業務可以單獨運營,互相不互通,在綜合組網的後期要實現IPv4業務與IPv6業務的業務層面的互通。 (2)應著重考慮從邊緣到骨乾的逐步演進策略(同時關注從骨幹到邊緣的策略) 網路演進的策略(從邊緣到骨幹還是從骨幹到邊緣)一直是IPv4/v6綜合組網技術研究中有較多爭論的問題。一般認為,IPv6技術在網路中的引入主要是為解決IP地址空間不足的問題,而大量消耗IP地址的是網路的邊緣,因為網路的終端、接入設備、匯集設備數量遠遠多於城域核心網路或骨幹網路的網元數目,因此在網路邊緣採用IPv6技術可以有效地解決IP地址空間不足的問題。另一方面,骨幹網路和城域核心網路的設計原則是簡單、高效,而就目前的實際情況來講,IPv6路由器的路由轉發性能低於IPv4路由器的性能,因此在城域核心網和骨幹網應該採用IPv4協議,目前還沒有對這部分網路進行IPv6協議升級的迫切需求。保證核心網和骨幹網的長期相對穩定有利於網路的持續穩定發展,因此從邊緣到骨乾的網路逐步演進策略得到了大多數研究人員的認同。 (3)綜合組網後網路管理功能應該較原有網路有所加強 在電信網路中引入IP技術以後,網路的管理模式和運營模式都不能再按照互聯網的相關模式進行,這一點已經得到了越來越多的研究人員的支持。原有IPv4網路所存在的技術、管理方面的問題已經逐步暴露出來,在IPv4/v6綜合組網技術的研究中,要同時考慮這兩方面的內容,提高網路的可管理性和可維護性。 (4)應考慮綜合組網對用戶認證和計費方式的影響 IP網路的計費和認證問題一直是一個重點研究的熱點,這個問題在電信網路中尤為突出,目前在IPv4網路中的計費認證問題已經有了一些解決辦法,並且這些辦法在實際網路中也得到了一定程度的應用,取得了一些成果。但是,IPv6技術在網路中的引入使得問題變得更為復雜,有時會出現重復計費和認證的現象。 (5)應考慮對IPv4地址資源的使用效率 在進行IPv4/v6綜合組網時,不同的綜合組網技術對於IPv4地址的需求也不相同,有些組網技術依然需要大量的IPv4地址,因此IPv4地址的需求量也是綜合組網技術研究中應該注意的一個問題。 (6)應考慮為終端用戶所能帶來的好處(業務、興趣點等) 在IPv4網路中引入IPv6技術,可以解決運營商的IP地址空間不足的問題。但是,網路的這種升級究竟能為終端用戶帶來什麼好處,或者說,終端用戶有什麼理由要支持這種升級是一個需要考慮的問題。網路升級以後能夠提供更好的服務或者可以增加新的業務種類,並形成新的業務興趣點是刺激終端用戶積極跟進的重要因素。網路升級以後,只有用戶的增加、用戶對網路滿意度的提高、業務收入的增長才能夠真正推動運營商對網路升級改造的進程。 (7)各電信運營商應該有明確的網路過渡計劃 網路的升級是一個牽涉到網路各個層面的重要問題,因此運營商應該有一個長遠的規劃和具體的實施計劃,這種規劃和計劃應該和企業的技術路線和網路發展方向相一致,避免網路升級過渡的盲目性以及由此帶來的諸多混亂。 (8)綜合組網時應統籌考慮到對現有IPv4網路中存在的一些問題的改進(NAT,地址規劃等) 在IPv4/v6綜合組網技術研究時要充分分析和研究現有IPv4網路中所存在的問題,以期在綜合組網方案中能夠解決或者避免這些問題。 (9)網路的各個部分之間的技術選擇應該具有獨立性,如城域核心網、接入網、駐地網應該可以選擇不同的技術。 3現有綜合組網技術 3.1雙棧策略 雙棧策略是指在網元中同時具有IPv4和IPv6兩個協議棧,它既可以接收、處理、收發IPv4的分組,也可以接收、處理、收發IPv6的分組。對於主機(終端)來講,「雙棧」是指其可以根據需要來對業務產生的數據進行IPv4封裝或者IPv6封裝。對於路由器來講,「雙棧」是指在一個路由器設備中維護IPv6和IPv4兩套路由協議棧,使得路由器既能與IPv4主機也能與IPv6主機通信,分別支持獨立的IPv6和IPv4路由協議,IPv4和IPv6路由信息按照各自的路由協議進行計算,維護不同的路由表。IPv6數據報按照IPv6路由協議得到的路由表轉發,IPv4數據報按照IPv4路由協議得到的路由表轉發。 3.2隧道策略 隧道策略是IPv4/v6綜合組網技術中經常使用到的一種機制。所謂「隧道」,簡單地講就是利用一種協議來傳輸另一種協議的數據技術。隧道包括隧道入口和隧道出口(隧道終點),這些隧道端點通常都是雙棧節點。在隧道入口以一種協議的形式來對另外一種協議數據進行封裝,並發送。在隧道出口對接受到的協議數據解封裝,並做相應的處理。在隧道的入口通常要維護一些與隧道相關的信息,如記錄隧道MTU等參數。在隧道的出口通常出於安全性的考慮要對封裝的數據進行過濾,以防止來自外部的惡意攻擊。 隧道的配置方法分為手工配置隧道和自動隧道,而自動配置隧道又可以分為兼容地址自動隧道,6to4隧道,6over4,ISATAP,MPLS隧道,GRE隧道等,這些隧道的實現原理和技術細節都不相同,相應的其應用場景也就不同。 典型的隧道技術主要包括: (1)配置隧道 手工配置隧道主要應用在個別IPv6主機或網路需要通過IPv4網路進行通信的場合,這種方式的優點是實現相對簡單,缺點是擴展性較差,表現在當需要通信的IPv6主機或網路比較多時,隧道配置和維護的工作量較大。 (2)6to4隧道 6to4隧道是自動隧道的一種,也是IETF較為重視、並得到深入研究、有廣闊應用前景的一種網路過渡機制。6to4隧道的主要應用環境是,它可以使連接到純IPv4網路上的孤立的IPv6子網或IPv6站點與其它同類站點在尚未獲得純IPv6連接時彼此間進行通信。 (3)兼容地址自動隧道 兼容地址自動隧道是自動隧道的一種,在IETF的RFC中進行規定,但是目前已經不推薦使用這種隧道方式。 (4)6over4 6over4機制通常只能應用在網路邊緣,例如企業網和接入網。6over4能夠將沒有直接與IPv6路由器相連的孤立的IPv6主機通過IPv4組播域作為它們的虛擬鏈路層形成IPv6的互聯。通過這種機制,IPv6可以獨立於底層的鏈路,可以跨越支持組播的IPv4子網。6over4機制由於要求在IPv4網路中支持組播功能,而目前大多數網路均沒有布置組播功能,因此在實際應用中很少被利用。 (5)隧道代理 隧道代理通常應用於獨立的小型的IPv6站點,特別是獨立的分布在IPv4互聯網中的IPv6主機需要連接到已有的IPv6網的情況。隧道代理(TB)提供一種簡化配置隧道的方法,可以減少繁重的隧道配置工作。隧道代理的思想就是通過提供專用的伺服器作為隧道代理,自動地管理用戶發出的隧道請求。用戶通過TunnelBroker能夠方便和IPv6網路建立隧道連接,從而訪問外部可用的IPv6資源。隧道代理這種過渡機制對於在IPv6的早期為吸引更多的IPv6使用者能方便快捷地實現IPv6連接有很大的益處,同時也為早期的IPv6提供商提供了一種非常簡捷的接入方式。 (6)ISATAP ISATAP機制(theIntra-siteAutomaticTunnel Addressing Protocol,站內自動隧道定址協議)在IETF的RFC中進行定義,通常應用在網路邊緣,如企業網或接入網。ISATAP可以和6to4技術聯合使用,可以使IPv4站點內的雙棧節點通過自動隧道接入到IPv6路由器,允許與IPv6路由器不共享同一物理鏈路的雙棧節點通過IPv4自動隧道將數據包送達IPv6下一跳。 (7)MPLS隧道 MPLS隧道主要應用於骨幹網和城域核心網。MPLS隧道實現IPv6島嶼互聯的方式,尤其適合於已經開展了BGP/MPLSVPN業務的運營商。這種過渡方式可以使運營商暫時不必將現有核心網路升級為IPv6網路就可以實現對外提供IPv6業務。 IPv6站點必須通過CE連接到一個或多個運行MP-BGP的雙棧PE上,這些PE之間通過MP-BGP來交換IPv6的路由可達信息,通過隧道來傳送IPv6數據包。 (8)二層隧道 為了連接分散的IPv6網路,一種可能的方法是利用二層技術(如ATM,PPP,L2TP等)把這些IPv6網路連接在一起。這種方式的優點是概念清晰、易於理解。缺點是實現較為困難,擴展性較差,當需要互聯的IPv6網路較多時,不宜採用這種方式。 3.3翻譯策略 在網路的過渡時期不可能要求所有的主機或終端都升級支持雙棧,在網路中必然存在純IPv4主機和純IPv6主機之間進行通信的需求,由於協議棧的不同很自然地需要對這些協議進行翻譯轉換。對於協議的翻譯涉及兩個方面,一方面是IPv4與IPv6協議層的翻譯,另一個方面是IPv4應用與IPv6應用之間的翻譯。翻譯策略可以對應多種實現技術,其中NAT-PT和TRT主要應用於網路匯聚層,而BIA,BIS則主要是針對主機終端而提出的。 (1)NAT-PT NAT-PT網關能夠實現IPv4和IPv6協議棧的互相轉換,包括網路層協議、傳輸層協議以及一些應用層協議之間的互相轉換,原有的各種協議可以不加改動就能與新的協議互通,但該技術在應用上有一些限制: ●在拓撲結構上要求一次會話中雙向數據包的轉換都在同一個路由器上完成,因此地址/協議轉換方法較適用於只有一個路由器出口的網路; ●一些協議欄位在轉換時不能完全保持原有的含義。 (2)TRT 傳輸中繼轉換器簡稱「TRT」(TransportRelayTranslator)適用於純IPv6網路與純IPv4網路通信的環境。TRT系統位於純IPv6主機和純IPv4主機之間,可以實現(TCP,UDP)/IPv6與(TCP,UDP)/IPv4的數據的對譯。傳輸中繼可以分為TCP中繼和UDP中繼兩類。 TRT與NAT-PT的最大區別是,TRT做為中繼,在TCP/UDP層面以代理的身份來溝通雙方,例如TCP中繼分別與TCP通信的雙方建立TCP連接,雙方的所有TCP通信均由TCP中繼來中轉,而NAT-PT則只起翻譯作用,並不代理通信。 (3)BIS BIS技術是在雙棧主機中添加若干個模塊(翻譯器、擴展域名解析器、地址映射器),用於監測TCP/IP模塊與網卡驅動程序之間的數據流,並進行相應IPv4與IPv6數據包之間的相互翻譯。當與其他IPv6主機進行通信時,在這台主機內部給對應IPv6主機分配一些IPv4地址,這些地址只在這台主機內部使用。而且,這種分配過程是通過DNS協議自動來完成的。主機可以使用現有的IPv4應用和其他IPv6主機進行通信,使其成為能夠既支持IPv4應用又同時支持IPv6應用的雙棧主機,從而擴大了雙棧主機的應用領域。此外,BIS機制還可以和其他的轉換機制共存。 (4)BIA BIA技術在雙棧主機的SocketAPI模塊與TCP/IP模塊之間加入一個API翻譯器,它能夠在IPv4的SocketAPI函數和IPv6的SocketAPI函數間進行互譯,這種機制簡化了IPv4和IPv6間的轉換,無需進行IP頭的翻譯。 採用BIA的雙棧主機假定在本地節點上同時存在TCP/IPv4和TCP/IPv6兩種協議棧。當雙棧主機上的IPv4應用程序與其他IPv6主機通信時,API翻譯器檢測到IPv4應用程序中的SocketAPI函數,並調用IPv6的SocketAPI函數與IPv6主機通信,反之亦然。 4綜合組網技術的比較分析 在IPv4/v6綜合組網具體技術的選擇時要重點考慮如下幾個重要因素: (1)擴展性(Scalability) 擴展性一方面是指某種組網技術能否支持網路平滑的升級,擴展性較差的技術雖然會解決目前的問題,但同時也會成為網路升級的障礙。另一方面是指,在網路的各個部分採用的不同技術之間是否存在制約,如某個網路的部分採用了6to4機制,則要求與其通信的其他網路部分也要支持這種機制(採用6to4路由器或6to4中繼器)。 (2)安全性(Security) 安全性包括多個方面:首先,組網技術是否會破壞原網路的安全性。其次,組網技術本身是否存在安全漏洞或隱患。 (3)性能(Performance) 組網技術的性能包括其對原有網路的網路性能的影響、其自身的網路性能如何兩方面。 (4)主機需求(RequirementsofHosts) 主要需求包括協議棧、IPv4地址(全局還是臨時、如何獲得和管理)需求、IPv6地址(地址類型、分配策略等)需求等。 (5)路由器需求(RequirementsofRouters) (6)IPv4地址需求(IPv4AddressRequirement) 當在網路中按照某個組網技術組網時,其對IPv4地址的需求量如何,需要全局地址還是臨時地址,地址如何管理等。 (7)IPv6地址需求(IPv4AddressRequirement) (8)易用性(EaseofUse) 組網技術的復雜性直接制約了其應用的范圍,一個復雜的、不易理解的組網技術對網路的採用會帶來諸多問題(維護與管理、實施成本等)。 (9)易管理性(EaseofManagement) (10)應用場景與應用階段(ApplicationScenariosandPhase) 每種網路遷移策略及其相應的組網技術均有其各自的優點和缺點,有著各自的適用環境,這些特性直接影響了在綜合組網中組網技術的選擇。 (11)其他因素(OtherFactors) IPv6技術增加了一些和網路安全、QoS保證等方面的支持能力,但是在一些綜合組網環境中,這些附加的特性可能不能得以體現。 5結束語 本文對IPv4/v6綜合組網時應遵循的基本原則、涉及的主要策略和相應技術進行了分析,對於了解IPv4/6綜合組網技術、設計IPv4/6綜合組網方案有一定的幫助
『肆』 extjs grid的問題。this.el.dom為空或不是對象。
排版看起來真的有點蛋疼啊,我運行了下,也是一樣的問題,原因是你的ExtJs代碼未被觸發,頁面載入後自然找不到對象,一般是把EXTJS寫在Ext.onReady(function(){})裡面的,還有一個小錯誤是grid.render也是需要有DOM對象的,你的render對象為空的話grid就找不到附著的地方了。我修改了下你的代碼如下便可以運行了,希望能幫到樓主。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hello World</title>
<link rel="stylesheet" type="text/css"href="../resources/css/ext-all.css" /><!--這一個是引入ExtJs的默認樣式-->
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script><!--ExtJs所需要的核心腳本全部都在這兩個js文件中。-->
<script type="text/javascript">
Ext.onReady(function(){
var cm = new Ext.grid.ColumnModel( [ {
header : '編號',
dataIndex : 'id'
}, {
header : '名稱',
dataIndex : 'name'
}, {
header : '描述',
dataIndex : 'descn'
} ]);
var data = [
[ '1', 'name1', 'descn1' ],
[ '2', 'name2', 'descn2' ],
[ '3', 'name3', 'descn3' ],
[ '4', 'name4', 'descn4' ],
[ '5', 'name5', 'descn5' ] ];
var ds = new Ext.data.Store( {
proxy : new Ext.data.MemoryProxy(data),
reader : new Ext.data.ArrayReader( {}, [ {
name : 'id'
}, {
name : 'name'
}, {
name : 'descn'
} ])
});
ds.load();
var grid = new Ext.grid.GridPanel({
ds : ds,
cm : cm,
autoHeight:true//此處可保證每行都顯示出來
});
grid.render("grid");
})
</script>
</head>
<body>
<div id="grid"></div>
</body>
</html>
『伍』 怎麼用EXTJS寫一個進度條和MESSAGE BOX
使用方法和3是一樣的,你下載的庫中會有example文件夾,裡面都是demo,並且有效果顯示的網頁,按那個上面的查找,絕對能找到的
『陸』 前端技術FLEX,EXTJS,easyui選擇哪個比較好
要明白一點:沒有最好的技術,只有最適合的技術。各種技術總有自己在某些方面的優勢,所以必須要結合項目實際情況才能說哪種技術更適合。
FLEX
優點:動畫效果漂亮,可定製開發程度較高,可以實現較為復雜的功能(例如socket長連接通信等)。
缺點:因為是flash所以需要插件,在iOS等不支持flash的平台上就麻煩了。另外因為涉及ActionScript腳本,所以需要一些學習成本。
ExtJS
優點:基於javascript、HTML、和CSS。UI組件豐富,整體設計清晰,大多數情況不需要額外定製開發,即可使用內置的組件實現比較美觀、風格統一的頁面。中文資料文檔較多。
缺點:學習難度相對較大。定製開發組件難度較大。庫文件體積稍大。相對不容易調試查錯。
EasyUI
優點:基於javascript、HTML、和CSS。UI組件也挺多,基本夠用。使用簡單,通過HTML標記或者js腳本都能創建組件。學習難度較低。官方提供了比較詳細的示例。擴展特性還不錯,包括主題風格。容易調試。
缺點:中文文檔資料不夠完善,好在官網英文文檔寫的還比較清晰易懂。可擴展性相對較差。
『柒』 Eclipse裡面放了Extjs4的jar包,Eclipse很卡,卡得死機,這什麼情況呢
問題出在你安裝Extjs4.0錯誤。沒有那麼大的jar包要安裝。
你先移除掉原來安裝的。
在項目使用時,在項目WEB-INF下建立個ext文件夾復制下面文件進去:
ext-all.js EXT核心庫
ext-all-debug.js EXT調試錯誤用
INCLUDE_ORDER.txt EXT許可文件
adapter/ext/ext-base.js 包含EXT的所有功能,所有的JavaScript腳本都在這里
src/locale/ext-lang-zh_CN.js 是簡體中文國際化資源文件
resources 目錄下是CSS樣式表和圖片
只要自己的項目中包含上述內容,就可以使用EXT了。使用時,在頁面中導入下面的代碼:
<link rel="stylesheet" type="text/css" href="${放置ext的目錄}"/resources/css/ext-all.css"/>
<script type="text/javascript" src="${放置ext的目錄}"/ext-base.js"></script>
<script type="text/javascript" src="${放置ext的目錄}"/ext-all.js"></script>
<script type="text/javascript" src="${放置ext的目錄}"/ext-lang-zh_CN.js"></script>
導入時,請注意JavaScript腳本的順序
『捌』 我在extjs系統里引用了fusioncharts插件畫餅圖,但是第一次刷新頁面的時候是正常的,點到其他標簽頁以後
一看就是亂碼啦,你設置一下這個
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
還有,檢查的js腳本的編碼是不是utf-8或者gb2312