如何将IEnumerable列表绑定到JQGrid

Question

我需要使用ASP.NET MVC 2将IEnumerable列表绑定到JQGrid。当前，我具有以下内容。

模型：

public class Client
    {
        public int ClientID { get; set; }
        [Required(ErrorMessage="Name Required")]
        [DisplayFormat(ConvertEmptyStringToNull = false)]
        public string Name { get; set; }
        public string Address { get; set; }
        public string Mobile { get; set; }
        public string Telephone { get; set; }
        public string Fax { get; set; }
        public string Company { get; set; }
}

库：

private StockDataClassesDataContext dc;
public IEnumerable<Client> GetClients()
        {

            dc = new StockDataClassesDataContext(ConString.DBConnection);

            IEnumerable<Client> cli = (from tbclient in dc.tblClients
                                        select new Client
                                         {
                                            Address = tbclient.Address,
                                            ClientID = tbclient.ClientID,
                                             Company = tbclient.Company,
                                             Fax= tbclient.Fax,
                                             Mobile = tbclient.Mobile,
                                             Name = tbclient.Name,
                                             Telephone = tbclient.Telephone
                                         });
            return cli;
        }

控制器：

 public ActionResult Index()
        {
            JqGridClientRepository rep = new JqGridClientRepository();
            IEnumerable<Client> clients = rep.GetClients();
            return View(clients);
        }

视图：

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
 <title>jqGrid for ASP.NET MVC - Demo</title>
    <!-- The jQuery UI theme that will be used by the grid -->    
    <link rel="stylesheet" type="text/css" media="screen" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.0/themes/redmond/jquery-ui.css" />
    <!-- The Css UI theme extension of jqGrid -->
    <link rel="stylesheet" type="text/css" href="../../Content/themes/ui.jqgrid.css" />    
    <!-- jQuery library is a prerequisite for jqGrid -->
    <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.9.0.min.js" type="text/javascript"></script>
    <!-- language pack - MUST be included before the jqGrid javascript -->
    <script type="text/javascript" src="../../Scripts/trirand/i18n/grid.locale-en.js"></script>
    <!-- the jqGrid javascript runtime -->
    <script type="text/javascript" src="../../Scripts/trirand/jquery.jqGrid.min.js"></script>  


    <h2>Index</h2>





</asp:Content>

Answer 1

JQGrid需要JSON。 上有一个非常不错的教程/扩展名： http : //blogs.teamb.com/craigstuntz/2009/04/15/38212/

使用此扩展名后，配置JQGrid以下载数据。