title: ASP.net MVC Awesome Grid (In nest editing grid)
body: <p>I'm having trouble getting the in nest editing grid to work. This it what it is suppose to do <a href="http://demo.aspnetawesome.com/GridNestingDemo" rel="nofollow noreferrer">http://demo.aspnetawesome.com/GridNestingDemo</a>. Open the grid line to you and edit in the grid. When I copy the demo code pretty much line by line my grid opens up in a popup window outside of the grid. I have looked at the demo project over and over and pretty much copied everything exactly.</p>
  <p>View:</p>
  <pre><code>@Html.InitCrudForGridNest(&quot;LeadGrid&quot;, &quot;Leads&quot;)
  
  &lt;div class=&quot;bar&quot;&gt;
      &lt;button type=&quot;button&quot; onclick=&quot;utils.nestCreate('LeadGrid', 'createLeadGrid')&quot; class=&quot;awe-btn mbtn&quot;&gt;Create&lt;/button&gt;
  &lt;/div&gt;
  
  @(Html.Awe().Grid(&quot;LeadGrid&quot;)
        //.Mod(o =&gt; o.PageInfo().InlineEdit(Url.Action(&quot;Edit&quot;), Url.Action(&quot;Edit&quot;)))
        .Url(Url.Action(&quot;GetLeadList&quot;, &quot;Leads&quot;))
        .Height(0)
        .PageSize(25)
           .Nests(
                  new Nest { ButtonClass = &quot;editnst&quot;, GetFunc = &quot;utils.loadNestPopup('editLeadGrid')&quot; })
        .Columns(
              new Column { Bind = &quot;Id&quot;, Width = 50 },
              new Column() { Bind = &quot;Assigned To&quot; },
              new Column() { Bind = &quot;LeadStatusId&quot; },
              new Column() { Bind = &quot;CreatedOn&quot;, ClientFormatFunc = &quot;FormatDateTime&quot; },
              new Column() { Bind = &quot;CustomerName&quot; },
              new Column() { Bind = &quot;CustomerEmail&quot; },
              new Column() { Bind = &quot;CustomerPhone&quot; },
              new Column() { Bind = &quot;TyreId&quot; },
              new Column() { ClientFormat = GridUtils.EditGridNestFormat(), Width = 50 }
        )
  </code></pre>
  <p>Controller:</p>
  <pre><code>    public ActionResult GetLeadList(GridParams g, string search)
      {
          g.PageSize = 25;
          //g.Page = 1;
          g.Paging = true;
  
          var leadResult = GetLeads(new LeadSearchCriteriaDto { Page = g.Page, PageSize = 25 });
  
          var items = AutoMapper.Mapper.Map&lt;IList&lt;Lead&gt;, IList&lt;LeadViewModel&gt;&gt;(leadResult.Data).AsQueryable();
  
          return Json(new GridModelBuilder&lt;LeadViewModel&gt;(items, g)
          {
              Key = &quot;Id&quot;,
              GetItem = () =&gt; items.SingleOrDefault(x =&gt; x.Id == Convert.ToInt32(g.Key)),
              Map = MapToGridModel,
              ItemsCount = leadResult.ResultCount,
              PageCount = leadResult.ResultCount / 25,
              
  
          }.Build());
  
      }
  </code></pre>
  <p>I have also copied all the javascript css and other related files from the demo project into my project to see if it was the issue still made no difference. I have debugged line by line the javascript and the only differences I see is deep in the code it seems to go to a different function but its in jquery code not sure why and I have the same version of jquery so it should be the same. I'm really at a loss.</p>