2013-04-04 3 views
0

Je développe l'application ASP.Net mvc 4 en utilisant EF. Ce est client/Index.cshtml (avant d'ajouter ExtJS)Panneau de grille ASP.NET MVC 4 et Ext JS 4

@model IEnumerable<Proj.Client> 

@{ 
    ViewBag.Title = "Index"; 
} 

<h2>Index</h2> 

<p> 
    @Html.ActionLink("Create New", "Create") 
</p> 
<table> 
    <tr> 

     <th> 
      @Html.DisplayNameFor(model => model.Name_Clt) 
     </th> 
     <th> 
      @Html.DisplayNameFor(model => model.LName_Clt) 
     </th> 
     <th> 
      @Html.DisplayNameFor(model => model.Birthday_Clt) 
     </th> 
     <th></th> 
    </tr> 

@foreach (var item in Model) { 
    <tr> 

     <td> 
      @Html.DisplayFor(modelItem => item.Name_Clt) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.LName_Clt) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.Birthday_Clt) 
     </td> 
     <td> 
      @Html.ActionLink("Edit", "Edit", new { id=item.ID_Client }) | 
      @Html.ActionLink("Details", "Details", new { id=item.ID_Client }) | 
      @Html.ActionLink("Delete", "Delete", new { id=item.ID_Client }) 
     </td> 
    </tr> 
} 

</table> 

Je suivais ce blogpost, mais je ne pouvais pas charger des données sur elle. http://cincolabs.com/2012/04/10/asp-net-mvc-4-ext-js-4-gridpanel/

J'ai créé un autre ClientController.

public JsonResult GetUsers() 
     { 
      var entities = new Entities(); 
      //What is important is to return the data as JSON. 
      return Json(entities.Clients.ToList(), JsonRequestBehavior.AllowGet); 
     } 

Dois-je remplacer ce code?

public ActionResult Index() 
     { 
      var db = new Entities(); 
      return View(db.Clients.ToList()); 

     } 

Une autre question:

// Set up a model to use in our Store 
    Ext.define('Client', { 
     extend: 'Ext.data.Model', 
     fields: [ 
     { name: 'First_Name', type: 'string' }, 
     { name: 'Last_Name', type: 'string' }, 
     { name: 'Email', type: 'string' }, 
     { name: 'Date_Created', type: 'date', dateFormat: 'MS'} 
    ] 
    }); 

    var userStore = Ext.create('Ext.data.Store', { 
     model: 'Client', 
     proxy: { 
      type: 'ajax', 
      url: '/Examples/GetUsers', 
      reader: { 
       type: 'json', 
       root: 'users' 
      } 
     }, 
     autoLoad: true 
    }); 

Qu'est-ce que cela signifie "url: '/ Exemples/GetUsers'," !! Dois-je le remplacer dans mon cas !!

+0

Cela fonctionne, mais je ne pouvais pas charger de données. J'ai une grille vide! – ImnotaGeek

Répondre

0

Votre première question est un peu vague. Je n'ai jamais travaillé avec Ext JS mais à partir de votre code posté, il me semble qu'il crée sa propre table en utilisant la fonction GetUsers. La première vue que vous avez publiée est une vue d'index que Visual Studio peut créer automatiquement pour afficher vos données. Si votre Ext JS crée la table, je vous suggère de remplacer Index View par le code approprié pour appeler les données de la table. Ensuite, la méthode GetUsers doit être renommée en index.

Votre question concernant/Examples/GetUsers devrait être l'URL de la méthode du contrôleur qui sauvegarde vos données (quelque chose comme/Client/Enregistrer).

Questions connexes