How to disable selected items from displaying in header

1 Answer 142 Views
DropDownList DropDownTree wrapper
Jerry
Top achievements
Rank 1
Iron
Iron
Iron
Jerry asked on 24 May 2021, 03:58 PM

I'm using the dropdowntree control in Vuejs.

When the checkboxes are selected, the selected items are display in an oval with an "x" at the top of the control. 

How do I keep the selected items from displaying at the top of the control?

I'd rather have the total number of items that are selected to display at the top of the control. Is this possible?

<dropdowntree 
:data-source="myDataSource"
:autoClose="false"
:checkboxes="true"
:check-all="true"
:placeholder="'Select Items'"
dataTextField="text"
dataValueField="id"
v-model="selectedItemsList"
style="width: 500px;"
>
</dropdowntree>

1 Answer, 1 is accepted

Sort by
0
Plamen
Telerik team
answered on 25 May 2021, 04:53 AM

Hi,

DropDownTree Kendo UI for Vue Wrapper component has a tagMode prop that accepts a value 'single' that will help you achieve the desired behavior as it is done in this example - https://stackblitz.com/edit/iwepqq-xgtsds?file=src/main.vue.

Regards,
Plamen
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
DropDownList DropDownTree wrapper
Asked by
Jerry
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Plamen
Telerik team
Share this question
or