We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Hello Selvamani Sankarappan [Syncfusion],
Since your last response, has support for Redux
in React been implemented? An example of DataGrid using react/redux would
be most helpful. Even more so if it included a DetailRow loading
asynchronously.
Thanks,
Ari Villaca
|
// App.js
<EJ.Grid dataSource={window.dataSource} editSettings={window.editSettings}toolbarSettings={window.toolbar}
allowPaging={true} >
<columns>
<column field="OrderID" headerText="Order ID" isPrimaryKey={true} textAlign="right" width={90} />
<column field="EmployeeID" headerText="Employee ID" textAlign="right" width={90} />
<column field="Freight" headertext="Freight" width={90} />
</columns>
</EJ.Grid>
// datasource,editsettings and toolbarsettings
// here we have used remoteSaveAdaptor to handle the CRUD action in server end.
window.dataSource = ej.DataManager({
json : window.gridData,
adaptor: new ej.remoteSaveAdaptor(),
updateUrl: "http://localhost:49449/Home/Update",
insertUrl:"http://localhost:49449/Home/Insert",
removeUrl: "http://localhost:49449/Home/Remove"
});
// Server end
public ActionResult Update(EditableOrder value)
{
OrderRepository.Update(value);
var data = OrderRepository.GetAllRecords();
return Json(data, JsonRequestBehavior.AllowGet);
}
public ActionResult Insert(EditableOrder value)
{
OrderRepository.Add(value);
var data = OrderRepository.GetAllRecords();
return Json(data, JsonRequestBehavior.AllowGet);
}
public ActionResult Remove(int key)
{
OrderRepository.Delete(key);
var data = OrderRepository.GetAllRecords();
return Json(data, JsonRequestBehavior.AllowGet);
} |
