How to pass extra arguments while initial page load

[lajith111]

This is my existing code

Html:

<angular-slickgrid gridId="accountGrid" [columnDefinitions]="columnDefinitions"
                          [gridOptions]="gridOptions" [dataset]="dataset"
                          (onAngularGridCreated)="angularGridReady($event.detail)">
                          >
 </angular-slickgrid>

Component Class:

 backendServiceApi: {
            service: this.graphqlService,
            options: {
            executeProcessCommandOnInit: true,  //  How to pass extraQueryArguments while intial page load
            columnDefinitions: this.columnDefinitions,
            datasetName: GRAPHQL_QUERY_DATASET_NAME
         },

calling for external search option additional filter

search(){

    let args:ExtraQueryArgument[]=[];

      
    if(this.selectedbranch?.id)    
       args.push({field:'branchId', value:this.selectedbranch?.id.toString()});
  
   // update any Backend Service Options you want
   this.graphqlService.updateOptions({extraQueryArguments: args});
 

  // then make sure to refresh the dataset 
  this.angularGrid.extensionService.refreshBackendDataset();
  }

Hi @ghiscoding i have some specific requirement for passing extra arguements to server, Currently when i click to search button
i am sending additional filter refresh the dataset. It is absultely working fine.

My question is is it possible to preselected (from storage) value to slickgrid while page init ( slick grid init)
Thanks you

[ghiscoding]

hello, I just saw this discussion, I'm not sure why I didn't see it earlier... but anyway extraQueryArguments is meant to be used for the entire time (like userId). These extra query arguments are carried for the entire time but I guess you could probably use regular JS code with a flag to reset it after the first load.

Maybe something along these lines

export MyComponent {
  isInitialLoad = true;
  graphqlService = new GraphqlService();

  prepareGrid() {
    const initialQueryArgs = {
      field: 'branchId',
      value: 123
    };

    this.gridOptions = {
      backendServiceApi: {
        service: this.graphqlService,
        preProcess: () => {
        },
        process: (query) => {
          
        },
        postProcess: () => {
          this.isInitial = false, // no longer initial query
        
          // you could maybe change the extra query params for the next query
          this.changeQueryArguments();
        },
        options: {
          extraQueryArguments: [initialQueryArgs],
        }
     }
  }
}

changeQueryArguments() {
  // update any Backend Service Options you want
  this.graphqlService.updateOptions({
    extraQueryArguments: [{
      field: 'userId',
      value: 567
    }]
  });

  // then make sure to refresh the dataset
  this.angularGrid.pluginService.refreshBackendDataset();
}

After writing all of these and taking another look at the docs I wrote a while ago, there's info in this section Changing/Updating Options Dynamically to dynamically change the query params afterward. You can do many things just by using simple JS logic

[lajith111]

Thank You very much @ghiscoding ..I will try