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

Selects the specified node.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.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 selecting its nodes.

Use the SelectNode method to select a node programmatically.

<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);
    }

Note

This method does not select the specified node if Load Child Nodes on Demand mode is enabled, and the node is not loaded yet.