JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Data Grid › How to use NgRx with Smart Elements Grid Request Response
Tagged: NgRX with Smart Grid
- This topic has 11 replies, 2 voices, and was last updated 1 year, 3 months ago by
admin.
-
AuthorPosts
-
February 26, 2021 at 11:49 am #101552
Gourav
MemberHi,
Currently we are evaluating Html Elements and are planning to use its professional version.
We are stuck with below problem.
Currently we use ngRx Stores, Actions, Reducers to request, process, retrieve the data for example –- Request –
<div>
<div>this.store.dispatch(new FileAction.GetGridData(payload))</div>
<div>2. Response – is store with subscribe</div>
</div>
<div>
<div>this.store.select(‘data’).subscribe((state => {</div>
<div>if (state.data) {</div>
<div>if (state.data.data &&state.data.data.length >0) {</div>
<div>this.data=JSON.parse(JSON.stringify(state.data.data));</div>
<div>this.total=state.data.data_size;</div>
<div>} else {</div>
<div>this.data = [];</div>
<div>this.total=0;</div>
<div>}</div>
<div>}</div>
<div>}))</div>
</div>
<div></div>
<div></div>
<div></div>
<div>Now we are planning to use Smart Element Grid for Request/Response. Can you guide how we can do that. FYI we are trying to follow</div>
https://www.htmlelements.com/demos/grid/server-side-paging-sorting-filtering/
We are not sure, how to update our code to make use for SmartGrid.
February 26, 2021 at 12:16 pm #101553admin
KeymasterHi Gourav,
You may look at: https://www.htmlelements.com/docs/angular-rxjs/
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/March 1, 2021 at 5:39 am #101556Gourav
MemberMarch 1, 2021 at 6:51 am #101557admin
KeymasterHi Gourav,
This example https://www.htmlelements.com/angular/demos/grid/server-side-paging-sorting-filtering/ shows the API of the Grid used with pagination, sorting, and filtering. You can use the API for your application scenario.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/March 1, 2021 at 8:17 am #101558Gourav
MemberMarch 1, 2021 at 10:02 am #101560Gourav
MemberHi,
I m using this step on our project.
https://ngrx.io/guide/storeMarch 1, 2021 at 11:41 am #101561Gourav
MemberMarch 1, 2021 at 5:19 pm #101564admin
KeymasterHi Gourav,
We provided guidance with our API. However, a ready-to-use example using NgStore is not currently available. We will consider adding such for the next version.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/March 2, 2021 at 5:51 am #101566Gourav
MemberMarch 2, 2021 at 6:10 am #101567admin
KeymasterHi Gourav,
We usually release new versions every 2 months.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/March 2, 2021 at 6:12 am #101568Gourav
MemberMarch 2, 2021 at 6:16 am #101570admin
KeymasterHi Gourav,
Such examples are not in our roadmap right now. We will consider them in the future.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/ - Request –
-
AuthorPosts
- You must be logged in to reply to this topic.