I've added the Kendo MultiSelect component inside a Kendo Form. However once I start typing some text inside the MultiSelect it throws an error as soon as I click outside:
https://stackblitz.com/edit/bfuhyb?file=src%2FFormInput.vue (stackblitz example of the problem)
What's worse is that upon throwing this error it completely freezes the input until you remove the text (you can't see this on stackblitz since the error covers the screen).
Did I forget to add a certain property to the MultiSelect or is this a bug?
When the MultiSelect is outside of a Kendo Form it doesn't have this behavior:
https://stackblitz.com/edit/ys4zsu?file=src/main.vue (stackblitz as linked on https://www.telerik.com/kendo-vue-ui/components/dropdowns/multiselect/)
How do I save the value from this dropdowntree component onChange?:
https://www.telerik.com/kendo-vue-ui/components/dropdowntree-wrapper/
With the multiselect and dropdownlist components I can use
e.sender.dataItems();
and
e.sender.dataItem(e.sender.select());
respectively
But for the dropdowntree component there isnt't a dataItem attached to the event sender object.
How can I bind a kendo multiselect to a list of objects? The v-model binding only returns an array with the values of data-value-field.
<
kendo-multiselect
id
=
"employees"
v-model
=
"selectedEmployees"
:data-source
=
"employeesDataSource"
:data-text-field
=
"'name'"
:data-value-field
=
"'employeeNumber'"
:delay
=
"1000"
:auto-bind
=
"true"
:min-length
=
"2"
>
</
kendo-multiselect
>
In the example above selectedEmployees will be set to an array of employee numbers instead of employee objects. How can I get it so work with objects instead?
Hello All,
How can possible for adding checkbox in MultiSelect option ?
if checked 1 item in MultiSelect then show item text but if more than one item is selected then I want to display the item count.
let me know if its possible.
Regards,
Rahul
Hello,
I'm trying to use <MultiSelect> to v-model a property on an object, however this doesn't work fully as the dropdownlist doesn't pre-select the values, allowing the user to pick the same option twice.
See:
H2w74h (forked) - StackBlitz
Repro steps:
1: Open dropdownlist, see that 'Baseball' is not pre selected and highlighted in blue
2: Click on 'Baseball' again, Baseball is now selected twice
3: Open dropdownlist again and see that 'Baseball' is selected and highlighted in blue
4: Remove the last 'Baseball' chip (the one on the right).
5: Open dropdownlist again and see that 'Baseball' is not highlighted blue anymore
Hi i want to ask about search in columns filter grid table multiselect checkbox like in this demo Link
so i want to trigger function and hit API when search data in multiselect checkbox. is there any way to achieve it? i tried following some way from doc but still fail to implement
my code right now :
}" />
},
I want to save the values of multiple checkboxes to a single array like so:
https://codepen.io/ktsn/pen/wXbPLR
However this approach won't work with the kendo checkboxes since they only return a boolean:
https://stackblitz.com/edit/7bgzdd?file=src/main.vue
What's the best option here if I want to use multiple kendo checkboxes and save their values to a single array?
Using kendo UI for VueJs.
In kendo wrapper grid, I am using pagination and each page contain 10 rows. And also use checkbox to select any row.
If user select some rows on first page and move to another page then selected rows of that page get clear, when navigate to another page.
Expected - user can select some rows of current page and move to any other page and select the some rows on another page.
When user move to any page, selection rows should not get clear. All selected rows persists when user back to current page.
I have a VueJS app that uses the kendo controls.
Is there a way to use the datepicker or another kendo control to select multiple dates? For example by holding the Ctrl+clicking on each date?
Is there an example?