title: Grid.Mvc column details on click?
body: <p>Am trying to implement the Grid.Mvc details as shown on their page and 'Sample Screenshot'  at  <a href="http://gridmvc.codeplex.com/" rel="nofollow">http://gridmvc.codeplex.com/</a> </p>
  
  <p>Here it shows "Order details" on the right side, from clicking on one of the rows? The goal is to implement this, add ActionLinks in there to take action such as Edit/Details/Delete just as the original bootstrap/Entity Framework index() view has.</p>
  
  <p>The question is how to wire it up properly,</p>
  
  <pre><code>@Html.Grid(Model).Named("ordersGrid").Columns(columns =&gt;
  {
      columns.Add(model =&gt; model.ID).Titled("ID").SetWidth(10);
      columns.Add(model =&gt; model.CustomerNumber).Titled("Cust #").SetWidth(10);
  
  }).WithPaging(10)
  
  &lt;div class="row"&gt;
  &lt;div class="col-md-3 col-md-push-9"&gt;
      &lt;h4&gt;
          Order details
      &lt;/h4&gt;
      &lt;div id="order-content"&gt;
          &lt;p class="muted"&gt;
              Select order to display detailed infomation
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;script&gt;
  $(function () {
      pageGrids.ast.onRowSelect(function (e) {
          alert(e.row.ID);
  
          $.post(e.row, function (data) {
              //if (data.Status &lt;= 0) {
              //    alert(data.Message);
              //    return;
              //}
              $("#order-content").html(e.row);
          });
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>This is ok, it was not triggering on the row click, because a reference was needed within the /Shared/_Layout.cshtml, had to download the jquery.min.js and rename it to match; </p>
  
  <pre><code> &lt;script src="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/gridmvc.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Now its triggering and any row clicked gets the alert dialog with the number of the ID.</p>
  
  <p>But in the $.post(e.row, function (data) {   this is not filling in any details within the div named "#order-content",  UPDATED: fixed the syntax in the function and its working.</p>
  
  <pre><code> &lt;script&gt;
  $(function () {
      pageGrids.ast.onRowSelect(function (e) {
          alert(e.row.ID);
  
          $.post("/astroidreports/details/" +e.row.ID,
              function(data){
  
                  $("#order-content").html(data);
              })
          });
      });
  </code></pre>
  
  <p></p>