1. Home
  2. Forum
  3. ASP.NET Core - EJ 2
  4. i want to set checkbox in treegrid

i want to set checkbox in treegrid

Hi, syncfusion teams.


i want to create checkbox in tree grid.


so, i tried to your sample code. (https://ej2.syncfusion.com/aspnetcore/TreeGrid/CheckboxColumn#/bootstrap5) - demo

but, i Can't.


please solve it.


i attach my code  as below

<ejs-treegrid id="CoverGrid" height="590" autoCheckHierarchy="true" dataBound="dataBound" rowHeight="30" frozenColumns="6" gridLines="Both" treeColumnIndex="4"
                  idMapping="SUB_BLDG_SNO" hasChildMapping="B_IS_PARENT" parentIdMapping='P_BLDG_SNO' allowTextWrap="true" allowResizing="true"
                  created="CoverGridCreate" cellEdit="CoverCellEdit" cellSave="CellSave" queryCellInfo="cellChange" toolbar="@(new List<string>() {"Update","Cancel" })">
        <e-data-manager url="/IDI/UC_URL" crudUrl="" adaptor="UrlAdaptor"></e-data-manager>
        <e-treegrid-editsettings allowEditing="true" mode="Batch"></e-treegrid-editsettings>
        <e-treegrid-textwrapsettings wrapMode="Header"></e-treegrid-textwrapsettings>
        <e-treegrid-columns>
            <e-treegrid-column field="SUB_BLDG_SNO" defaultValue="@empty" visible="false" isPrimaryKey="true"></e-treegrid-column>
            <e-treegrid-column field="P_BLDG_SNO" defaultValue="@empty" visible="false"></e-treegrid-column>
            <e-treegrid-column field="IS_PARENT" defaultValue="@empty" visible="false"></e-treegrid-column>
            <e-treegrid-column field="BLDG_SNO" defaultValue="@empty" visible="false"></e-treegrid-column>


            <e-treegrid-column field="BLDG_NO" headerText="BUILDING NO."
                               width="100" defaultValue="@empty" headerTextAlign="Center" textAlign="Left"></e-treegrid-column>
            <e-treegrid-column field="BLDG_NM" HeaderText="BUILDING Name"
                               width="140" defaultValue="@empty" headerTextAlign="Center" textAlign="Left"></e-treegrid-column>


            @* TO PIPING, PROCESS *@
            <e-treegrid-column headerText="TO PIPING, PROCESS" headerTextAlign="Center" textAlign="Center"
                               columns="@(new List<Syncfusion.EJ2.Grids.GridColumn>() {


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "POTABLE WATER", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "PEAK_FLRT_LPM" , Width = "100", HeaderText = "FLOW (LPM)"   ,
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "P_SIZE"        , Width = "100", HeaderText = "PIPE SIZE(\")",
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){


                                new Syncfusion.EJ2.Grids.GridColumn { Field = "PW_X" , Width = "100", HeaderText = "X"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "PW_Y" , Width = "100", HeaderText = "Y"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "PW_Z" , Width = "100", HeaderText = "Z"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }} }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "PW_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}


                        }},


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "CHILLED WATER", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "CW_FLOW" , Width = "100", HeaderText = "FLOW (LPM)"   ,
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "CW_P_SIZE" , Width = "100", HeaderText = "PIPE SIZE(\")",
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){


                                new Syncfusion.EJ2.Grids.GridColumn { Field = "CW_X" , Width = "100", HeaderText = "X"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "CW_Y" , Width = "100", HeaderText = "Y"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "CW_Z" , Width = "100", HeaderText = "Z"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "CW_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}


                        }},


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "HOT WATER", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "HOT_FLOW" , Width = "100", HeaderText = "FLOW (LPM)"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "HOT_P_SIZE"        , Width = "100", HeaderText = "PIPE SIZE(\")", DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "HW_X" , Width = "100", HeaderText = "X"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "HW_Y" , Width = "100", HeaderText = "Y"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "HW_Z" , Width = "100", HeaderText = "Z"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "HOT_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                        }},


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "INSTRUMENT AIR", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "IA_PRESSURE" , Width = "130", HeaderText = "PRESSURE", DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "IA_P_SIZE" , Width = "130", HeaderText = "PIPE SIZE(\")", DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "IA_X" , Width = "100", HeaderText = "X"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "IA_Y" , Width = "100", HeaderText = "Y"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "IA_Z" , Width = "100", HeaderText = "Z"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "", HeaderTemplate="#HeaderTemp" , TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){


                                new Syncfusion.EJ2.Grids.GridColumn { Field = "IA_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }} }},
                        }},


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "STEAM", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "ST_FLOW" , Width = "130", HeaderText = "FLOW", DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "ST_P_SIZE" , Width = "100", HeaderText = "PIPE SIZE(\")", DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "ST_X" , Width = "100", HeaderText = "X"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "ST_Y" , Width = "100", HeaderText = "Y"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "ST_Z" , Width = "100", HeaderText = "Z"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "ST_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                        }}


                })"></e-treegrid-column>


            @* TO CIVIL *@
            <e-treegrid-column headerText="TO CIVIL" headerTextAlign="Center" textAlign="Center"
                               columns="@(new List<Syncfusion.EJ2.Grids.GridColumn>() {


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "SANITARY (DRAIN&SEWER)", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "LITER"   , Width = "100", HeaderText = "FLOW (LPM)"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "STR_P_SIZE" , Width = "100", HeaderText = "PIPE SIZE(\")", DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "STR_X" , Width = "100", HeaderText = "X"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "STR_Y" , Width = "100", HeaderText = "Y"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "STR_Z" , Width = "100", HeaderText = "Z"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "STR_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                        }},


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "HVAC CONDENSATE DRAIN", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "HCD_P_SIZE" , Width = "170", HeaderText = "PIPE SIZE(\")", DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "HCD_X" , Width = "100", HeaderText = "X"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "HCD_Y" , Width = "100", HeaderText = "Y"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "HCD_Z" , Width = "100", HeaderText = "Z"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "HCD_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                        }},


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "BATTERY ROOM DRAIN", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "BRD_P_SIZE" , Width = "130", HeaderText = "PIPE SIZE(\")", DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "BRD_X" , Width = "100", HeaderText = "X"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "BRD_Y" , Width = "100", HeaderText = "Y"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "BRD_Z" , Width = "100", HeaderText = "Z"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "BRD_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                        }}
                })"></e-treegrid-column>


            <e-treegrid-column field="REMARKS" headerText="REMARKS"
                               width="120" defaultValue="@empty" headerTextAlign="Center" textAlign="Center"></e-treegrid-column>
            <e-treegrid-column field="USE_FILE" headerText="FILE ATTACHMENT"
                               width="120" defaultValue="@empty" headerTextAlign="Center" textAlign="Center"></e-treegrid-column>
            <e-treegrid-column field="SORT" headerText="SORT"
                               width="120" defaultValue="@empty" headerTextAlign="Center" textAlign="Center"></e-treegrid-column>


        </e-treegrid-columns>
    </ejs-treegrid>



5 Replies
SM Shek Mohammed Asiq Abdul Jabbar Syncfusion Team April 11, 2022 01:37 PM UTC

Hi TaeWook Kang,


Thanks for your patience.


Query : I want to set the checkbox in the TreeGrid.


To enable the checkbox in TreeGrid component, showCheckbox property should be enabled where the treeColumnIndex was set.


Please refer to the below code snippet,


 

<ejs-treegrid id="TreeGrid" height="400" idMapping="TaskId" parentIdMapping="ParentId" hasChildMapping="isParent" autoCheckHierarchy="true" treeColumnIndex="1">

    <e-data-manager url="/Home/DataSource" adaptor="UrlAdaptor"></e-data-manager>

    <e-treegrid-columns>

        <e-treegrid-column field="TaskId" isPrimaryKey="true" headerText="Id" width="100"></e-treegrid-column>

        <e-treegrid-column field="TaskName" headerText="Name" showCheckbox="true" width="100" editType='dropdownedit'></e-treegrid-column>

        <e-treegrid-column field="Duration" headerText="Duration" width="150" editType='dropdownedit'></e-treegrid-column>

    </e-treegrid-columns>

</ejs-treegrid>

 


In the above example, the showCheckbox property was enabled, where the treeColumnIndex set.


Please refer the below sample :

https://ej2.syncfusion.com/aspnetcore/TreeGrid/CheckboxColumn#/bootstrap5


Also please refer the documentation for checkbox property :

https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.TreeGrid.TreeGridColumn.html#Syncfusion_EJ2_TreeGrid_TreeGridColumn_ShowCheckbox


Kindly get back to us for further assistance.

Regards,

Shek Mohammed Asiq A


TK TaeWook Kang replied to Shek Mohammed Asiq Abdul Jabbar April 12, 2022 07:39 AM UTC

Hi.

Thank you for reply


i tried to change the code like your sample.


but, i don't find check box.

please give a solution more.


thanks.

<ejs-treegrid id="CoverGrid" height="590" autoCheckHierarchy="true" dataBound="dataBound" rowHeight="30" frozenColumns="2" gridLines="Both" treeColumnIndex="0"
                  idMapping="SUB_BLDG_SNO" hasChildMapping="B_IS_PARENT" parentIdMapping='P_BLDG_SNO' allowTextWrap="true" allowResizing="true"
                  created="CoverGridCreate" cellEdit="CoverCellEdit" cellSave="CellSave" queryCellInfo="cellChange" toolbar="@(new List<string>() {"Update","Cancel" })">
        <e-data-manager url="/IDI/UC_URL" crudUrl="" adaptor="UrlAdaptor"></e-data-manager>
        <e-treegrid-editsettings allowEditing="true" mode="Batch"></e-treegrid-editsettings>
        <e-treegrid-textwrapsettings wrapMode="Header"></e-treegrid-textwrapsettings>
        <e-treegrid-columns>
            <e-treegrid-column field="BLDG_NO" headerText="BUILDING NO." showCheckbox="true"
                               width="100" defaultValue="@empty" headerTextAlign="Center" textAlign="Left"></e-treegrid-column>
            <e-treegrid-column field="BLDG_NM" HeaderText="BUILDING Name"
                               width="140" defaultValue="@empty" headerTextAlign="Center" textAlign="Left"></e-treegrid-column>


            @* TO PIPING, PROCESS *@
            <e-treegrid-column headerText="TO PIPING, PROCESS" headerTextAlign="Center" textAlign="Center"
                               columns="@(new List<Syncfusion.EJ2.Grids.GridColumn>() {


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "POTABLE WATER", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "PEAK_FLRT_LPM" , Width = "100", HeaderText = "FLOW (LPM)"   ,
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "P_SIZE"        , Width = "100", HeaderText = "PIPE SIZE(\")",
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){


                                new Syncfusion.EJ2.Grids.GridColumn { Field = "PW_X" , Width = "100", HeaderText = "X"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "PW_Y" , Width = "100", HeaderText = "Y"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "PW_Z" , Width = "100", HeaderText = "Z"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }} }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "PW_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}


                        }},


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "CHILLED WATER", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "CW_FLOW" , Width = "100", HeaderText = "FLOW (LPM)"   ,
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "CW_P_SIZE" , Width = "100", HeaderText = "PIPE SIZE(\")", Edit= new { create = "create", read = "read", destroy = "destroy", write = "write" },
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right },


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){


                                new Syncfusion.EJ2.Grids.GridColumn { Field = "CW_X" , Width = "100", HeaderText = "X"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "CW_Y" , Width = "100", HeaderText = "Y"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "CW_Z" , Width = "100", HeaderText = "Z"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "CW_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}


                        }},


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "HOT WATER", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "HOT_FLOW"    , Width = "100", HeaderText = "FLOW (LPM)"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "HOT_P_SIZE"  , Width = "100", HeaderText = "PIPE SIZE(\")", Edit= new { create = "create", read = "read", destroy = "destroy", write = "write" },
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right},


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "HW_X" , Width = "100", HeaderText = "X"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "HW_Y" , Width = "100", HeaderText = "Y"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "HW_Z" , Width = "100", HeaderText = "Z"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "HOT_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                        }},


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "INSTRUMENT AIR", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "IA_PRESSURE" , Width = "130", HeaderText = "PRESSURE", DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "IA_P_SIZE" , Width = "130", HeaderText = "PIPE SIZE(\")", Edit= new { create = "create", read = "read", destroy = "destroy", write = "write" },
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right },


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "IA_X" , Width = "100", HeaderText = "X"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "IA_Y" , Width = "100", HeaderText = "Y"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "IA_Z" , Width = "100", HeaderText = "Z"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "IA_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                        }},


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "STEAM", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "ST_FLOW" , Width = "130", HeaderText = "FLOW", DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "ST_P_SIZE" , Width = "100", HeaderText = "PIPE SIZE(\")", Edit= new { create = "create", read = "read", destroy = "destroy", write = "write" },
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right },


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "ST_X" , Width = "100", HeaderText = "X"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "ST_Y" , Width = "100", HeaderText = "Y"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "ST_Z" , Width = "100", HeaderText = "Z"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "ST_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                        }}


                })"></e-treegrid-column>


            @* TO CIVIL *@
            <e-treegrid-column headerText="TO CIVIL" headerTextAlign="Center" textAlign="Center"
                               columns="@(new List<Syncfusion.EJ2.Grids.GridColumn>() {


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "SANITARY (DRAIN&SEWER)", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "LITER"   , Width = "100", HeaderText = "FLOW (LPM)"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "STR_P_SIZE" , Width = "100", HeaderText = "PIPE SIZE(\")", Edit= new { create = "create", read = "read", destroy = "destroy", write = "write" },
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right },


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "STR_X" , Width = "100", HeaderText = "X"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "STR_Y" , Width = "100", HeaderText = "Y"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "STR_Z" , Width = "100", HeaderText = "Z"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "STR_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                        }},


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "HVAC CONDENSATE DRAIN", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "HCD_P_SIZE" , Width = "170", HeaderText = "PIPE SIZE(\")", Edit= new { create = "create", read = "read", destroy = "destroy", write = "write" },
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right },


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "HCD_X" , Width = "100", HeaderText = "X"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "HCD_Y" , Width = "100", HeaderText = "Y"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "HCD_Z" , Width = "100", HeaderText = "Z"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "HCD_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                        }},


                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "BATTERY ROOM DRAIN", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                            new Syncfusion.EJ2.Grids.GridColumn { Field = "BRD_P_SIZE" , Width = "130", HeaderText = "PIPE SIZE(\")", Edit= new { create = "create", read = "read", destroy = "destroy", write = "write" },
                                DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right },


                            new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "TIE-IN COORDINATES", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "BRD_X" , Width = "100", HeaderText = "X"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "BRD_Y" , Width = "100", HeaderText = "Y"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }},
                                new Syncfusion.EJ2.Grids.GridColumn { Field = "BRD_Z" , Width = "100", HeaderText = "Z"   , DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                            }},


                            new Syncfusion.EJ2.Grids.GridColumn { Field = "BRD_ORI" , Width = "100", HeaderText = "FLANGE ORIENTATION"   ,
                                    DefaultValue = "" , HeaderTextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, TextAlign = Syncfusion.EJ2.Grids.TextAlign.Right, ValidationRules = new { number=true }}
                        }}
                })"></e-treegrid-column>


            <e-treegrid-column field="REMARKS" headerText="REMARKS"
                               width="120" defaultValue="@empty" headerTextAlign="Center" textAlign="Center"></e-treegrid-column>
            <e-treegrid-column field="USE_FILE" headerText="FILE ATTACHMENT" template="#tagTemplate"
                               width="120" defaultValue="@empty" headerTextAlign="Center" textAlign="Center"></e-treegrid-column>
            <e-treegrid-column field="SORT" visible="false"></e-treegrid-column>
            <e-treegrid-column field="SUB_BLDG_SNO" defaultValue="@empty" visible="false" isPrimaryKey="true"></e-treegrid-column>
            <e-treegrid-column field="P_BLDG_SNO" defaultValue="@empty" visible="false"></e-treegrid-column>
            <e-treegrid-column field="IS_PARENT" defaultValue="@empty" visible="false"></e-treegrid-column>
            <e-treegrid-column field="BLDG_SNO" defaultValue="@empty" visible="false"></e-treegrid-column>
        </e-treegrid-columns>
    </ejs-treegrid>

PS Pon Selva Jeganathan Syncfusion Team April 13, 2022 03:00 PM UTC

Hi TaeWook Kang,


Thanks for the update.


We checked your query by preparing sample based on your shared code example, we were able to reproduce the issue at our end. In your sample, we suspect that you are using the stacked header column.

While using the stacked header column you are defined grid column inside of the treegrid column.  So, the checkbox is not rendered.


To avoid this issue, we suggest you define the treegrid column instead of the grid column in column definition.


Please refer to the code example,

  Your code:

 

 

<e-treegrid-column headerText="TO PIPING, PROCESS" headerTextAlign="Center" textAlign="Center"

                               columns="@(new List<Syncfusion.EJ2.Grids.GridColumn>() {

 

 

                        new Syncfusion.EJ2.Grids.GridColumn { HeaderText = "POTABLE WATER", TextAlign = Syncfusion.EJ2.Grids.TextAlign.Center, Columns = new List<Syncfusion.EJ2.Grids.GridColumn>(){

 

 

                            new Syncfusion.EJ2.Grids.GridColumn { Field = "PEAK_FLRT_LPM" , Width = "100", HeaderText = "FLOW (LPM)"   ,

….

 

 

 

Modified code:

 

<e-treegrid-column field="Duration" headerText="Duration"   editType='dropdownedit' ></e-treegrid-column>

                                  <e-treegrid-column headerText="Shipment Details" textAlign="Center" columns="@( new List<Syncfusion.EJ2.TreeGrid.TreeGridColumn>() { new Syncfusion.EJ2.TreeGrid.TreeGridColumn { Field = "ShipmentCategory", Width = "170", HeaderText = "Shipment Category" },

                                                                                                          new Syncfusion.EJ2.TreeGrid.TreeGridColumn { Field = "ShippedDate", Width = "140", Format="yMd", HeaderText = "Shipment Date",  TextAlign= Syncfusion.EJ2.Grids.TextAlign.Right },

                                                                                                          new Syncfusion.EJ2.TreeGrid.TreeGridColumn { Field = "Units", Width = "90", HeaderText = "Units",  }} )">

                </e-treegrid-column>

                                   </e-treegrid-columns>


After referring these changes, the column’s checkbox rendered properly. And we have faced the issue on the header checkbox is not rendered.


We are validating this header checkbox issue in our end. And we need time to validate the issue(stacked header with headercheckbox) at our end and we will update the further details on 19th April 2022. Until then we value your patience.

Regards,
Pon selva


PS Pon Selva Jeganathan Syncfusion Team April 19, 2022 01:21 PM UTC

Hi TaeWook Kang,


Thanks for your patience.


On further validation,  we have confirmed it as a bug and logged the defect report “Header checkbox is not rendered while using the stacked header with a checkbox column feature”. Thank you for taking the time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle ) and including the defect fix in our weekly release which is expected to be rolled out on 11th May 2022.  

     

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.     

     

Feedback Link: https://www.syncfusion.com/feedback/34260/header-checkbox-is-not-rendered-while-using-the-stacked-header-with-a-checkbox


Until then we value your patience


Regards,

Pon selva


PS Pon Selva Jeganathan Syncfusion Team May 13, 2022 02:37 PM UTC

Hi TaeWook Kang,


We are glad to announce that the fix for the issue “Header checkbox is not rendered while using the stacked header with a checkbox column feature” has been rolled out in our Essential Studio 2022 Volume 1 SP release v20.1.0.55 is rolled out and is available for download under the following link.


https://www.syncfusion.com/forums/174993/essential-studio-2022-volume-1-service-pack-release-v20-1-0-55-is-available-for-download


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.


Regards,          

Pon selva


Loader.
Up arrow icon