一個非常基礎的小例子，主要是利用VS2010提供的MVC框架，後臺是ASP.NET，前臺是EasyUI，然後利用EasyUI的datagrid來顯示一個表格的資料。

1.首先建立MVC專案。VS2010自帶MVC2（雖然已經比較老了），所以直接新建一個專案如圖：

生成的一個基本應用，目錄結構預設如下所示：

3.在/View/Home/Index.aspx裡面新增對EasyUI的引用。

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <meta charset="UTF-8"/>
    <title>Basic DataGrid - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="../../Scripts/easyui/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="../../Scripts/easyui/themes/icon.css"/>
    <script type="text/javascript" src="../../Scripts/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../../Scripts/easyui/jquery.easyui.min.js"></script>
 

4.在Index.aspx中新增一個table標籤和一段配置datagrid表格的js程式碼。如下面的程式碼：其中url是指用來獲取資料的地址，當前為Home/Test。而columns則是配置datagrid的列。 

<table id="tbl" >
        
    </table>
    <script>
            $('#tbl').datagrid({
                title: 'DataGrid - ContextMenu',
                url:'Home/Test',
                width: 700,
                height: 'auto',
                fitColumns: true,
                columns: [[
            { field: 'aa', title: 'Item ID', width: 80 },
            { field: 'cc', title: 'Product ID', width: 120 }
            ]]
            });
        $('#tbl').datagrid('load');
 

5.在/Controllers/HomeController.cs中新增一個Action，名字為Test。即新增如下程式碼： 

public ActionResult Test()
{
            stu s = new stu(10,10);
            List<stu> ss = new List<stu>();
            ss.Add(s);
            ss.Add(new stu(2, 3));
            JsonResult res = Json(ss);
            return res;
}
 

簡歷一個stu類的列表，然後添加了兩行資料，並且用Json格式化，最後返回。

上例中用到的stu類的定義很簡單：

public class stu 
{
        public stu(int a, int c)
        {
            aa = a; cc = c;
        }
        public int aa;
        public int cc;
}

這樣，就可以在瀏覽器中運行了，結果如下：

最後吐槽一句，雖然一個簡單的例子，我也除錯了很久，因為不知道需要用Json()這個函式來Json化物件，我還以為直接返回一個字串就可以了。微軟老喜歡包裝各種類，沒有教程的情況下要自己探索還真是蛋疼！