Ext.Net是一個對ExtJS進行封裝了的.net控制項庫,可以在ASP.NET WebForm和MVC中使用。從今天開始記錄我的學習筆記,這是第一篇,今天學習瞭如何在WebForm中使用Ext.Net控制項庫。 下載Ext.Net 首先要去Ext.Net網站上下載Ext.Net,我先學習的是WebF
Ext.Net是一個對ExtJS進行封裝了的.net控制項庫,可以在ASP.NET WebForm和MVC中使用。從今天開始記錄我的學習筆記,這是第一篇,今天學習瞭如何在WebForm中使用Ext.Net控制項庫。
下載Ext.Net
首先要去Ext.Net網站上下載Ext.Net,我先學習的是WebForm版:
當前版本是2.4.0,壓縮包裡面包含了不同版本,分別用在相應.net版本的程式中。
在項目中引用
要使用Ext.Net,首先創建一個WebForm程式,我們這裡使用4.0版。
在引用管理器中,瀏覽到解壓的目錄,然後添加下麵的引用:
配置Web.config
儘管添加了引用,此時還不能算是完工。要想正確的使用Ext.Net,還需要對Web.config進行修改。
第一步,添加httphandler和httpmodule節點的配置
經典模式配置:
<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>
要想經典模式和集成模式共存,還需要再system.webServer節點中添加下麵的配置:
<validation validateIntegratedModeConfiguration="false" />
第二步,配置頁面控制項
要在頁面中使用Ext.Net的控制項,需要添加針對Ext.Net控制項的配置:
<pages>
<controls>
<add tagPrefix="ext" namespace="Ext.Net" assembly="Ext.Net"/>
</controls>
</pages>
第三步,添加Ext.Net全局配置節點
在完成上面兩個步驟之後,我們已經可以在頁面中使用Ext.Net控制項了。
那麼我們為什麼還要進行第三步配置呢?第三步配置添加了全局的配置,例如我們要使用全局的皮膚,而不是每一個頁面都去設置。
要添加全局配置,首先要在配置文件中添加自定義節點:
<configSections>
<section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false" />
</configSections>
接下來是配置項:
<extnet theme="Neptune" />
在這裡我們只設置了全局的皮膚,使用ExtJS 4.2.1中的Neptune皮膚。
在頁面中的簡單用法
在完成了配置之後,我們就可以在頁面中使用Ext.Net控制項了。
首先,在需要使用Ext.Net控制項的頁面中添加資源引用,就像使用ScriptManager一樣,需要在頁面中添加如下控制項:
<ext:ResourceManager runat="server"></ext:ResourceManager>
有了這個控制項,就等於我們已經在頁面中添加了ExtJS的引用。
接下來我們來看看上面那個示例視窗的代碼:
<ext:Window runat="server"
ID="win"
Title="示例視窗"
Width="300"
Height="200"
AutoShow="true">
</ext:Window>
然後運行頁面,可以看到我們剛纔的示例視窗。
如果你對ExtJS有所瞭解,那麼你會發現,Ext.Net在很大程度上模擬了ExtJS的寫法,大大的提高了我們的生產力。
今天算是一個開篇,我會將自己的Ext.Net學習歷程通過日誌的形式記錄下來的。加油!
補充:關於Ext.Net版權的問題
Ext.Net 是一個開源的項目,有收費授權和免費授權兩種,兩個版本之間基本上沒有什麼區別,我們可以在學習的時候使用免費的授權,如果以後需要商業授權,可以去官網買一套,授權版包含了ExtJS的授權,你可以在Ext.Net官網查看相應授權的價格。
原文鏈接:http://www.qeefee.com/article/extnet-learn-01-using-extnet-in-webform