Display the CheckBox in grid

[Anil]

Checkbox UI is different in angular kendo that is not matching with client UI. In Angular Kendo the CheckBox is displaying as True/False text message instead of displaying just as CheckBox.

 

We tried to fix this issue using plain checkbox html but in this case the checkbox values are not binding with the kendo angular object. So in this case the checkbox value is not updating correctly in gird

[Dimiter Topalov]

Hi Anil,

You can use a disabled checkbox in the Grid cell templates that will retrieve its checked state based on the boolean field the column is bound to:

<kendo-grid-column field="Discontinued" title="Discontinued" width="120">
                <ng-template kendoGridCellTemplate let-dataItem>
                    <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
                </ng-template>
            </kendo-grid-column>

https://www.telerik.com/kendo-angular-ui-develop/components/grid/get-started/#toc-basic-usage

You can use a disabled checkbox for displaying purpose, and an active one as the default boolean editing UI when the row/cell is in editing mode:

https://www.telerik.com/kendo-angular-ui-develop/components/grid/editing/editing-reactive-forms/

Here is the updated example:

https://stackblitz.com/edit/angular-bespwt?file=app/app.component.ts

If, on the other hand, you would like to provide the end user the ability to mutate the Grid data directly without putting the row/cell in editing mode, you can do this via some custom implementation relying on rendering a form control that is bound to the data item directly in the Grid Cell template, for example:

https://www.telerik.com/kendo-angular-ui-develop/components/grid/editing/custom-reactive-editing/#toc-rendering-editors-in-the-cell-templates

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Anil]

Hi Admin,

I am working on the In-Cell grid, in this grid i have lot of checkboxs are there.

check the check boxs savebutton is not actived.
Please check the attachment

 

[Anil]

HI Dimiter Topalov,

We are wait for the reply.

[Dimiter Topalov]

Hi Anil,

Before we can proceed with your technical questions, I will need more information about your current Kendo UI subscription. I have therefore generated a sales lead, and you can expect our licensing specialists to contact you, or if you have any questions about obtaining a license for Kendo UI for Angular, feel free to open a separate thread.

If your company has already purchased a license from another account, please contact the license holder and provide them with this link so they can add you as a licensed developer. If you need to purchase or renew your subscription, you can reach out to our product specialists on [e-mail]. They will gladly assist you with finding both the answers to your questions and a subscription that best fits your needs.

Once your account is associated with an active subscription, you can post your questions in a new support ticket or repost them here and we will reply within the guaranteed response time. On top of that, you will be able to use our products in your applications, will have access to the latest features and fixes within our products, and the full benefits of the respective support plan. The technical aspects of the specific scenario will be specified further, and we will do our best to provide a solution that is best suitable to the specific use case as a part of our paid support service that goes with the product license.

Typically we are doing our best to address generic questions, related to the setup of our components regardless of whether the person asking the question is a licensed client. However, when the setup is scenario-specific, and the scenario is not generic enough to benefit the community, or further developer effort, time for investigation, or a specific custom implementation is required, we are closing the thread. If other members of the community are willing to help further, this is always appreciated.

Regards,
Dimiter Topalov
Progress Telerik