Hi Maria, thank you for response and sample project. It's very helpful.

For setting selected item font color, I am trying to style xamDataTree following sample "Styling xamDataTree" in "Samples Browser" So the SelectedStates is set in code below

<VisualStateGroup x:Name="SelectedStates">
                                        <VisualState x:Name="NotSelected"></VisualState>
                                        <VisualState x:Name="Selected">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames BeginTime="00:00:00"
                                                                               Duration="00:00:00"
                                                                               Storyboard.TargetName="SelectedBorder"
                                                                               Storyboard.TargetProperty="Visibility">
                                                    <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <Visibility>Visible</Visibility>
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>

Do you have sample code to show me how to set font color this way?

Thanks,
Crystal.

Hi Maria,

I have another question, we need is to have checkboxes in XamDataTree reflects what's set in its ItemsSource.

I tried with binding CheckBoxMemberPath to a property in data layer. However, the checkbox in parent node isn't updated accordingly, when it's leaf node is checked. Do you know how to set parent node checkbox to be in sync with it's leaf node. please see attached sample project.

Thanks,

Crystal.

Hi Crystal, 

This behavior is caused by the fact that the parent nodes are initialized first and then the children. When the tree is loaded this will set the check state of the parent to unchecked as it is not bound to a property with the corresponding value. Then when the check state of a child node is set through the binding the parent does not corresponds to it.  In order to make sure that the parent states are validated after the children are bound you can call the ValidateParentCheckedState method. Here is a code snippet for the same. You can call the Loop method after the tree is loaded:

public void Loop()

{

Action<XamDataTreeNodesCollection> accessNodes = null;

accessNodes = (nodes) =>

{

foreach (var n in nodes)

{

if (n.Manager.ParentNode != null)

{

n.Manager.ParentNode.ValidateParentCheckedState();

}

accessNodes(n.Nodes);

};

};

accessNodes(tree.Nodes);

} 

I hope this will be helpful for you. Please let me know if you have any other questions.

Hi Maria, thank you for looking into this. when should I call this loop method. I tried to call it in Loaded event handler. it doesn't work.

Thanks,

Crystal

Hi Crystal,

Calling the Loop method in the loaded event of the tree is working on my side. I have attached the modified sample. Though it may be a timing issue that is causing the behavior on your side so that not all nodes are rendered. You can use a dispatcher in this case to change the priority of the Loop call to Backgroud. Let me know in case you need further assistance on the same.

Hi Maria, use dispatcher works, thank you so much for your help.

Crystal.

You are welcome Crystal.
Let me know if you have any other questions on the same.