Ext.Net學習筆記24：在ASP.NET MVC中使用Ext.Net

在前面的筆記中已經介紹了如何在ASP.NET WebForm中使用Ext.Net，由於這個系列一直在WebForm中使用，所以並沒有涉及到ASP.NET MVC中的用法。

如果你要在ASP.NET MVC中使用Ext.Net，當然也不會很復雜，來看看最簡單的配置方法：

1.新建一個ASP.NET MVC項目

我們這里以MVC4為例，建一個空白項目就可以了。

2.使用NuGet添加Ext.Net MVC引用

在新建好的項目中添加Ext.Net MVC引用，在引用上面右鍵，然后選擇“管理NuGet程序包”：

在新打開的窗口中搜索Ext.Net.MVC，然后根據我們MVC的版本選擇相應的Ext.Net MVC進行安裝：

安裝完成之后，你會發現程序已經為我們創建好了ExtNetController示例，我們運行程序，如果你能看到示例頁面，就說明已經安裝好了。

這種情況一般不會出現問題，我們可以很方便的來使用。

如果你想自己動手，從Ext.Net官網下載Ext.Net MVC版本，然后在項目中添加引用，完成相應的配置也可以，接下來我們來看看都要完成那些工作。

手動配置Ext.Net MVC項目

首先去官網下載Ext.Net MVC版，然后解壓縮，選擇我們項目中適應的版本（主要是.Net版本要對應上），然后在項目中添加引用。

注意，此處不要引用Newtonsoft.Json.dll，因為ASP.NET MVC項目中已經引用了Json.net的NuGet包

這個時候就出現了一個問題，Ext.Net MVC引用的Json.net比ASP.NET MVC中引用的版本要高。

解決這個問題的辦法是重新添加Json.net的高版本引用，同樣是打開NuGet程序包管理器，然后安裝Json.net，這個時候的引用就已經正確了。

接下來是配置的部分：

1.按照我們《如何在ASP.NET WebForm中使用Ext.Net》這篇文章的介紹，添加web.config的配置。

2.在Route中添加一行，不對Ext.Net的資源文件進行路由：

//忽略Ext.Net資源
routes.IgnoreRoute("{exclude}/{extnet}/ext.axd");

3.新建一個view，用下面的代碼試試吧：

@using Ext.Net;
@using Ext.Net.MVC;
@{
    ViewBag.Title = "Index";
}
<h2>Index</h2>
@Html.X().ResourceManager()
@(
    Html.X()
        .Window()
        .ID("myWin")
        .Title("DEMO - QeeFee.com")
        .Width(300)
        .Height(200)
        .Html("如果你看到了這個窗口，說明Ext.Net MVC 已經正常工作了。")
        .Show()
)

如果可以正常的運行，就說明你的配置是正確的了。