Get checkbox column cell value when button click?

[Neo]

Hi,

I want to know, how to get cell value of a check box column by clicking on a button. Need the value in 'true' or 'false'.

Thank you!

[Madhu Sudhanan P]

Hi Shamil, 

Thanks for contacting Syncfusion support. 

Before proceeding with your requirement, please check and address the below queries regarding your requirement to provide better solution from our end.   

1.       How checkbox column is rendered in your cell using column template or checkbox selection column [CheckBox Selection]? 

2.       Did you enabled any editing in your grid? If so please share the edit type. 

Regards, 

Madhu Sudhanan P 

[Neo]

Hi Shamil, 

Thanks for contacting Syncfusion support. 

Before proceeding with your requirement, please check and address the below queries regarding your requirement to provide better solution from our end.   

1.       How checkbox column is rendered in your cell using column template or checkbox selection column [CheckBox Selection]? 

2.       Did you enabled any editing in your grid? If so please share the edit type. 

Regards, 

Madhu Sudhanan P 

1.       How checkbox column is rendered in your cell using column template or checkbox selection column [CheckBox Selection]? 

       

      * Column template using 'ng-template'

2.       Did you enabled any editing in your grid? If so please share the edit type. 

field: 'approval', headerText: 'Approval', textAlign: 'Center', headerTextAlign: 'Center', width: '70'

, template: this.GridCheckBoxTemplate

These are the settings for checkbox column I used. My requirement is get the value of a check box by clicking on separate button.

[Madhu Sudhanan P]

Hi Shamil, 

Thanks for the update. 

We have prepared the below sample in which the checkbox state is added to the property [items] in component class. And you can use this property to access the checkbox values at the button click. The template used will be as follows. 

export class DefaultComponent implements OnInit { 

    public data: Object[] = []; 

    public item: Object = {}; 

    ngOnInit(): void { 

        this.data = orderDetails; 

    } 

 

    click(): void { 

        console.log(this.item); //Get the checkbox values here... 

    } 

} 

<ng-template #template let-data> 

    <input type="checkbox" ejs-checkbox (input)="item[data.OrderID] = $event.target.checked"/> 

</ng-template> 

 

https://stackblitz.com/edit/checkbox-template-values?file=default.component.ts 

Regards, 

Madhu Sudhanan P 

[Neo]

Hi Shamil, 

Thanks for the update. 

We have prepared the below sample in which the checkbox state is added to the property [items] in component class. And you can use this property to access the checkbox values at the button click. The template used will be as follows. 

export class DefaultComponent implements OnInit { 

    public data: Object[] = []; 

    public item: Object = {}; 

    ngOnInit(): void { 

        this.data = orderDetails; 

    } 

 

    click(): void { 

        console.log(this.item); //Get the checkbox values here... 

    } 

} 

<ng-template #template let-data> 

    <input type="checkbox" ejs-checkbox (input)="item[data.OrderID] = $event.target.checked"/> 

</ng-template> 

 

https://stackblitz.com/edit/checkbox-template-values?file=default.component.ts 

Regards, 

Madhu Sudhanan P 

Thanks a lot. It's working perfectly. Thank you very much again your valuable support. :)

[Madhu Sudhanan P]

Hi Shamil, 

Thanks for the update. 

Regards, 

Madhu