ejTreeGrid Boolean Field Error

[Irfan Alkan]

Hi,

As shown in the examples boolean field grid in view It appears in the form of Check Box, same data want  to shown  with Tree Grid  true/false as string view.

What we need to do to view checkbox?

Regard,

Irfan

Attachment: ExampleCodeBooleanField_f6dfa940.zip

[Jonesherine Stephen]

Hi Irfan, 

Thanks for contacting Syncfusion support. 

By using the column template in TreeGrid we can render the checkbox in columns. To edit the checkbox we need to use the “editType” as “booleanedit”.  

Please find the code snippet below: 

<script type="text/x-jsrender" id="customColumnTemplate"> 

        <div style='padding-left:5px;'>{{if approved}}<input type="checkbox" checked disabled>{{else}}<input type="checkbox" disabled />{{/if}}</div> 

    </script> 

$(function () { 

            $("#TreeGridContainer").ejTreeGrid({ 

                      columns: [ 

         { field: "approved", headerText: "Approved", editType: "booleanedit", isTemplateColumn: true, templateID: "customColumnTemplate" } 

                ], 

            }) 

        }); 

We have also modified the sample for your reference. Please find the sample from below location: 

Sample: http://jsplayground.syncfusion.com/xeubfmyb 

Please let us know if you need more information on this.
Regards, 
Jone sherine P S