DxTreeView.SelectNode(Func<ITreeViewNodeInfo, Boolean>) Method

Selects the specified node.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public void SelectNode(
    Func<ITreeViewNodeInfo, bool> predicate
)

Parameters

Name	Type	Description
predicate	Func<ITreeViewNodeInfo, Boolean>	A method delegate that specifies a particular node.

Remarks

When the AllowSelectNodes property is set to true, the DxTreeView component allows node selection. Use the SelectNode method to select a node programmatically. This method does not select the specified node in bound mode if Load Child Nodes on Demand mode is enabled and the node is not loaded yet. If none of the nodes meet the specified condition, the component does not clear selection. Call the ClearSelection() method to deselect nodes.

The following example selects the Lanthanides node and expands all its parent nodes:

<button type="button" @onclick="@(() => SelectNode("Lanthanides"))">Select Lanthanides</button>

<DxTreeView @ref="@SampleTreeView" AllowSelectNodes="true">
    <Nodes>
        <DxTreeViewNode Text="Metals">
            <Nodes>
                <DxTreeViewNode Text="Alkali metals" />
                <DxTreeViewNode Text="Alkaline earth metals" />
                <DxTreeViewNode Text="Inner transition elements">
                    <Nodes>
                        <DxTreeViewNode Text="Lanthanides" />
                        <DxTreeViewNode Text="Actinides" />
                    </Nodes>
                </DxTreeViewNode>
                <DxTreeViewNode Text="Transition elements" />
                <DxTreeViewNode Text="Other metals" />
            </Nodes>
        </DxTreeViewNode>
        <DxTreeViewNode Text="Metalloids" />
        <DxTreeViewNode Text="Nonmetals" />
    </Nodes>
</DxTreeView>    

@code  {
    DxTreeView SampleTreeView;

    void SelectNode(string text) {
        SampleTreeView.SelectNode((n) => n.Text == text);
        SampleTreeView.ExpandToNode((n) => n.Text == text);
    }
}