Get html-attribute from node on selection

[Erik]

Hi,

I would like to get the html-attribute "id" from the node when it is selected.

My tree-view is as follows :

<ej-tree-view id="SideBarTreeView" node-select="onNodeSelected" node-click="onNodeClicked">
                <e-tree-view-fields datasource="@Model.SideBarTreeViewList" id="id" parent-Id="pid" text="name" has-child="hasChild" expanded="false" html-attribute="nodeAttribute">
                </e-tree-view-fields>
            </ej-tree-view>

Looking at the source code from my page, the "id" is located in the <li> parent element of the selected node.

Thanks for your support.

[Christopher Issac Sunder K]

Hi Erik, 

Thank you for contacting Syncfusion support. 

We have checked your requirement – “To get the id of selected node”. The Treeview triggers nodeSelect event each time a node is selected and the details of the selected node(including the id) is passed as arguments to this event. So, you can use this event to achieve your requirement. Please check below code snippet, 

<ej-tree-view id="treeview" node-select="onNodeSelected"> 

    <e-tree-view-fields datasource="ViewBag.datasource" id="Id" parent-id="Parent" text="Text"> 

    </e-tree-view-fields> 

</ej-tree-view> 

 

<script> 

function onNodeSelected(args){ 

    alert("Node of id " + args.id + " has been selected"); 

} 

</script> 

We have prepared a sample for your reference. Please find it below, 

Sample: 

http://www.syncfusion.com/downloads/support/forum/143493/ze/Selected_node_id386766828  

Let us know if you require any further assistance. 

Thanks,
Christo 

[Erik]

Works fine, thanks Christopher.