【Ext.Net学习笔记】01:在ASP.NET WebForm中使用Ext.Net
Ext.NET是基于跨瀏覽器的ExtJS庫(kù)和.NET Framework的一套支持ASP.NET?AJAX的開(kāi)源Web控件,包含有豐富的Ajax運(yùn)用,其前身是Coolite。
下載地址:http://www.ext.net/download/
示例地址:http://examples.ext.net/
1.首先下載Ext.Net,地址:http://www.ext.net/download/?,有兩種框架選擇,選擇下載WebForms
當(dāng)前版本是2.5.1,壓縮包里面包含了不同版本,分別用在相應(yīng).net版本的程序中。
?
2.在項(xiàng)目中引用dll文件
要使用Ext.Net,首先創(chuàng)建一個(gè)WebForm程序,我們這里使用4.0版。
在引用管理器中,瀏覽到解壓的目錄,然后添加下面的引用(解壓后,在\Ext.NET.WebForms.Pro.2.5.1.Examples.Explorer\Examples Explorer\Ext.Net.Examples\Build\ReferenceAssemblies\文件夾中可以找到):
?
3.配置Web.config
盡管添加了引用,此時(shí)還不能算是完工。要想正確的使用Ext.Net,還需要對(duì)Web.config進(jìn)行配置。
第一步,添加httphandler和httpmodule節(jié)點(diǎn)的配置
經(jīng)典模式配置:
<httpHandlers><add path="*/ext.axd" verb="*" type="Ext.Net.ResourceHandler" validate="false" /> </httpHandlers> <httpModules><add name="DirectRequestModule" type="Ext.Net.DirectRequestModule, Ext.Net" /> </httpModules>集成模式配置:
<modules><add name="DirectRequestModule" preCondition="managedHandler"type="Ext.Net.DirectRequestModule, Ext.Net" /> </modules> <handlers><add name="DirectRequestHandler" verb="*" path="*/ext.axd"preCondition="integratedMode" type="Ext.Net.ResourceHandler" /> </handlers>要想經(jīng)典模式和集成模式共存,還需要再system.webServer節(jié)點(diǎn)中添加下面的配置:
<validation validateIntegratedModeConfiguration="false" />第二步,配置頁(yè)面控件
要在頁(yè)面中使用Ext.Net的控件,需要添加針對(duì)Ext.Net控件的配置:
<pages><controls><add tagPrefix="ext" namespace="Ext.Net" assembly="Ext.Net"/></controls> </pages>?
3.添加Ext.Net全局配置節(jié)點(diǎn)
在完成上面兩個(gè)步驟之后,我們已經(jīng)可以在頁(yè)面中使用Ext.Net控件了。
?
那么我們?yōu)槭裁催€要進(jìn)行第三步配置呢?第三步配置添加了全局的配置,例如我們要使用全局的皮膚,而不是每一個(gè)頁(yè)面都去設(shè)置。
要添加全局配置,首先要在配置文件中添加自定義節(jié)點(diǎn):
<configSections><section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false" /> </configSections>接下來(lái)是配置項(xiàng):
<extnet theme="Neptune" />在這里我們只設(shè)置了全局的皮膚,使用ExtJS 中的Neptune皮膚,效果如下:
不設(shè)置這項(xiàng)的話則使用默認(rèn)皮膚,效果如下:
?
4.在頁(yè)面中的簡(jiǎn)單用法
在完成了配置之后,我們就可以在頁(yè)面中使用Ext.Net控件了。
首先,在需要使用Ext.Net控件的頁(yè)面中添加資源引用,就像使用ScriptManager一樣,需要在頁(yè)面中添加如下控件:
<ext:ResourceManager runat="server"></ext:ResourceManager>有了這個(gè)控件,就等于我們已經(jīng)在頁(yè)面中添加了ExtJS的引用。
接下來(lái)我們來(lái)看看上面那個(gè)效果示例窗口的代碼:
<ext:Window runat="server" ID="win" Title="示例窗口" Width="300" Height="200" AutoShow="true"> </ext:Window>然后運(yùn)行頁(yè)面,可以看到我們剛才的示例窗口。
如果你對(duì)ExtJS有所了解,那么你會(huì)發(fā)現(xiàn),Ext.Net在很大程度上模擬了ExtJS的寫(xiě)法,大大的提高了我們的生產(chǎn)力
?
PS:關(guān)于Ext.Net版權(quán)的問(wèn)題
Ext.Net 是一個(gè)開(kāi)源的項(xiàng)目,有收費(fèi)授權(quán)和免費(fèi)授權(quán)兩種,兩個(gè)版本之間基本上沒(méi)有什么區(qū)別,我們可以在學(xué)習(xí)的時(shí)候使用免費(fèi)的授權(quán),如果以后需要商業(yè)授權(quán),可以去官網(wǎng)買一套,授權(quán)版包含了ExtJS的授權(quán),你可以在Ext.Net官網(wǎng)查看相應(yīng)授權(quán)的價(jià)格。
本文轉(zhuǎn)自葉超Luka博客園博客,原文鏈接:http://www.cnblogs.com/yc-755909659/p/3753048.html,如需轉(zhuǎn)載請(qǐng)自行聯(lián)系原作者
總結(jié)
以上是生活随笔為你收集整理的【Ext.Net学习笔记】01:在ASP.NET WebForm中使用Ext.Net的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: macos安装盘第三方工具制作_一步一步
- 下一篇: r语言 图形一览_R语言统计与绘图:gg