We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Render Boolean value as checkbox

Thread ID:





145146 Jun 10,2019 07:05 AM UTC Jun 28,2019 08:50 AM UTC React - EJ 2 5
Tags: Grid
License Admin
Asked On June 10, 2019 07:05 AM UTC

In project i want to render boolean value as checkbox but even though value is true it is not showing checkbox as checked but when we open that in edit mode it is showing in checked checkbox but i am not able to set it to false.
The following is my column directive :-

My response model is line
  1. {
  2. bruUnitNamenull
  3. bruUnits4
  4. name"Weekly"
  5. offerabletrue
  6. price140
  7. rateFactor14 
  8. }

Pavithra Subramaniyam [Syncfusion]
Replied On June 10, 2019 08:51 AM UTC

Hi Sandeep, 
Thanks for contacting Syncfusion support. 
We have tried to reproduce the reported behavior at our end but Boolean column is working fine at our end. Please refer to the below sample link for your reference. 
Could you please provide the below details that will be helpful for us to provide a better solution as early as possible. 
  1. Share the full Grid code.
  2. Share the details how you have bound data to the Grid
  3. Please reproduce the issue in the above sample if possible
Pavithra S. 

License Admin
Replied On June 14, 2019 12:57 PM UTC

Hi Pavithra,


For us if we have only one grid it is working fine but if we have subgrid it is not allowing me to edit it (uncheck it). Can you share example where in subgrid we have rendered boolean as checkbox.

Pavithra Subramaniyam [Syncfusion]
Replied On June 17, 2019 05:34 AM UTC

Hi Sandeep, 
From your query we suspect that you are using boolean column in  hierarchy Grid. We have prepared a simple sample based on your query in which we have rendered a Boolean column in child Grid and enabled editing . Please refer the below code example and sample link for more information. 
export class Hierarchy extends SampleBase { 
    constructor() {  
        this.childGrid = { 
            dataSource: hierarchyOrderdata, 
            queryString: 'EmployeeID', 
            columns: [ 
                { field: 'OrderID', headerText: 'Order ID', isPrimaryKey:true,textAlign: 'Right', width: 120 }, 
                .   .  . 
    render() { 
        return (<div className='control-pane'> 
                <div className='control-section'> 
                    <GridComponent dataSource={employeeData} childGrid={this.childGrid} > 
                          .    .    . 
                        <Inject services={[Edit, DetailRow ,Toolbar, Page]}/> 
render(<Hierarchy />, document.getElementById('sample')); 
If the above does not meet your requirement then share more details like Grid code, simple sample, screenshot or video of the issue which will be more helpful for us to provide a better solution as soon as possible. 
Pavithra S. 

License Admin
Replied On June 27, 2019 10:58 AM UTC

Hi Pavithra,

Can we have call tomorrow at 3:00pm IST to discuss this?

Pavithra Subramaniyam [Syncfusion]
Replied On June 28, 2019 08:50 AM UTC

Hi Sandeep, 
Thanks for contacting Syncfusion support 
We have created a new incident #240441 under your account and updated the meeting invitation there. So please follow the incident for more updated regarding the Grid Boolean column query. 
Pavithra S. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon