NodeTemplate with a button prevent the button from click ?

[Yordan]

    <SfTreeView TValue="TreeData" ShowCheckBox="true" SortOrder="Syncfusion.Blazor.Navigations.SortOrder.None">

        <TreeViewFieldsSettings DataSource="@TreeDataSource" Id="Id" ParentID="Pid" Text="Name" HasChildren="HasChild" Expanded="Expanded" Selected="IsSelected" ></TreeViewFieldsSettings>

        <TreeViewTemplates>

            <NodeTemplate>

                <button @onclick="onClick">test</button>

            </NodeTemplate>

            </TreeViewTemplates>

    </SfTreeView>

- Any item with click event handler inside the NodeTemplate will not trigger the event handler.

How can I trigger click even handler on objects inside the NodeTemplate of TreeView ?

[Sowmiya Padmanaban]

Hi Yordon, 

 

Greetings from Syncfusion support. 

 

We have checked your reported problem that click events bound for icon inside the node template of TreeView component is not triggered when clicking on it. By default, we have prevented the pointer events for node template elements of TreeView. By setting the pointer-events as auto for TreeView node element, you can be able to trigger the events bound to the node template elements inside tree nodes of TreeView. 

 

<style> 

    .e-treeview.e-fullrow-wrap .e-text-content { 

      pointer-events: auto; 

    } 

 

</style> 

 

Refer the below sample link. 

 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/TreeView2129304930.zip 

 

To know more about the TreeView component. Refer the below links. 

 

UG Documentation- https://blazor.syncfusion.com/documentation/treeview/data-binding/#self-referential-data 

 

Demo link- https://blazor.syncfusion.com/demos/treeview/default-functionalities/ 

 

API reference- https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.ITreeView.html 

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya.P 

[Yordan]

Awesome! Worked !

Thank You Sowmiya Padmanaban [Syncfusion] !

[Sowmiya Padmanaban]

Hi Yordon, 

  

Most Welcome. We are happy to hear that your problem has been resolved. Please contact us, if you need any help from us.  

  

Regards,  

Sowmiya.P