I've a simple grid.
I added AddNew feature to the toolbar.
<div id="grid"style="width:100%;">
@(Html.Syncfusion().Grid<TestSyncfusion.Models.EntityModel.Item>("Frozen")
.Datasource((IEnumerable<TestSyncfusion.Models.EntityModel.Item>)ViewData["gridData"])
.Caption("Orders")
.AutoFormat(Skins.Marble)
.PageSettings(settings => settings.PageSize(15).PageCount(10))
.ActionMode(ActionMode.JSON)
.Column(columns =>
{
columns.Add(p => p.ID);
columns.Add(p => p.ItemID);
columns.Add(p => p.CategoryID);
columns.Add(p => p.ItemName);
columns.Add(p => p.Type);
})
.ToolBar(tools =>
{
tools.Add(GridToolBarItems.AddNew);
})
.Editing(edit =>
{
edit.AllowNew(true, "GridAddNewRow/AddItem");
edit.PrimaryKey(key => key.Add(p => p.ID));
})
)
</div>
My controller looks like this:
public class GridAddNewRowController : Controller
{
//
// GET: /GridAddNewRow/
public ActionResult GridAddNewRow()
{
DebtSettlementEntities entities = new DebtSettlementEntities();
var items = entities.Items.ToList();
ViewData["gridData"] = items;
return View();
}
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult GridAddNewRow(PagingParams args)
{
IEnumerable data = new DebtSettlementEntities().Items.ToList();
ActionResult result = data.GridJSONActions<Item>();
return result;
}
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult AddItem(Item item)
{
DebtSettlementEntities en = new DebtSettlementEntities();
en.Items.AddObject(item);
en.SaveChanges();
IEnumerable data = new DebtSettlementEntities().Items.ToList();
ActionResult result = data.GridJSONActions<Item>();
return result;
}
}
But when I click on AddNew button on the toolbar I get the following error.
- Uncaught ReferenceError: cloneArray is not defined
(anonymous function)
k.handle.m
Please help.