In Rad tree list when i am collapse and exapand the nodes it willl take more time how reduce time limit ? and How to increase the performance?

[venkatesh]

Hi

I am using rad tree list successfully working

but i have problem is take much time taken for collapsing and expand the nodes.

how reduce this and increase performance

And

also i am taking "TreeListTemplateColumn " for asp checkboxs column in treelist control

when i am clicking the parent checkbook automatically child also cheeked but this functionality not working for me

Please give the this two solutions

Thanks for ur help !

[Tsvetina]

Hello Venkatesh,

How many records do you have in the treelist? If it is a large number, a solution to this problem will be available in the next release of RadControls with a new load mode for the treelist which improves performance with large datasets.

If the records are not that many, there could be some problem with your databinding logic, so sharing the code that you use for binding the treelist could help.

As for the second problem, the TreeListTemplateColumn does not support such functionality out of the box. There could be anything in it, so the behavior of the controls inside is controlled only by the logic which you provide.

If you want to have such functionality that checks all child rows of the currently selected one, you could use a TreeListSelectColumn with recursive selection enabled (in the following demo check the Allow Recursive Selection checkbox in the configurator):
TreeList / Server-side Selection

Greetings,
Tsvetina
the Telerik team

[venkatesh]

Thanks for your replay

Just 150 records in treelist only

my code is HTML view:

<telerik:RadTreeList ID="RadTreeList1" runat="server" OnNeedDataSource="RadTreeList1_NeedDataSource"
                            ParentDataKeyNames="menuParentId" DataKeyNames="menuNodeId" AllowPaging="false" ShowTreeLines="false" ShowOuterBorders="false"
                            CheckBoxes="true" PageSize="120" AutoGenerateColumns="false" AllowSorting="true" AllowMultiItemSelection="true"
                            OnItemDataBound="RadTreeList1_ItemDataBound" HeaderStyle-BorderWidth="0">
                            <Columns>
                                <telerik:TreeListBoundColumn DataField="menuNodeId" UniqueName="menuNodeId" Visible="false"/>
                                <telerik:TreeListBoundColumn DataField="menuNodeName" UniqueName="menuNodeName" HeaderText="Name" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" />
                                <telerik:TreeListBoundColumn DataField="menuTab" UniqueName="menuTab" HeaderText="Tab"
                                    ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true">
                                </telerik:TreeListBoundColumn>
                                <telerik:TreeListBoundColumn DataField="menuToggle" UniqueName="menuToggle" HeaderText="menuToggle" Visible="false" />                                 
                                <telerik:TreeListTemplateColumn>
                                    <HeaderTemplate>Visible</HeaderTemplate>
                                    <HeaderStyle Font-Bold="true" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <asp:CheckBox ID="edit_chkBox" Checked='<%# Bind("IsVisible") %>' runat="Server"  onclick='<%# "editmenusUpdateIsVisible(" + Eval("menuNodeId") + ");" %>'/>                                   
                                    </ItemTemplate>
                                </telerik:TreeListTemplateColumn>
                                <telerik:TreeListTemplateColumn>
                                    <HeaderTemplate>
                                        Enabled</HeaderTemplate>
                                    <HeaderStyle Font-Bold="true" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <asp:CheckBox ID="edit_chkBox1" Checked='<%# Bind("IsEnabled") %>' runat="Server" onclick='<%# "editmenusUpdateisEnabled(" + Eval("menuNodeId") + ");" %>' />                                   
                                    </ItemTemplate>
                                </telerik:TreeListTemplateColumn>
                                <telerik:TreeListBoundColumn HeaderText="Description" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" />
                                <telerik:TreeListTemplateColumn>
                                    <HeaderTemplate>
                                        Column</HeaderTemplate>
                                    <HeaderStyle Font-Bold="true" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <telerik:RadComboBox ID="Column" runat="server" Width="60">
                                        </telerik:RadComboBox>
                                    </ItemTemplate>
                                </telerik:TreeListTemplateColumn>
                                <telerik:TreeListTemplateColumn>
                                    <HeaderTemplate>
                                        Position</HeaderTemplate>
                                    <HeaderStyle Font-Bold="true" HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <telerik:RadComboBox ID="Position" runat="server" Width="60">
                                        </telerik:RadComboBox>
                                    </ItemTemplate>
                                </telerik:TreeListTemplateColumn>
                                <telerik:TreeListTemplateColumn HeaderStyle-Width="80px">
                                    <HeaderTemplate>
                                        &nbsp;
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <telerik:RadButton ID="SelectButton" runat="server" Text="+" CommandName="Select"
                                            Width="24px" />
                                        <telerik:RadButton ID="DeselectButton" runat="server" Text="-" CommandName="Deselect"
                                            Width="24px" />
                                    </ItemTemplate>
                                </telerik:TreeListTemplateColumn>
                            </Columns>
                        </telerik:RadTreeList>

In C# coding:

 protected void RadTreeList1_NeedDataSource(object sender, TreeListNeedDataSourceEventArgs e)
    {        
        if (rolID.Value != "")
        {
            string sql = "select * from Menus,LoadingMenu where Menus.menuNodeId=LoadingMenu.menNodeId and LoadingMenu.roleID='" + rolID.Value + "'";
            System.Data.SqlClient.SqlDataAdapter daSrc = new System.Data.SqlClient.SqlDataAdapter(sql, dataConnection);
            DataTable oTable1 = new DataTable("Menus");
            daSrc.Fill(oTable1);
            RadTreeList1.DataSource = oTable1;
        }           
    }
AND ALSO I WANT VERTICAL SCROLLING i.E  NOT CHANGE HEADER ROW, ONLY VERTICAL SCROLLING APPLICABLE FOR ITEMS ONLY
Please verify this code give me any suggestions to this

[Tsvetina]

Hi Venkatesh,

I could not replicate the problem with performance using your mark-up and NeedDataSource binding. Take a look at my test project and let me know if I am missing anything out.

If you cannot point a difference, I would advise you to check the time needed for retrieving the data fromthe database or any other server-side code of the treelist. If you manage to replicate the problem in the test project, let me know what are the reproduction steps.

As for scrolling with static headers, it is not yet an available feature of the treelist control but will be a part of the next release. A beta version will be available by the end of the month.

Kind regards,
Tsvetina
the Telerik team