This is a migrated thread and some comments may be shown as answers.

How to mark Indeterminate on node with ExpandMode = ServerSide?

2 Answers 95 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Rubens
Top achievements
Rank 1
Rubens asked on 17 Aug 2010, 06:21 PM
Hi ALL,

I need to build a large treeview struture using ExpandMode = ServerSide and I wish to mark some nodes as "Indeterminate". How can I do that? I have this code so far:

treeview.Nodes.Clear();
foreach (var item in collection)
{
    treeview.Nodes.Add(new RadTreeNode
    {
        Text = item.Text,
        Value = item.Id.ToString(),
        Checked = item.Aplicabilidade.Any(aplic => aplic.Area.Id == filtroEmpresas.SelectedValue),
        ExpandMode = TreeNodeExpandMode.ServerSide,
        // CheckStatus = Indeterminate  //(readonly, doesn't works)
        // CssClass = "rtIndeterminate" //(doesn't render correctly)
    });
}

Thanks in advance,

Rubens

2 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 1
answered on 18 Aug 2010, 02:40 PM
Hello,


I am not sure about this can be achieved by setting the property individually for nodes.

Probably, you can set the "TriStateCheckBoxes"  property of the treeview to true and chnage the checkbox status from client side for each node, according whether you need Indeterminate state or not.
These links will be helpful in handling client side methods for treeview.
Client-Side Programming Basics
RadTreeNode


Thanks,
Princy.
0
TigerCoder
Top achievements
Rank 1
answered on 15 Sep 2010, 02:09 AM

Rubens,

First, make sure you need to use LoadOnDemand. If you have a few hundred items in a treeview it may not be necessary.

Second, if your treeview only needs to retain state on one page during postbacks, you can use PersistLoadOnDemandNodes="true" and your problem is solved.

 

If, however, you need to setup the first node as indeterminate because you are tracking the user selections in some other form than the treeview, you can do the following but this code will need modification if you have more than one level of hierarchy in your treeview.

 

1. Set a custom property on the treeview node that you wish to have set as indeterminate
2. Add a OnClientLoad event
3. Loop through the nodes client side and fix the rendered CSS class.
4. Make sure you populate the correct state when you load the treenodes on the server. The RadTreeView will fix the state of the parent node as soon as it's loaded.

Here's some code snippets that would do it:
ASPX:

<telerik:RadTreeView ID="RadTreeView1" runat="server" CheckBoxes="true"
                    OnNodeExpand="RadTreeView1_Expand"
                    OnClientLoad="OnClientLoad"
                    TriStateCheckBoxes="true" CheckChildNodes="true">
</telerik:RadTreeView>

Code-behind (setting up the attribute) in C#
//treeview setup
        RadTreeNode rtn;
        DataTable dtGroups = MyDataIO.GetGroups();
  
        foreach (DataRow dr in dtGroups.Rows)
        {
            rtn = new RadTreeNode(dr["text"].ToString(), dr["value"].ToString());
            // add if statement and test against your business logic. this attribute represents the indeterminate state
            if (true)
            {
                rtn.Attributes["ind"] = "1";
                //you can set checked or not checked. I use not checked because this box is just a "select all" box
                rtn.Checked = false;
                rtn.ExpandMode = TreeNodeExpandMode.ServerSideCallBack;
            }
            RadTreeView1.Nodes.Add(rtn);
        }
OnClientLoad method (JavaScript)
function OnClientLoad(sender, args) {
        var nodelist = sender.get_nodes();
        for (var i = 0; i < nodelist.get_count(); i++) {
            var node = nodelist.getNode(i);
            if (node.get_attributes().getAttribute("ind") == "1") {
                var elements = node._element.getElementsByTagName("span");
                for (var j = 0; j < elements.length; j++) {
                    if (elements[j].className == "rtUnchecked" || elements[j].className == "rtChecked")
                        elements[j].className = "rtIndeterminate";
                }
            }
        }
    }

!
Tags
TreeView
Asked by
Rubens
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
TigerCoder
Top achievements
Rank 1
Share this question
or