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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

grid Colum edit type boolean editmode dialogtemplate checkbox not showing checked

Thread ID:





121836 Jan 29,2016 06:01 PM UTC Feb 16,2018 10:40 AM UTC ASP.NET Web Forms 4
Tags: Grid
Bruce Stevenson
Asked On January 29, 2016 06:01 PM UTC

Greetings and thanks in advance;

I have several boolean values in my grid, and I am using a dialogtemplate to edit the rows.  when the row values are "true" I would expect them to be checked in the dialog.
I have tried the {{ if name}} and using functions in the complete function.

I have modified an on line project that represents the problem:
Double click on a row to edit it, check Priority, then Save.
the grid will display the updated value.
Double click on the same row and note the value displayed.

Bruce Stevenson;

Attachment: Grid_b7d14547.zip

Balaji Marimuthu [Syncfusion]
Replied On February 1, 2016 09:05 AM UTC

Hi Bruce,

Thanks for contacting Syncfusion support.

We have modified the sample and bind the Boolean (checkbox) column to DialogTemplate using ejCheckBox checked property. Refer to the sample, code example, Help Document as below.

Sample: Sample-Grid

Help Document: http://help.syncfusion.com/js/api/ejcheckbox#members:checked

function complete(args) {

            if (args.requestType == "refresh" || args.requestType == "save") {



            if ((args.requestType == "beginedit" || args.requestType == "add") && args.model.editSettings.editMode == "dialogtemplate") {

                //to change checkbox size while adding & editing the records

                if ($("#Priority").val() == "true")

                    $("#Priority").ejCheckBox({ size: "medium", checked: true });


                    $("#Priority").ejCheckBox({ size: "medium", checked: false });


                   . . .


Or you can use the jsrender to display the Boolean checkbox column in DialogTemplate. Refer to the code example as below.

    <script type="text/template" id="template">





                {{if Priority}}

                <input type="checkbox" id="Priority" name="Priority" checked="checked" class="e-field e-checkbox valid"  style="width:30px"/>


                <input type="checkbox" id="Priority" name="Priority" class="e-field e-checkbox valid" style="width:30px" />







   <script type="text/javascript">



        function complete(args) {

            if (args.requestType == "refresh" || args.requestType == "save") {



            if ((args.requestType == "beginedit" || args.requestType == "add") && args.model.editSettings.editMode == "dialogtemplate") {

                //to change checkbox size while adding & editing the records

                $("#Priority").ejCheckBox({ size: "medium" });



In provided samples, themes are not referred to display the Grid in properly. So, please refer to the following Help document themes in Grid, 

Help Document:  http://help.syncfusion.com/js/control-initialization#manual-reference-of-scripts-and-style-sheets-in-a-html-page

Folder location to refer the themes:

(installed location)\Syncfusion\Essential Studio\\JavaScript\assets\css\web

Note: The default installed location is C:\Program Files (x86)\

Balaji Marimuthu

Bruce Stevenson
Replied On February 3, 2016 02:18 PM UTC

that got it.
Thanks for the support.

Bruce Stevenson.

Balaji Marimuthu [Syncfusion]
Replied On February 4, 2016 05:11 AM UTC

Hi Bruce,

Thanks for the update.

We are happy that the provided solution helped you. Please get back to us if you need any further assistance.

Balaji Marimuthu

Replied On February 16, 2018 10:40 AM UTC



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