在asp.net mvc3中使用combogrid jquery easy ui

先看后台代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using EasyUiTest1.Models;

namespace EasyUiTest1.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Message = "Welcome to ASP.NET MVC!";
            string teacherNo = Request.Form["TeacherInput"];
            return View();
        }

        public ActionResult About()
        {
            return View();
        }

        public JsonResult TeacherJson()
        {
            var formateData = AllTeacher()
                .Select(x => new
                {
                    TeacherNo = x.TeacherNo,
                    TeacherName = x.TeacherName,
                    PostTitle = x.PostTitle
                });
            return Json(formateData, JsonRequestBehavior.AllowGet);
        }



        /**********辅助函数**********/
        public IEnumerable<Teacher> AllTeacher()
        {
            List<Teacher> teacherList = new List<Teacher>();
            Teacher t1 = new Teacher { TeacherNo = "1", TeacherName = "黄大锤", PostTitle = "教授" };
            Teacher t2 = new Teacher { TeacherNo = "2", TeacherName = "黄嘉应", PostTitle = "副教授" };
            Teacher t3 = new Teacher { TeacherNo = "3", TeacherName = "张飞", PostTitle = "讲师" };

            teacherList.Add(t1);
            teacherList.Add(t2);
            teacherList.Add(t3);
            for (int i = 4; i <= 1000; i++)
            {
                teacherList.Add(new Teacher { 
                    PostTitle = i.ToString(), 
                    TeacherName = i.ToString(), 
                    TeacherNo = i.ToString() });
            }
            return teacherList.AsEnumerable();
        }



    }//end class
}

再看前台代码:

@{
    ViewBag.Title = "Home Page";
}
<h2>@ViewBag.Message</h2>
<p>
    To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">
        http://asp.net/mvc</a>.
</p>
 
@using (Html.BeginForm())
{
    <p>
        @Html.TextBox("TeacherInput")
        <input id="Submit1" type="submit" value="submit" />
    </p>
}
<script type="text/javascript">


    $(function () {

        $('#TeacherInput').combogrid({
            panelWidth: 400,
            idField: 'TeacherNo',
            textField: 'TeacherName',
            pagination: true,
            url: "/Home/TeacherJson",
            method: 'get',
            columns: [[
                        { field: 'TeacherNo', title: '教工号', width: 150 },
                        { field: 'TeacherName', title: '名字', width: 150 },
                        { field: 'PostTitle', title: '职称', width: 150 }
                    ]]
        });  //end  combogrid


    }); //end  function
        

</script>