JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Data Grid How to use NgRx with Smart Elements Grid Request Response

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #101552
    Gourav
    Member

    Hi,
    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 –

    1. 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.
     
     
     

    #101553
    admin
    Keymaster

    Hi Gourav,
    You may look at: https://www.htmlelements.com/docs/angular-rxjs/
    Best regards,
    Peter Stoev
    Smart UI Team
    https://www.htmlelements.com/

    #101556
    Gourav
    Member

    Hello sir,
    I m using ngrx store effect and reducers. How to call api on pagination click and update grid data in smart grid. In this link no any solution so plz guid me.

    #101557
    admin
    Keymaster

    Hi 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/

    #101558
    Gourav
    Member

    Hi,
    I m trying this but not solve my problem I m using ngrx and my data comming on reducers and data get by ngrs store so how to update smart grid data.

    #101560
    Gourav
    Member

    Hi,
    I m using this step on our project.
    https://ngrx.io/guide/store

    #101561
    Gourav
    Member

    Hi Peter,
    Actually I understand your Rx Js Solution. But we are using ngstore currently. So if you could give us a example using NgStore that will really help us.
    Else we will have a huge impact on our code on migration to smart elements.
    If you can, we can also jump on call to discuss
     

    #101564
    admin
    Keymaster

    Hi 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/

    #101566
    Gourav
    Member

    Hi Peter,
    Can you suggest,what is the frequency of new version releases ? or by when next version can be available ?
    Regards,
    Gourav

    #101567
    admin
    Keymaster

    Hi Gourav,
    We usually release new versions every 2 months.
    Best regards,
    Peter Stoev
    Smart UI Team
    https://www.htmlelements.com/

    #101568
    Gourav
    Member

    So Can we expect multiple examples around NgStore by April End or it can be early ?

    #101570
    admin
    Keymaster

    Hi 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/

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.