Question

I’ve been playing with a jQuery grid control, and made the following change to the index.aspx file:

From this:

  <script type="text/javascript">
      jQuery(document).ready(function() {
          jQuery("#list").jqGrid({
              url: '/Home/DynamicGridData/',
              datatype: 'json',
              mtype: 'POST',
              colNames: ['Id', 'Votes', 'Title'],
              colModel: [
          { name: 'Id', index: 'Id', width: 40, align: 'left' },
          { name: 'Votes', index: 'Votes', width: 40, align: 'left' },
          { name: 'Title', index: 'Title', width: 400, align: 'left'}],
              pager: jQuery('#pager'),
              rowNum: 10,
              rowList: [5, 10, 20, 50],
              sortname: 'Id',
              sortorder: "desc",
              viewrecords: true,
              imgpath: '',
              caption: 'My first grid'
          });
      }); 
    </script>  

To this:

  <script type="text/javascript">
     jQuery(document).ready(function() {
              jQuery("#list").jqGrid({
              url: '/Home/GridData/',
              datatype: 'json',
              mtype: 'POST',
              colNames: ['Id', 'Votes', 'Title'],
              colModel: [
          { name: 'Id', index: 'Id', width: 40, align: 'left' },
          { name: 'Votes', index: 'Votes', width: 40, align: 'left' },
          { name: 'Title', index: 'Title', width: 400, align: 'left'}],
              pager: jQuery('#pager'),
              rowNum: 10,
              rowList: [5, 10, 20, 50],
              sortname: 'Id',
              sortorder: "desc",
              viewrecords: true,
              imgpath: '',
              caption: 'My first grid'
          });
      }); 
    </script>  

Now I’m finding that whenever I load the project I get a HTTP 404 error, and am a bit taken aback by the problem: I changed the action that the page is supposed to load.

When I change it back the error persists.

Has anyone seen this before?

Answer 1

According to your code, your first action was DynamicGridData.
You’ve changed that to the GridData
So you must declare an action GridData, and mark it with HttpPost attribute:

[HttpPost]
public ActionResult GridData(SomeEditModel form)
{
    if (IsNotValid)
    {
        return ShowAView(form);
    }

    DoActualWork();

    return RedirectToSuccessPage();
}