Checkbox in grid

[Toan Bui]

when I paginate and use checkbox but it will be lost when I change the page. Can you help me?

[Balaji Sekar]

Hi Toan, 

  

Thanks for contacting the Syncfusion support. 

  

Query: when I paginate and use checkbox but it will be lost when I change the page. Can you help me? 

  

Based on your query we suspect that you need to maintain the checkbox selection when pagination, so we suggest you use selectionSettings.persistSelection property which will persist the checkbox selection for all Grid operations. 

  

Please refer the below demo sample, Help Documentation for more information. 

  

Demo Sample: https://ej2.syncfusion.com/angular/demos/#/material/grid/checkbox-selection 

  

Help Documentation: https://ej2.syncfusion.com/angular/documentation/api/grid/selectionSettings/#persistselection 

  

Note: Any one of the column should be enabled as a primary key  

  

Please get back to us, if you need further assistance. 

  

Regards, 

Balaji Sekar 

[Toan Bui]

I did it. Thank you so much.

I am having another problem. I have a chart and a dropdownlist, when I select different values of the dropdownlist I want to change the type of the chart but it cannot.

[Balaji Sekar]

Hi Toan,  

As of now it is not possible to automatically change the series value. Hence we suggest you to modify the series value using chart instance and refresh the chart to overcome the reported scenario. Please find the sample, code snippet and screenshot below.  

Sample: https://stackblitz.com/edit/angular-5p4hvw?file=app.component.html  

  

Code Snippet:  

// Add your additional code here  

<div align="center">  

    <ejs-chart #chart [primaryXAxis]="primaryXAxis" [primaryYAxis]="primaryYAxis" [tooltip]="tooltip"  

      [legendSettings]="legend" (loaded)="loaded($event)">  

      <e-series-collection>  

        <e-series *ngFor="let chart of traces" [dataSource]="chart.readings" type="{{chart.type}}"  

          xName="{{chart.xName}}" yName="{{chart.yName}}" width="2" [name]="chart.sensorId" [marker]="chart.marker"  

          [emptyPointSettings]="emptyPoint" pointColorMapping="color">  

        </e-series>  

      </e-series-collection>  

    </ejs-chart>  

  </div>  

 <ejs-dropdownlist id='games' [width]="width" #sample [dataSource]='sportsData' (change)='onChange($event)'  

        [value]='value' [fields]='fields' [popupHeight]='height' [popupWidth]="width">  

</ejs-dropdownlist>  

// add your additional code here  

public onChange(args: any): void {  

    for (let i = 0; i < this.chartObj.series.length; i++) {  

      this.chartObj.series[i].type = <ChartSeriesType>this.listObj.text;  

    }  

    this.chartObj.refresh();  

  }  

Screenshot:  

Default:  

  

  

AfterChange:  

   

  

Let us know if you have any concerns.  

Regards,  

Balaji Sekar 

[Toan Bui]

Thank you so much

[Praveenkumar Gajendiran]

Hi Toan, 

You are welcome. Please get back to us if you need further assistance. 

Regards, 

Praveenkumar G