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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

using Redux?

Thread ID:





127442 Nov 16,2016 05:11 AM UTC Apr 16,2019 08:55 AM UTC ReactJS 5
Tags: General
Stefan Tsalapatis
Asked On November 16, 2016 05:11 AM UTC

I am in the very beginning with React, researching for the moment, about  what it is more efficient for new projects.
I am interesting particularly, to use React components  as a view library, without react-router, in html or razor pages.
I have seen your  components  adaptation for React.  
My question is about the use of  a single Redux store  to synchronize all actions that change the data, 
using the Syncfusion components, like a pub-sub mechanism.   Without react-routing, simply with react components in a single page.
Is it possible to provide a sample  with a complex control  like Grid  or/and a form with editors, 
 where the CRUD functionality, calling the back-end services,  to be provided  through Redux actions ?
Using the Synfusion data manager,  to synchronize different components which use the same data ?
I hope that I made clear my thought so  you could understand  what I ask ,  if it is possible.
thank you 

Thangavel E [Syncfusion]
Replied On November 23, 2016 05:41 AM UTC

Hi Stefan,  
Thank you for helping us define this feature. Currently we haven’t provided with complete support for ReactJS in Redux framework. We will implement this feature in any of our upcoming releases.Please let us know if you have any questions about this. 
Thanks and Regards, 
  Thangavel E

Alex Wissmann
Replied On June 13, 2017 06:27 AM UTC

Dear Thangavel

I would wondering if there is already any progress on this feature? As I also would be intressted in to know how I can connect the syncfusion components to the Redux store.


Selvamani Sankarappan [Syncfusion]
Replied On June 14, 2017 09:14 AM UTC

Hi Stefan,   
We did not give a complete support for ReactJS in Redux framework. We will implement this feature in any of our upcoming releases.   
Please let us know if you need any further assistance.   
Selvamani S.   

Ari Villaca
Replied On April 11, 2019 07:57 PM UTC

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.


Ari Villaca

Ashokkumar Balasubramanian [Syncfusion]
Replied On April 16, 2019 08:55 AM UTC

Hi Ari Villaca,  
We are not implemented the Redux support in React platforms for EJ1 components. But we were able to integrate the Redux support in Grid component by using customized code blocks. As per your request, we have prepared a sample in ReactJS with redux and perform CRUD operation is Grid using removeSaveAdaptor. Please find the sample from below link. 
Refer the below code example for your reference. 
// App.js  
<EJ.Grid dataSource={window.dataSource}  editSettings={window.editSettings}toolbarSettings={window.toolbar}   
allowPaging={true} >  
<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} />  
// 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" 
    removeUrl: "http://localhost:49449/Home/Remove"  
// Server end  
public ActionResult Update(EditableOrder value)  
            var data = OrderRepository.GetAllRecords();  
            return Json(data, JsonRequestBehavior.AllowGet);  
public ActionResult Insert(EditableOrder value)  
            var data = OrderRepository.GetAllRecords();  
            return Json(data, JsonRequestBehavior.AllowGet);  
public ActionResult Remove(int key)  
            var data = OrderRepository.GetAllRecords();  
            return Json(data, JsonRequestBehavior.AllowGet);  
Refer our help documentation for your reference. 
Please let us know, if you have any concern on this. 
Ashokkumar B. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon