十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊
量身定制 + 運營維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
ExtJS是一個Ajax框架,是一個用javascript寫的,用于在客戶端創(chuàng)建豐富多彩的web應(yīng)用程序界面。ExtJS可以用來開發(fā)RIA也即富客戶端的AJAX應(yīng)用。因此,可以把ExtJS用在.Net、Java、Php等各種開發(fā)語言開發(fā)的應(yīng)用中。

花垣ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:13518219792(備注:SSL證書合作)期待與您的合作!
ExtJs最開始基于YUI技術(shù),由開發(fā)人員JackSlocum開發(fā),通過參考JavaSwing等機制來組織可視化組件,無論從UI界面上CSS樣式的應(yīng)用,到數(shù)據(jù)解析上的異常處理,都可算是一款不可多得的JavaScript客戶端技術(shù)的精品。
Ext的UI組件模型和開發(fā)理念脫胎、成型于Yahoo組件庫YUI和Java平臺上Swing兩者,并為開發(fā)者屏蔽了大量跨瀏覽器方面的處理。相對來說,EXT要比開發(fā)者直接針對DOM、W3C對象模型開發(fā)UI組件輕松。
1.extja是什么?
答: ExtJS是一種主要用于創(chuàng)建前端用戶界面,是一個與后臺技術(shù)無關(guān)的前端ajax框架。
功能豐富,無人能出其右
無論是界面之美,還是功能之強,ext的表格控件都高居榜首。
單選行,多選行,高亮顯示選中的行,推拽改變列寬度,按列排序,這些基本功能咱們就不提了。
自動生成行號,支持checkbox全選,動態(tài)選擇顯示哪些列,支持本地以及遠(yuǎn)程分頁,可以對單元格按照自己的想法進(jìn)行渲染,這些也算可以想到的功能。
再加上可編輯grid,添加新行,刪除一或多行,提示臟數(shù)據(jù),推拽改變grid大小,grid之間推拽一或多行,甚至可以在tree和grid之間進(jìn)行拖拽,啊,這些功能實在太神奇了。更令人驚嘆的是,這些功能竟然都在ext表格控件里實現(xiàn)了。
呵呵~不過ext也不是萬能的,與fins的ecside比較,ext不能鎖定列(土豆說1.x里支持鎖定列,但是2.0里沒有了,因為影響效率。),也沒有默認(rèn)的統(tǒng)計功能,也不支持excel,pdf等導(dǎo)出數(shù)據(jù)。另外fins說,通過測試ecside的效率明顯優(yōu)于ext呢。:)
[編輯本段]Ext發(fā)展史
1、第一只“出?!钡腨UI-Ext只是作者Jack打算對基于BSD協(xié)議的Yahoo!UI庫進(jìn)行自定義的擴展,但后來一度風(fēng)頭蓋過其父輩YUI,足以說明 大家對它的熱情,很多人把它投入項目人并不十分了解它。分析人士打了一比喻:就好比尚未謀面, 并不了解一個人的家庭、教育、品行等背景,只因為他有一副精致漂亮的外觀,就對其陷入了瘋狂的傾慕之中。因此分析人士建議,在投入項目前,要認(rèn)真仔細(xì)地了 解EXT的內(nèi)在原理和與其他Ajax庫不同地方。
2、在2006年初 ,Jack Slocum(杰克斯·洛克姆 ) 就一套公用設(shè)施擴建為Yahoo! User Interface (YUI) 庫而工作。這些擴展很快組織成一個獨立的庫代碼并以” yui-ext” 的名義下發(fā)布。
3、在2006年秋天,Jack發(fā)行了版本為0.33的yui-ext,而最終被證明為最后版本的代碼,根據(jù)這名字(下開放源代碼DSB許可)。在年底之前,這個庫已大受歡迎, 名字被簡化為Ext,反映了它作為一個框架的成熟和獨立。
該公司成立于2007年初,Ext現(xiàn)在為雙執(zhí)照,使用LGPL和一個商業(yè)執(zhí)照。
4、在2007年4月1日,發(fā)布1.0正式版。
5、直至今日(2008年4月1日)ExtJS已發(fā)展涵蓋美國、日本、中國、法國、德國等全球范圍的用戶,現(xiàn)在的版本為Ext-3.0
6、官方在2009年4月14-16日的首次Ext Conference中發(fā)布了Ext的3.0 RC版本。
7、2009年5月4日,Ext的3.0 版本發(fā)布。
[編輯本段]什么是EXT
1、ExtJS可以用來開發(fā)RIA也即富客戶端的AJAX應(yīng)用,是一個用javascript寫的,主要用于創(chuàng)建前端用戶界面,是一個與后臺技術(shù)無關(guān)的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各種開發(fā)語言開發(fā)的應(yīng)用中。ExtJs最開始基于YUI技術(shù),由開發(fā)人員JackSlocum開發(fā),通過參考JavaSwing等機制來組織可視化組件,無論從UI界面上CSS樣式的應(yīng)用,到數(shù)據(jù)解析上的異常處理,都可算是一款不可多得的JavaScript客戶端技術(shù)的精品。
2、Ext的UI組件模型和開發(fā)理念脫胎、成型于Yahoo組件庫YUI和Java平臺上Swing兩者,并為開發(fā)者屏蔽了大量跨瀏覽器方面的處理。相對來說,EXT要比開發(fā)者直接針對DOM、W3C對象模型開發(fā)UI組件輕松。
[編輯本段]ExtJs UI Engine簡介
ExtJs初期僅是對Yahoo! UI的對話框擴展,后來逐漸有了自己的特色,深受網(wǎng)友的喜愛。 發(fā)展至今, Ext除YUI外還支持Jquery、Prototype等的多種JS底層庫,讓大家自由地選擇。該框架完全基于純Html/CSS+JS技術(shù),提供豐富的跨瀏覽器UI組件,靈活采用JSON/XML數(shù)據(jù)源開發(fā),使得服務(wù)端表示層的負(fù)荷真正減輕,從而達(dá)到客戶端的MVC應(yīng)用!
ExtJs支持多平臺下的主流瀏覽器 Internet Explorer 6+ FireFox 1.5+ (PC, Mac) Safari2+、Opera9+。在使用的廠家包括IBM、Adobe、Cisco和更多。ExtJs官方網(wǎng)站
[編輯本段]Ajax主流框架與ExtJS
JQuery、 Prototype和YUI都屬于非常核心的JS庫。雖然YUI,還有最近的JQuery,都給自己構(gòu)建了一系列的UI器件(Widget),不過卻沒有一個真正的整合好的和完整的程序開發(fā)平臺。哪怕是這些低層的核心庫已經(jīng)非常不錯了,但當(dāng)投入到真正的開發(fā)環(huán)境中,依然需要開發(fā)者做大量的工作去完善很多缺失之處。而Ext就是要填補這些缺口。主流開源框架中只有Dojo像Ext一樣,嘗試著提供整合的開發(fā)平臺。相比Dojo這個出色的工具包,我們認(rèn)為 Ext能提供一個粘合度更高的應(yīng)用程序框架。Ext的各個組件在設(shè)計之時就要求和其它Ext組件組合一起工作是無縫合作的。這種流暢的互通性,離不開一個緊密合作的團(tuán)隊,還必須時刻強調(diào)設(shè)計和開發(fā)這兩方面目標(biāo)上的統(tǒng)一,而這點是很多開源項目未能做到的。從構(gòu)建每一個組件開始,我們始終都強調(diào)組件的外觀、性能、互通性和可擴展性,而我們認(rèn)為組件已經(jīng)達(dá)到了這幾點的要求。
Ext絕對可以單獨使用。實際上,除了有特定的要求,推薦單獨使用Ext,這樣的話文件占位更小,支持和整合也更緊密。我們也支持與jQuery、 YUI或Prototype整合使用,作為低層庫的角色出現(xiàn),以提供處理各種核心的服務(wù),如DOM和事件處理,Ajax連接和動畫特效。使用整合方式的一個原因是它們已具備了一些特定的器件而Ext并沒有原生支持——像YUI的History控件便是一個典型的例子。這時,Ext需要依賴YUI這個庫的底層來實現(xiàn)History控件,這樣一來的話也可免去Ext自身底層庫,從而減少了整個程序的內(nèi)存占用。另一個使用整合方式的原因是,對于許多已在使用其他底層庫的程序,你可能希望逐步加入Ext??傊绻呀?jīng)有了其他庫,Ext可已利用它們。我們的宗旨是為用戶提供各種可能性和性能上的優(yōu)化。而事實是,只要實現(xiàn)了相對應(yīng)的底層庫接口,為任意一個框架添加上適配器是沒有問題的——人們可以輕松地將Dojo、Moo、Ajax.NET,或其它JS庫轉(zhuǎn)變?yōu)?Ext的底層。
Ext從2.x開始收費,這給他的應(yīng)用前景帶來一些問題。不過對國內(nèi)開發(fā)人員的影響不大,畢竟是客戶付款。
[編輯本段]Ext學(xué)習(xí)及應(yīng)用經(jīng)驗小結(jié)
一、理解Html DOM、Ext Element及Component
要學(xué)習(xí)及應(yīng)用好Ext框架,需要理解Html DOM、Ext Element及Component三者的區(qū)別。
Ext是基于Web的富客戶端框架,其完全是基于標(biāo)準(zhǔn)W3C技術(shù)構(gòu)建設(shè)的,使用到的都是HTML、CSS、DIV等相關(guān)技術(shù)。Ext最杰出之處,是開發(fā)了一系列非常簡單易用的控件及組件,我們只需要使用這些組件就能實現(xiàn)各種豐富多彩的UI的開發(fā)。
無論組件有多少配置屬性、還是事件、方法等等,其最終都會轉(zhuǎn)化為HTML在瀏覽器上顯示出來,而每一個HTML頁面都有一個層次分明的DOM樹模型,瀏覽器中的所有內(nèi)容都有相應(yīng)的DOM對象,動態(tài)改變頁面的內(nèi)容,正是通過使用腳本語言來操作DOM對象實現(xiàn)。
僅僅有DOM是不夠的,比如要把頁面中的某一個節(jié)點移到其它位置,要給某一個節(jié)點添加陰影效果,要隱藏或顯示某一個節(jié)點等,我們都需要通過幾句 javascript才能完成。因此,Ext在DOM的基礎(chǔ)上,創(chuàng)建了Ext Element,可以使用Element來包裝任何DOM,Element對象中添加了一系列快捷、簡便的實用方法。
對于終端用戶來說,僅僅有Element是不夠的,比如用戶要顯示一個表格、要顯示一棵樹、要顯示一個彈出窗口等。因此,除了Element以外,Ext 還建立了一系列的客戶端界面組件Component,我們在編程時,只要使用這些組件Componet即可實現(xiàn)相關(guān)數(shù)據(jù)展示及交互等,而 Component是較高層次的抽象,每一個組件在渲染render的時候,都會依次通過Element、DOM來生成最終的頁面效果。
在使用Ext開發(fā)的應(yīng)用程序中,組件Component是最高層次的抽象,是直接給用戶使用的,Ext Element是Ext的底層API,主要是由Ext或自定義組件調(diào)用的,而DOM是W3C標(biāo)準(zhǔn)定義的原始API,Ext的Element通過操作DOM 來實現(xiàn)頁面的效果顯示。
在Ext中,組件渲染以后可以通過訪問組件的el屬性來得到組件對應(yīng)的Element,通過訪問Element的dom屬性可以得到其下面的DOM對象。另外,我們可以通過通過Ext類的快捷方法getCmp、get、getDom等方法來得組件Component、Ext元素Element及DOM節(jié)點。比如:
var view=new Ext.Viewport();//創(chuàng)建了一個組件Component
view.el.setOpacity(.5);//調(diào)用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");//根據(jù)id得到組件win相應(yīng)的Element
var dom=Ext.getDom("win1");//得到id為win1的DOM節(jié)點
二、熟悉ext組件體系
Ext2.0對整個框架進(jìn)行了重構(gòu),最為杰出的是推出了一個以Component類為基礎(chǔ)的組件體系,在Component類基礎(chǔ)上,使用面向?qū)ο蟮姆椒?,設(shè)計了一系列的組件及控件。因此,要能游刃有余地使用Ext,熟悉Ext組件體系是最基本的。
在《ExtJS實用開發(fā)指南》中,有如下面一幅組件圖:
通過組件結(jié)構(gòu)圖我們可以一目了然的看出整個Ext組件繼承及組成體系,當(dāng)使用一個組件的時間,了解他的繼承體系,這樣可以便于我們掌握組件的各種特性。
三、掌握核心控件
控件其實也是組件,比如用于顯示樹信息的TreePanel、用于顯示表格的GridPanel及EditorGridPanel,還有代表應(yīng)用程序窗口的Ext.Window等都屬于Ext控件。在使用Ext的時候,一定要掌握一些核心控件,特別是處于基類的控件。比如上面提到的幾個控件,他們都是繼承于面板Panel,所以我們要重點掌握面板這個核心控件的特性。比如面板由以下幾個部分組成:一個頂部工具欄(tbar)、一個底部工具欄(bbar)、面板頭部(header)、面板尾部(bottom)、面板主區(qū)域(body)幾個部分組成。面板類中還內(nèi)置了面板展開、關(guān)閉等功能,并提供一系列可重用的工具按鈕使得我們可以輕松實現(xiàn)自定義的行為,面板可以放入其它任何容器中,面板本身是一個容器,他里面又可以包含各種其它組件。只要掌握了Panel的應(yīng)用,那么學(xué)習(xí)TreePanel、Window等就會變得簡單得多。
同樣的道理,對于Ext的表單字段來說,不管是ComboBox,NumberField、還是DateField,他們其它都是 Ext.form.Field類的子類,在他上面定義了表單字段的各種基本操作及特性。在學(xué)習(xí)使用表單字段組件時,一定要重點研究Field這個類,掌握他的主要方法、事件等,就能有助于更好的學(xué)習(xí)使用其它的字段。
四、學(xué)習(xí)及研究示例
由于javascript語言非常靈活,不像靜態(tài)強類型語言(比如Java)那樣有固定的代碼設(shè)計模式,而往往是不同的人就有不同的編程風(fēng)格。在實際應(yīng)用開發(fā)中,只有見多識廣,才能在自己的在腦中建立一個開發(fā)庫。
學(xué)習(xí)別人的示例對于我們開發(fā)幫助會非常大,示例包括基本組件的應(yīng)用、綜合應(yīng)用等多個方面。在此,簡單推薦幾個。
1、Ext官方示例,在ext項目下載包的examples目錄中,包括各個控件的基本應(yīng)用演示,同時還有一些比較復(fù)雜的組合示例,有簡有繁,非常適合初學(xué)者認(rèn)真研究。
2、Vifir推出的示例,Vifir推出的一些示例主要包括兩類,一種是開源的示例應(yīng)用,另外一種是針對VIP用戶的實用示例。開源的示例主要是指 wlr單用戶blog系統(tǒng),這個一個集合了前后臺技術(shù)的ext綜合示例,而針對VIP用戶的實用示例則是可以作為開發(fā)骨架或擴展組件的示例。
3、其它示例,在ext社區(qū)中還有很多比較優(yōu)秀的ext應(yīng)用示例,有些只是一個應(yīng)用演示,雖然沒有提供源碼下載,但我們可以直接下載引用的js文件來得到這些示例的ext應(yīng)用代碼,同樣能取起到非常好的學(xué)習(xí)效果。
五、多運用
Ext看起來是非常簡單的東西,稍有點編程知識的人,按照《ExtJS實用開發(fā)指南》中的入門指南,半小時就能學(xué)會使用Ext。然而,當(dāng)準(zhǔn)備使用Ext開發(fā)一個項目時,卻不知道從何處入手,或者是在使用Ext的時候,出了一點小問題自己不知道該如何解決。編程是一門實踐性的科學(xué),僅僅靠看書、看別人寫的代碼是遠(yuǎn)遠(yuǎn)不夠的,因此,必須多做實踐才行,只有通過不斷的練習(xí),大量的使用,才能對Ext的組件特性、事件、事件處理機制以及與服務(wù)器端交互接口等深入的掌握,只有多做運用,深入了解ext的組件的工作原理及機制,才能編寫出高級的Ext的應(yīng)用。
六、熟讀Ext項目的源代碼
如果要想深入應(yīng)用Ext,那么閱讀Ext項目的源代碼這是必不可少的環(huán)節(jié),Ext的代碼質(zhì)量非常高,通過閱讀他的代碼我們可以更加深刻的了解 javascript面向?qū)ο缶幊蹋珽xt代碼中包含了很多高級的js技巧以及設(shè)計模式。在使用Ext的過程中,我們經(jīng)常根據(jù)項目的需要對Ext組件進(jìn)行擴展,設(shè)計自己的組件或控件,而如何實現(xiàn)一個自定義的Ext組件,我們可以從Ext的各個組件源代碼中找到答案。
Ext的源代碼在Ext項目的source目錄。讀Ext源碼,并不一定非要從某一個地方開始,而組件核心代碼Component.js、容器組件代碼 Container.js、面板Panel.js等這些是必看的; core目錄中的Element.js、Ext.js等也是必看的。當(dāng)需要從一個控件進(jìn)行擴展的時候,最好能簡單看一看這個控件的源代碼。
2.extjs應(yīng)該很少應(yīng)用吧 我做jsp的,從來就沒有用過這些東西·
當(dāng)讓是Javascript了,Java和javascript是兩個不相同的語言哦
extjs是js的一個ajax框架,學(xué)會了js,再學(xué)Extjs就方便多了
祝你好運
隨著互聯(lián)網(wǎng)科技的發(fā)展,越來越多的小伙伴看到了IT行業(yè)的優(yōu)勢,也正在準(zhǔn)備投身代碼的學(xué)習(xí)海洋中。學(xué)習(xí)語言等于未來發(fā)展方向,今天我們來分析一下學(xué)編程什么語言比較好。
很多想學(xué)編程的小伙伴在剛了解IT行業(yè)的時候都會比較迷茫,不知道學(xué)習(xí)哪種語言以后發(fā)展會更好。編程語言種類非常多,更新?lián)Q代也非??欤F(xiàn)在市場上應(yīng)用比較多的編程語言就有C語言、C++、Java、C#、Go,Python等,那么學(xué)哪門語言好呢?
一、從市場開設(shè)課程來看
學(xué)習(xí)IT教育有兩種途徑:大學(xué)教育、線下培訓(xùn)。
一般來說,大學(xué)開設(shè)的計算機、軟件工程、信息工程等專業(yè)授課的語言基本上都是注重人才基礎(chǔ)培養(yǎng)的C語言、C++等內(nèi)容。理工科專業(yè)的教學(xué)基本都是學(xué)習(xí)難度不高但是學(xué)成后學(xué)生的基礎(chǔ)知識打得很牢。而培訓(xùn)學(xué)編程則是跟實際就業(yè)對口,企業(yè)最需要哪種類型的人才,相應(yīng)的培訓(xùn)內(nèi)容也會增多,例如新興的大數(shù)據(jù)、人工智能課程現(xiàn)在的人才缺口就很大,相應(yīng)的Java、Python語言的學(xué)習(xí)應(yīng)用就會更多。
二、從市場需求來看
求職過程中一般都會經(jīng)歷多輪面試,互聯(lián)網(wǎng)公司為了考量大家的真實水平一般都會設(shè)置筆試輪,同一個編程題可以選擇任何一門語言來做,只要是能做出來就是正確答案。附上九月熱門語言榜單一份
三、從薪資角度來看
IT行業(yè)其實也是高薪行業(yè)的代名詞,所以才會有那么多小伙伴想要通過學(xué)習(xí)或者培訓(xùn)達(dá)到入行的目的。IT行業(yè)是個比較大的操作領(lǐng)域,具體的不同方向可以細(xì)分出很多很多種。做編程的崗位很多,就業(yè)薪資普遍也比較高。
最后,總結(jié)一下。
學(xué)編程,如果還沒有去學(xué),有明確的方向,可以直接按照想學(xué)的方向?qū)W,如果是其他的想學(xué)編程的童鞋,還沒有思路的話,建議結(jié)合自己喜歡從事的工作方向、時間和精力來選擇。Python、Java都是不錯的選擇,可以仔細(xì)考慮考慮。學(xué)IT的培訓(xùn)機構(gòu)也很多,可以去線下機構(gòu)試聽了解一下
extjs只是一個做界面的javascript代碼,說白了,就是javascript的擴展,你的打印插件,肯定是要自己開發(fā),然后給extjs調(diào)用。
給你一個打印插件下載
插件介紹:WEB控件Lodop自2007年開始發(fā)布,目前是國內(nèi)注冊用戶和免費用戶最多的打印控件,是WEB開發(fā)中比較徹底的打印方案??丶С謜indows下所有的瀏覽器,功能強大,使用方便,被支持者稱為打印控件的“終結(jié)者”。