Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
How to add Dynamic checkbox Columns in ig:WebHierarchicalDataGrid


I am working on a ASP.NET project.I am new to Infragistics.

I have a requirement to add check box column dynamically. I have 3 fixed columns those are BoundFields.

My Requirement is,

After bunding 3 fixed columns I have to add checkbox column dynamically in the code behind and need to bind value based on value getting from the database.


Please suggests me any other best option. Please find grid view screenshot and code.

Please provide me some sample code  would be appreciable    

Design View:

I need to make column dynamic marked in red. Currently these columns are static. I need to make all checkbox column dynamically binding 


 <ig:WebHierarchicalDataGrid ID="WebHierarchicalDataGrid" runat="server" Width="100%" AutoGenerateBands="true"
                                AutoGenerateColumns="false" DataKeyFields="IQuestionId" EnableDataViewState="true" CollapseButton-ImageUrl="~/images/colapseMinus.png" 
                                CollapseButton-HoverImageUrl="~/images/colapseMinus.png" CollapseButton-PressedImageUrl="~/images/colapseMinus.png"
                                ExpandButton-ImageUrl="~/images/expandPlus.png" ExpandButton-HoverImageUrl="~/images/expandPlus.png" 
                                CssClass="headerRow" GroupingSettings-GroupedBandCssClass="headerRow">

                                    <ig:Selection Enabled="false" CellClickAction="Row" RowSelectType="None">

                                <GroupingSettings EnableColumnGrouping="True" GroupAreaVisibility="Visible" InitialRowExpandState="Collapsed" />

                                    <ig:BoundDataField DataFieldName="IQuestionId" Width="0%" Key="IQuestionId" Hidden="true" Header-Text="" />
                                    <ig:BoundDataField DataFieldName="VchQuestionText" Width="30%" Key="VchQuestionText" Hidden="false" Header-Text="Question Text" />
                                    <ig:BoundDataField DataFieldName="VchSectionName" Width="0%" Key="VchSectionName" Hidden="true" Header-Text="Section Name" />
                                    <ig:BoundDataField DataFieldName="VchQuestionType" Width="15%" Key="VchQuestionType" Hidden="false" Header-Text="Question Type" />
                                    <ig:BoundDataField DataFieldName="VchAnswerType" Width="15%" Key="VchAnswerType" Hidden="false" Header-Text="Answer Type" />

                                    <ig:TemplateDataField Key="TempMedical" Header-Text="MedicalTest" Width="8%">
                                            <asp:CheckBox ID="chkMedical" runat="server"
                                                Checked='<%# DataBinder.Eval(((Infragistics.Web.UI.TemplateContainer)Container).DataItem, "Medical") %>' />

                                    <ig:TemplateDataField Key="TempAviation" Header-Text="AviationTest" Width="8%">
                                            <asp:CheckBox ID="chkAviation" runat="server"
                                                Checked='<%# DataBinder.Eval(((Infragistics.Web.UI.TemplateContainer)Container).DataItem, "Aviation") %>' />

                                    <ig:TemplateDataField Key="TemSecurity" Header-Text="Security" Width="8%">
                                            <asp:CheckBox ID="chkISecurity" runat="server"
                                                Checked='<%# DataBinder.Eval(((Infragistics.Web.UI.TemplateContainer)Container).DataItem, "ISecurity") %>' />

                                    <ig:TemplateDataField Key="TemTechinical" Header-Text="Techinical" Width="8%">
                                            <asp:CheckBox ID="chkTechinical" runat="server"
                                                Checked='<%# DataBinder.Eval(((Infragistics.Web.UI.TemplateContainer)Container).DataItem, "Techinical") %>' />

                                    <ig:TemplateDataField Key="TemLogistics" Header-Text="Logistics" Width="8%">
                                            <asp:CheckBox ID="chkLogistics" runat="server"
                                                Checked='<%# DataBinder.Eval(((Infragistics.Web.UI.TemplateContainer)Container).DataItem, "Logistics") %>' />



  • 840
    Offline posted


    Thank you for posting in our community.

    Please keep in mind that this section of the forums is about our Ignite UI for JavaScript toolset. In the future, please make sure that your queries are submitted in the corresponding section in our forum. This way we can address your issues more accurately.

    I have created a sample illustrating how your requirement could be achieved by defining a custom template class in code-behind. Please test it on your side and let me know how it behaves.

    If this is not an accurate demonstration of what you are trying to achieve please feel free to modify it and send it back to me along with steps to reproduce.

    Looking forward to hearing from you.

Reply Children
No Data