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 KhanPosted Sep 6, 2016, 1:53 AM
Saineshwar BageriPosted Sep 6, 2016, 1:43 AM
Anjali KhanPosted Sep 6, 2016, 1:42 AM
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
return View(model);
}
public JsonResult SaveContact(ContactDetails model)
{
var modelList = (List
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
var item = modelList.Find(x => x.ID == model.ID);
modelList.Remove(item);
Session["model"] = modelList;
return Json(new { ID = model.ID });
}
List
{
List
new ContactDetails{ID=1,FirstName="Doe", LastName="John", Country="United State", ContactNo="4445454590", DOB=new DateTime(1988,3,23), IsActive=true},
new ContactDetails{ID=2,FirstName="Chang", LastName="Lee", Country="China", ContactNo="3323334433", DOB=new DateTime(1970,5,3), IsActive=true},
new ContactDetails{ID=3,FirstName="Ajay", LastName="Kumar", Country="India", ContactNo="9723334444", DOB=new DateTime(1990,6,2), IsActive=true},
new ContactDetails{ID=4,FirstName="Merry", LastName="John", Country="United State", ContactNo="2332456678", DOB=new DateTime(1978,1,1), IsActive=true},
new ContactDetails{ID=5,FirstName="Kiran", LastName="Kher", Country="India", ContactNo="9999944566", DOB=new DateTime(1998,10,29), 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:@
}
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: @
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" })
}
}
}
Anjali KhanPosted Sep 6, 2016, 1:40 AM
Saineshwar BageriPosted Sep 6, 2016, 1:38 AM