Hi Prem,
Greetings from Syncfusion.
As per your suggestion we have prepared a sample with CRUD operations enabled in Grid and sample can be downloadable from the below location.
Sample: http://www.syncfusion.com/downloads/support/forum/142030/ze/gridmvclocalization_(2)-1825416272.zip
Regards,Thavasianand S.
...
<div>
@Html.EJS().DateRangePicker("daterangepicker").Width("200").Change("change").Render();
@Html.EJS().Grid("Grid").DataSource(dataManager => { dataManager.Url("/Home/UrlDatasource").UpdateUrl("/Home/Update").RemoveUrl("/Home/Delete").InsertUrl("/Home/Insert").Adaptor("UrlAdaptor"); }).AllowPaging(true).Width("auto").Columns(col =>
{
...
}).AllowFiltering(true).EditSettings(edit => { edit.AllowAdding(false).AllowEditing(true).AllowAdding(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Normal); }).Toolbar(new List<string> { "Add","Edit","Delete","Update","Cancel"}).Render()
</div>
<script>
...
function change(args) {
var grid = document.getElementById("Grid").ej2_instances[0];
if (args.value) {
var predicate = new ej.data.Predicate("OrderDate", "greaterthan", args.value[0]);
predicate = predicate.and("OrderDate", "lessthan", args.value[1]);
var query = new ej.data.Query().where(predicate);
grid.query = query;
grid.refresh();
}
}
</script> |