Hello Costanzo,

Thank you for the update.  I was able to use the following script in the NodeChecking handler to allow cycling through the checked states for each node.

Here is the markup for the tree I am using:
<ig:WebDataTree ID="WebDataTree1" runat="server" Height="300px" Width="200px"
    CheckBoxMode="TriState" DataSourceID="XmlDataSource1">
    <ClientEvents NodeChecking="WebDataTree1_NodeChecking" />
</ig:WebDataTree>

And using the following function for the handler:

function WebDataTree1_NodeChecking(sender, eventArgs)
{
    ///<summary>
    ///
    ///</summary>
    ///<param name="sender" type="Infragistics.Web.UI.WebDataTree"></param>
    ///<param name="eventArgs" type="Infragistics.Web.UI.DataTreeNodeEventArgs"></param>

    var node = eventArgs.getNode();

    //  Set the checked state.
    var curCheck = node.get_checkState();
    node.set_checkState((curCheck + 1) % 3);

    //  Cancel the event so it does not evaluate with your alteration.
    eventArgs.set_cancel(true);
}

This will cycle from (Unchecked > Checked > Partial > Unchecked...).

You can change the images for the checkbox from our styles folder /ig_res/.  You would want to change the following images:

ig_res/Default/images/ig_checkbox_off.gif
ig_res/Default/images/ig_checkbox_on.gif
ig_res/Default/images/ig_checkbox_partial.gif

You can retrieve the state of the checkboxes on server side as long as you stick to using our API calls on client side as I've posted above.  I demonstrate how to retrieve the states below in C#.

private void RecursiveCountNodes(DataTreeNodeCollection nodes)
{
    foreach (DataTreeNode node in nodes)
    {
        //  Get the state of each node.
        if (node.CheckState == Infragistics.Web.UI.CheckBoxState.Unchecked)
            ++numUnchecked;
        if (node.CheckState == Infragistics.Web.UI.CheckBoxState.Checked)
            ++numChecked;
        if (node.CheckState == Infragistics.Web.UI.CheckBoxState.Partial)
            ++numPartChecked;

        //  Increase the total node count.
        ++totalNodes;

        //  Check the children nodes for their state.
        if (node.Nodes.Count > 0)
            RecursiveCountNodes(node.Nodes);
    }
}
*When first calling this method, you would use: RecursiveCountNodes(WebDataTree1.Nodes);

Hello Costanzo,

I am following up to see if the information and sample provided has resolved this matter.

Please let me know if I may be of further assistance with this matter.

Sincerely,

Mike P.

Developer Support Engineer

Infragistics, Inc.

Hello Costanzo,

Thank you for your patience. I have modified the sample to demonstrate this behavior. In the client side Initialize event I loop though the nodes and check the state if they and set the image. At the top of the event I have some test code to demonstrate this on the first node.

Please let me know if you have any questions concerning this matter.

Sincerely,

Mike P.

Developer Support Engineer

Infragistics, Inc.

Hello Costanzo,

Thank you for the update. In theory this can be achieved by handling the client side Initialize event which should occur after that data has been loaded and the state of the checkboxes have been set. After this you would loop through you nodes checking the value and if they are set to the state you want change the image. I am working on a sample to demonstrate this behavior. I will continue to look into this matter and give you a progress update by the end of the day tomorrow.

Mike P.

Developer Support Engineer

Infragistics, Inc.