Hi Dengpan,
Greetings from Syncfusion support.
To meet your requirement, we have prepared a Vue Dropdown
Tree Sample. You can disable the selection of certain items in a Dropdown Tree
component by setting the e-disable class in the data source using htmlAttributes
for specific nodes.
Refer to the below code snippet.
|
[App.Vue]
<ejs-dropdowntree :fields="fields" :htmlAttributes="htmlAttributes"></ejs-dropdowntree>
var data = [
{
nodeId: "01",
nodeText: "Music",
htmlAttributes: { class: "e-disable" }, ...
},...}
|
Sample : https://codesandbox.io/s/jovial-mclean-t5u032?file=/src/App.vue
Check the attached sample and get back to us if you need any
further assistance.
Regards,
Leo Lavanya Dhanaraj
