Ext.Net學習筆記01：在ASP.NET WebForm中使用Ext.Net，ext.netwebform

Ext.Net是一個對ExtJS進行封裝了的.net控件庫，可以在ASP.NET WebForm和MVC中使用。從今天開始記錄我的學習筆記，這是第一篇，今天學習了如何在WebForm中使用Ext.Net控件庫。

下載Ext.Net

首先要去Ext.Net網站上下載Ext.Net，我先學習的是WebForm版：

<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