title: KendoUI Grid with MVC Wrappers and Web API
body: <p>I'm using Kendo UI grid with ASP.Net MVC Wrappers.  My grid datasource is defined as follows:</p>
  
  <pre><code>.DataSource(dataSource =&gt; dataSource
          .Ajax()
              .Model(model =&gt;
              {
                  model.Id(p =&gt; p.Code);
              })
              .Read(read =&gt; read.Url("api/ProjectMilestone").Type(HttpVerbs.Get))
              .Create(create =&gt; create.Url("api/ProjectMilestone").Type(HttpVerbs.Post))
              .Update(update =&gt; update.Url("api/ProjectMilestone").Type(HttpVerbs.Put))
              .Destroy(destroy =&gt; destroy.Url("api/ProjectMilestone").Type(HttpVerbs.Delete))
        )
  </code></pre>
  
  <p>So one would expect that the GET url would be generated as <code>[server]/[app]/api/ProjectMilestone</code>.</p>
  
  <p>But in my case, the page on which the grid is hosted is at the following URL: <code>[server]/[app]/Project</code>.
  This results in the GET url being generated as <code>[server]/[app]/Project/api/ProjectMilestone</code>, and of course the server returns error 404 not found.</p>
  
  <p>Please tell me how I can have the GET url generated as <code>[server]/[app]/api/ProjectMilestone</code> instead.</p>