how to solve these error in mvc grid??

Question

hi Frnds

I want to add new row on button click in mvc4/5..

and I am following the below link

http://dotnet-concept.com/Articles/2014/4/4/Add-Update-and-Delete-in-WebGrid-in-MVC

but I am getting this error like

CS1503: Argument 1: http://dotnet-concept.com/Articles/2014/4/4/Add-Update-and-Delete-in-WebGrid-in-MVC

how to solve this problem

Anjali Khan · Answer

hi firstly I got a error like which I m sending to you error 1 screen short.. there I m getting error then I clicked on continue there I am not be able to do add new row on the grid view

Saineshwar Bageri · Answer

Show screen shot.

Anjali Khan · Answer

I did not get you I run the application and got a these error my code is my code is model// public class ContactDetails { public int ID { get; set; } public string FirstName { get; set; } public string LastName { get; set; } public string Country { get; set; } public DateTime DOB { get; set; } public string ContactNo { get; set; } public bool IsActive { get; set; } } controller/// public class ExampleController : Controller { // GET: Example public ActionResult Example() { if (Session[model] == null) Session[model] = GetContactDetails(); var model = (List )Session[model]; return View(model); } public JsonResult SaveContact(ContactDetails model) { var modelList = (List )Session[model]; if (model.ID > 0) { var index = modelList.FindIndex(x => x.ID == model.ID); modelList[index] = model; } else { var item = modelList.LastOrDefault(); model.ID = item.ID + 1; modelList.Add(model); } Session[model] = modelList; return Json(new { ID = model.ID FirstName = model.FirstName LastName = model.LastName Country = model.Country ContactNo = model.ContactNo DOB = model.DOB IsActive = model.IsActive }); } public JsonResult DeleteContact(ContactDetails model) { var modelList = (List )Session[model]; var item = modelList.Find(x => x.ID == model.ID); modelList.Remove(item); Session[model] = modelList; return Json(new { ID = model.ID }); } List GetContactDetails() { List contact = new List { new ContactDetails{ID=1FirstName=Doe LastName=John Country=United State ContactNo=4445454590 DOB=new DateTime(1988323) IsActive=true} new ContactDetails{ID=2FirstName=Chang LastName=Lee Country=China ContactNo=3323334433 DOB=new DateTime(197053) IsActive=true} new ContactDetails{ID=3FirstName=Ajay LastName=Kumar Country=India ContactNo=9723334444 DOB=new DateTime(199062) IsActive=true} new ContactDetails{ID=4FirstName=Merry LastName=John Country=United State ContactNo=2332456678 DOB=new DateTime(197811) IsActive=true} new ContactDetails{ID=5FirstName=Kiran LastName=Kher Country=India ContactNo=9999944566 DOB=new DateTime(19981029) IsActive=true} }; return contact; } } view/// @model ICollection @{ ViewBag.title = WebGrid; } Simple Web Grid @{ var grid1 = new WebGrid(source: Model ajaxUpdateContainerId: divGrid); @grid1.GetHtml(tableStyle: webGrid columns: grid1.Columns( grid1.Column(ID) grid1.Column(FirstName) grid1.Column(LastName) grid1.Column(Country) grid1.Column(ContactNo) grid1.Column(DOB format:@ @item.DOB.ToShortDateString() ))) } Web Grid with Add/Update Add New(+) @{if (Model != null) { var grid = new WebGrid(Model canPage: true rowsPerPage: 50 selectionFieldName: selectedRow ajaxUpdateContainerId: gridContent); grid.Pager(WebGridPagerModes.NextPrevious); @grid.GetHtml(tableStyle: webGrid headerStyle:  alternatingRowStyle: alt selectedRowStyle: select columns: grid.Columns( grid.Column( style: col1 format: @ Edit Delete Save Cancel ) grid.Column(ID) grid.Column(First Name style: col2 format: @ @item.FirstName @Html.TextBox(FirstName-Edit (string)item.FirstName new { @class = edit-mode }) ) grid.Column(Last Name style: col2 format: @ @item.LastName @Html.TextBox(LastName-Edit (string)item.LastName new { @class = edit-mode }) ) grid.Column(Country style: col2 format: @ @item.Country @Html.TextBox(Country-Edit (string)item.Country new { @class = edit-mode }) ) grid.Column(Contact No style: col2 format: @ @item.ContactNo @Html.TextBox(ContactNo-Edit (string)item.ContactNo new { @class = edit-mode }) ) grid.Column(DOB format: @ @{if (item.DOB != null) { @item.DOB.ToShortDateString() }} ) grid.Column(Is Active style: col3 format: @ @{bool isActive = Convert.ToBoolean(item.IsActive); @Convert.ToBoolean(item.IsActive) @Html.CheckBox(IsActive-Edit isActive new { @class = edit-mode }) } ))) } } initialize(); function initialize() { $(.datepicker).datepicker({ format: 'dd/mm/yyyy' autoclose: true todayBtn: 'linked' }) $(.datepicker).datepicker(update new Date()); $('#btnAddNew').click(function () { if ($('.add-item').length==0) { var newRow = $( ); newRow.append( Add   Cancel ); newRow.append(   ); newRow.append( ); newRow.append( ); newRow.append( ); newRow.append( ); newRow.append( ); newRow.append( ); $('#gridContent tbody:last').append(newRow); $(.datepicker).datepicker({ format: 'dd/mm/yyyy' autoclose: true todayBtn: 'linked' }) $(.datepicker).datepicker(update new Date()); } $('.add-item').on('click' function () { var tr = $(this).parents('tr:first'); var ID = $(this).prop('id'); var FirstName = tr.find('#FirstName-Add').val(); var LastName = tr.find('#LastName-Add').val(); var Country = tr.find('#Country-Add').val(); var ContactNo = tr.find('#ContactNo-Add').val(); var DOB = tr.find('#DOB-Add').val(); var IsActive = tr.find('#IsActive-Add').prop(checked); $.post( '/Example/SaveContact/' { ID: ID FirstName: FirstName LastName: LastName Country: Country ContactNo: ContactNoDOB:DOB IsActive: IsActive } function (item) { tr.find('#FirstName').text(item.FirstName); tr.find('#LastName').text(item.LastName); tr.find('#Country').text(item.Country); tr.find('#ContactNo').text(item.ContactNo); tr.find('#IsActive').text(item.IsActive); tr.find('#DOB').text(item.DOB); } json); tr.remove(); }); }); $('.edit-mode').hide(); $('.edit-item').on('click' function () { $('.edit-mode').hide(); $('.delete-mode').hide(); $('.display-mode').show(); var tr = $(this).parents('tr:first'); tr.find('.edit-mode .display-mode').toggle(); }); $('.cancel-item').on('click' function () { var tr = $(this).parents('tr:first'); tr.find('.display-mode.edit-mode').toggle(); }); $('.delete-item').on('click' function () { if (confirm(Are you sure to delete this contact?)) { var tr = $(this).parents('tr:first'); var ID = $(this).prop('id'); $.post( '/Example/DeleteContact/' { ID: ID } function (item) { tr.remove(); } json); } }); $('.save-item').on('click' function () { var tr = $(this).parents('tr:first'); var ID = $(this).prop('id'); var FirstName = tr.find('#FirstName-Edit').val(); var LastName = tr.find('#LastName-Edit').val(); var Country = tr.find('#Country-Edit').val(); var ContactNo = tr.find('#ContactNo-Edit').val(); var DOB = tr.find('#DOB-Edit').val(); var IsActive = tr.find('#IsActive-Edit').prop(checked); $.post( '/Example/SaveContact/' { ID: ID FirstName: FirstNameLastName:LastNameCountry:CountryContactNo:ContactNoDOB:DOB IsActive: IsActive } function (item) { tr.find('#FirstName').text(item.FirstName); tr.find('#LastName').text(item.LastName); tr.find('#Country').text(item.Country); tr.find('#ContactNo').text(item.ContactNo); tr.find('#IsActive').text(item.IsActive); tr.find('#DOB').text(item.DOB); } json); tr.find('.edit-mode .display-mode').toggle(); }); }

Anjali Khan · Answer

I did not get you I run the application and got a these error

Saineshwar Bageri · Answer

Hi Anu G Have you check browser console for error.